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

[A11y] [Table] Improvements to Screen Reader Functionality for Sortable Table Header Buttons #8092

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

rbrtj
Copy link

@rbrtj rbrtj commented Oct 21, 2024

Summary

Related to: #8087
Improved screen reader functionality for sortable table headers.
It now also includes the sorting state.
Updated test snapshots to ensure all tests pass.

@rbrtj rbrtj requested a review from a team as a code owner October 21, 2024 10:53
@rbrtj rbrtj self-assigned this Oct 21, 2024
@kibanamachine
Copy link

Preview staging links for this PR:

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

cc @rbrtj

@cee-chen
Copy link
Member

@alexwizp Any chance we could get you to test-drive this on https://eui.elastic.co/pr_8092/storybook/?path=/story/tabular-content-euiinmemorytable--kitchen-sink and get your a11y expertise on the changes before we dive into code review?

@alexwizp
Copy link
Contributor

@cee-chen / @rbrtj . Honestly, I prefer to rely on the aria-sort attribute as it has native screen reader support. I've checked some standard examples, such as this one from the W3C, and it seems to align exactly with what we have now.

By the way, it already works fine in VoiceOver (at least I see column 6, sort up). See:

image

Probably no need to fix that

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.

5 participants