Ramondaaria-hidden-on-focusable
This fails the run. Where it is wrong about your code, // ramonda-check-ignore <reason> on the line says so, and the reason is printed on every run.
Reported when aria-hidden="true" is written on an element a keyboard can still focus.
aria-hidden takes an element out of the accessibility tree. It does NOT take it out of the
tab order, and those are different lists. What is left is a control a keyboard still lands
on and that a screen reader cannot announce — focus goes somewhere the software says is not
there.
Pick the one that was meant. To hide it from everyone, hidden or display: none removes it
from both lists. To keep it visible but skip it, disabled on a form control, or
tabIndex={-1} beside the aria-hidden so the two agree. To hide only the DECORATION inside
a control, move aria-hidden onto the icon and leave the control itself announced.
Next
- All rules — the other checks this one runs beside.
- Checking your app — how to run it, and what it proves.