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

Accessibility: fix aria-hidden without value #12656

Closed
timroes opened this issue Jul 4, 2017 · 1 comment
Closed

Accessibility: fix aria-hidden without value #12656

timroes opened this issue Jul 4, 2017 · 1 comment
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.

Comments

@timroes
Copy link
Contributor

timroes commented Jul 4, 2017

Summary: Don't use aria-hidden without a value, use aria-hidden="true"

Currently there are some uses of aria-hidden without a value across the source code, e.g. in global_nav_link.html.

I assume that these were meant to hide the appropriate element (i.e. aria-hidden="true").

According to specification aria-hidden is not a boolean attribute. It can have values of true/false/undefined, which according to the type mapping appendix, maps to a keyword and enumerated attribute in HTML. For those you cannot skip the value, when you want the value to be true.

So this issue is for replacing all the aria-hiddens with aria-hidden="true".

But Tim, aren't you just terribly nitpicking about standards? Unfortunately no. I've seen a11y issues here, that are actually related to validators not correctly seeing that those elements are hidden from the a11y tree. Also, not following the spec might lead us to pure browser arbitrariness whether or not those elements really get hidden from the a11y tree (and at least the Chrome Accessibility Dev Tools also reports it as broken). So I think we should stick to the standard there and only use aria-hidden="true" with a value.

@timroes timroes added Project:Accessibility bug Fixes for quality problems that affect the customer experience labels Jul 4, 2017
varunsharma27 added a commit to varunsharma27/kibana that referenced this issue Jul 4, 2017
@cjcenizal
Copy link
Contributor

Great catch -- thank you for pointing this out!

@cjcenizal cjcenizal added the Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. label Jul 4, 2017
@timroes timroes closed this as completed in 411593c Jul 6, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

No branches or pull requests

2 participants