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 18 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
@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
GCHQ-Developer-530 and others added 18 commits February 6, 2025 08:40
Update audit dates for March
chore(root): update audit dates - v3 cherry pick
Update docs.json with empty state theme prop
Update empty state to have theme prop to make use of light/dark theme
Update tree view to prevent FOUC - set tree items visibility to hidden until loaded when inherited
props from tree view used. Removed timeouts on truncation - tree view now truncates when ready
rather than waiting 0.1 seconds to help reduce flashing.
…d items

Update tree view truncation story to have expanded items - to show truncation working on nesting
items.
Update data table empty state cypress image
Update empty state to have theme prop to make use of light/dark theme
fix(canary-web-components): update tree view to improve FOUC
…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 3084bd5 to f68b257 Compare February 11, 2025 11:04
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.

6 participants