Criterion 10.13 – Hidden texts rendered properly by assistive technologies

This post is also available in: Français (French)

WAI-ARIA provides an aria-hidden property (true or false) that inhibits the rendering of a content to assistive technologies, without affecting its visibility with visual user agents: content with aria-hidden=”true” will not be spoken out but remains visible. Unless the content controlled by aria-hidden is not intended to be rendered by assistive technologies, the value of the aria-hidden attribute must be consistent with the displayed or hidden status of the on-screen content.

The HTML5 specification describes a hidden attribute that can make unavailable (when the hidden attribute is present) content in the generated DOM (similar to type=”hidden” on a form control). Unless the content controlled by hidden is not intended to be rendered by assistive technologies, the value of the hidden attribute must be consistent with the displayed or hidden status of the on-screen content.

There can be situations where a content controlled with hidden or aria-hidden is momentarily in an inconsistent state with the displayed or hidden status of the content, for example when an item is meant to be available but visually displayed only upon further action. In this case, it is the final state of the content that should be considered for validation of this criterion.