Implementation of aria-hidden (aria-hidden)

All aria-hidden attributes are correctly implemented with valid values and are not applied to elements that can receive focus or are interactable.

Note: A focusable element must not be placed inside a container with aria-hidden="true", even if a nested aria-hidden="false" is applied. The parent's value cannot be overridden.

Focusable button in nested aria-hidden:

This <button> is part of the sequential focus navigation and is nested inside a container with aria-hidden="true". The inner aria-hidden="false" does not cancel out the ancestor's state, resulting in a violation.


Note: Possible to automatically test. An auto-test can detect focusable elements inside containers with aria-hidden="true", even if nested aria-hidden="false" is present.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2