Know your ARIA: ‘Hidden’ vs ‘None’ | scottohara.me
When to use aria-hidden="true", and when you might need display: none:
aria-hiddenby 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-hiddencan be used to completely hide content from assistive technology, modifying an element’sroleto “none” or “presentation” removes the semantics of the element, but does not hide the content from assistive technologies.