Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2722 popover menu toggle variant menu items cause accessibility error #2907

Draft
wants to merge 31 commits into
base: v3.0.0/develop
Choose a base branch
from

Conversation

GCHQ-Developer-112
Copy link
Contributor

@GCHQ-Developer-112 GCHQ-Developer-112 commented Dec 16, 2024

Summary of the changes

  • Remove nested ic-button within the toggle variant of ic-menu-item to fix accessibility issues.
  • Rename ic-popover-menu CSS tokens
  • Update necessary tests and stories

Related issue

#2722

Checklist

General

  • Changes to docs package checked and committed.
  • All acceptance criteria reviewed and met.

Testing

  • Relevant unit tests and visual regression tests added.
  • Visual testing against Figma component specification completed.
  • Playground stories in React Storybook up to date, with any prop changes and additions addressed.
  • Compare performance of modified components against develop using Performance addon in React Storybook.

Accessibility

  • Accessibility Insights FastPass performed.
  • A11y unit test added and yields no issues.
  • A11y plug-in on Storybook yields no issues.
  • Manual screen reader testing performed using NVDA and VoiceOver.
  • Manual keyboard testing for keyboard controls and logical focus order.
  • Correct roles used and ARIA attributes used correctly where required.
  • Logical heading structure is maintained, and the HTML elements used for headings can be changed to fit within the wider page structure.

@GCHQ-Developer-112 GCHQ-Developer-112 force-pushed the 2722-popover-menu-toggle-variant-menu-items-cause-accessibility-error branch from e5a0849 to 5f39c9f Compare December 16, 2024 21:51
ad9242 and others added 27 commits December 18, 2024 12:13
…ckground

fixes components that are displayed on brand coloured background
fixes components that are displayed on brand coloured background
fixes components that are displayed on brand coloured background
Update icon colours for dark mode badge to match the text colour of badges in dark mode

. #2910
Update fonts package to alpha versioning for v3 to stop clashes with v2 releases

BREAKING CHANGE: Package version updated to 3.0.0-alpha.0
Update icon colours for dark mode badge and add tests to capture dark mode icons
chore(fonts): update fonts package to alpha versioning for v3
updates snapshot file for v3 data-table tests
adds test for action element in data-table
…pagination-bar-items-per-page-prop

cherry pick : prevent mutation of ic-pagination-bar items per page options prop
docs changes for ic-chip
added prop to change the dismiss label of ic-chip
added tests for custom dismiss label in ic-chip
…mpty options array

Fix ic-select where no options was able to be selected by refactoring customSelectChange function
test to ensure no value is passed in ic-select when 'no options' is selected
updates examples after ic-theme prop changes
updates to canary-docs package after ic-theme changes
updates to docs package after ic-theme changes
keeps canary components in sync with changes made to ic-theme component

BREAKING CHANGE: change to IcTheme types, now IcBrand
changes to ic-theme component to rename prop and events

BREAKING CHANGE: color prop renamed to brandColor
icThemeChange event renamed to icBrandChange
changes to types:
IcThemeForegroundEnum now IcBrandForegroundEnum
IcThemeForeground now IcBrandForeground
IcThemeForegroundNoDefault now IcBrandForegroundNoDefault
IcTheme now IcBrand
changes to tests and storybook examples following changes to ic-theme component

BREAKING CHANGE: BREAKING CHANGE: color prop renamed to brandColor
icThemeChange event renamed to icBrandChange
changes to types:
IcThemeForegroundEnum now IcBrandForegroundEnum
IcThemeForeground now IcBrandForeground
IcThemeForegroundNoDefault now IcBrandForegroundNoDefault
IcTheme now IcBrand
fix(web-components): select bugfix
GCHQ-Developer-847 and others added 4 commits January 2, 2025 12:59
…t-icons-are-showing-as-the-wrong-colour

2910 ic badge dark mode info variant icons are showing as the wrong colour
…x accessibility issues

Remove nested ic-button within the toggle variant of ic-menu-item to fix accessibility issues.
Rename ic-popover-menu CSS tokens. Update tests and stories

. #2722
…gle variant of ic-menu-item

Uncomment Cypress accessibility tests that were previously failing

. #2722
@GCHQ-Developer-112 GCHQ-Developer-112 force-pushed the 2722-popover-menu-toggle-variant-menu-items-cause-accessibility-error branch from 5f39c9f to 3084bd5 Compare January 2, 2025 17:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants