Know your ARIA: ‘Hidden’ vs ‘None’ | scottohara.me
When to use aria-hidden="true"
, and when you might need display: none
:
aria-hidden
by itself is not enough to completely hide an element from all users, if that is the end goal.
When to use role="presentation"
(or role="none"
):
Where
aria-hidden
can be used to completely hide content from assistive technology, modifying an element’srole
to “none” or “presentation” removes the semantics of the element, but does not hide the content from assistive technologies.