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

Improve accessibility of EuiTableRowCell #2335

Closed
alisonelizabeth opened this issue Sep 12, 2019 · 0 comments · Fixed by #2802
Closed

Improve accessibility of EuiTableRowCell #2335

alisonelizabeth opened this issue Sep 12, 2019 · 0 comments · Fixed by #2802
Assignees

Comments

@alisonelizabeth
Copy link

Currently, the EUI table does not provide a way to add a scope="row" attribute to a table cell (which as of HTML5 can only be applied to a <th> tag).

Screen readers provide the ability to navigate to individual columns randomly. Without a "scope=row", the screenreader user won't know what row a given cell is associated with. For more information, see: https://webaim.org/techniques/tables/data#headers.

Ideally, EUI would create a new component, or provide props on EuiTableRowCell that allow this capability.

This came up during an accessibility audit: elastic/kibana#43842

63566126-ece8d380-c539-11e9-9ef1-d46fafad3a73

Additional discussion here: elastic/kibana#45024 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants