I'm just wondering whether I should expect browsers and assistive technilogy circa January 2015 to use speak:none in a manner equivalent to setting aria-hidden="true". I'd like to indicate that some semi-opaque text should be ignored, and am wondering whether I can do it in one operation (just adding a class that sets the opaque style and speak:none, rather than adding the class and setting the aria-hidden attribute).
For this, an accessible hiding CSS class can be used. Finally, you may want to display elements on the screen but make sure they are not vocalized. In this case, you can use an ARIA attribute ( aria-hidden ).
Adding aria-hidden="true" to an element removes that element and all of its children from the accessibility tree. This can improve the experience for assistive technology users by hiding: Purely decorative content, such as icons or images.
Hiding content from all users If you want to hide content from all users, use the HTML5 hidden attribute (along with CSS display:none for browsers that do not yet support hidden) There is no need to use aria-hidden.
Difference between HTML hidden and aria-hidden: HTML hidden hides everything from the user. By using HTML hidden, you can remove focusable content from the browser navigation. While using ARIA hidden, we don't remove the content from the browser. You can apply CSS style of display:none in HTML hidden.
There does not seem to be reliable data on support to speak
, but it seems to be unimplemented.
Independently of the implementation status, speak: none
is not equivalent to aria-hidden="true"
.
According to the CSS Speech Module CR, the speak
property “determines whether or not to render text aurally”, i.e. audibly.
According to the ARIA specification, aria-hidden
“indicates that the element and all of its descendants are not visible or perceivable to any user as implemented by the author” (italic in the original).
Thus, aria-hidden="true"
does not cause anything; it just declares that the author has hidden the element. And it relates to all kinds of rendering: audible, visible, tactile, or whatever modalities might be invented in the future.
Use this combination:
Values for speak
Values for speak-as Related to speak as it gets into how the text will be read:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With