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

Surface a11y fix #1500

Merged
merged 11 commits into from
Aug 18, 2023
Merged

Surface a11y fix #1500

merged 11 commits into from
Aug 18, 2023

Conversation

xman343
Copy link
Contributor

@xman343 xman343 commented Aug 16, 2023

Changes

#1148 - Currently, twoSurface examples are failing the automated a11y tests.

  • SurfaceHeaderFooterExample: violating button-name rule
    • Passing fix: Implemented accessible label Settings given to the settings button in HeaderFooterExample.
  • SurfaceNoPaddingExample: violating list (ul and ol must only directly contain li, script or template elements) and scrollable-region-focusable (Scrollable region must have keyboard access) rules
    • Passing fix: Implemented as='li' for each <Divider> in the <ul>. This helps NoPaddingExample follow the list rule.
    • Passing fix: Implemented tab accessibility for Anchors within the <ul> in NoPaddingExample so that the region will be keyboard accessible; all interactive elements (including links) must be keyboard accessible.

The examples and / or components will be modified to resolve these rule violations.

Testing

Testing will be conducted through the Cypress web a11y script. Any breaking changes will be evaluated through unit testing & visual tests.

I am also reading the examples with NVDA to assess their screen reader compatibility.

Docs

N/A

@xman343 xman343 self-assigned this Aug 16, 2023
@xman343 xman343 added the a11y Accessibility issues (keyboard navigation, color contrast, assistive technologies, semantics, etc) label Aug 16, 2023
@xman343 xman343 marked this pull request as ready for review August 17, 2023 20:32
@xman343 xman343 requested review from a team as code owners August 17, 2023 20:32
@xman343 xman343 requested review from gretanausedaite and siddhantrawal and removed request for a team August 17, 2023 20:32
examples/Surface.nopadding.tsx Outdated Show resolved Hide resolved
examples/Surface.nopadding.tsx Outdated Show resolved Hide resolved
@mayank99 mayank99 added this pull request to the merge queue Aug 18, 2023
Merged via the queue into dev with commit fe78a33 Aug 18, 2023
15 of 16 checks passed
@mayank99 mayank99 deleted the xander/surface-a11y-fix branch August 18, 2023 20:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issues (keyboard navigation, color contrast, assistive technologies, semantics, etc)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants