aria-hidden
aria-hidden ist ein WAI-ARIA-Attribut, das mit dem Wert true ein Element samt Kindelementen aus dem Accessibility Tree entfernt und es damit vor Screenreadern verbirgt, ohne die sichtbare Darstellung zu ändern. Der Accessibility Tree ist die Datenstruktur, aus der assistive Technologien den Seiteninhalt lesen. Nur dort wirkt das Attribut: Das Element bleibt am Bildschirm sichtbar und behält sein Layout. Damit ist aria-hidden das Gegenstück zum Muster „Visuell versteckter Text (sr-only)“, das Inhalte umgekehrt nur für Screenreader bereitstellt. Gedacht ist das Verbergen für Redundantes und Dekoratives, etwa ein Icon neben einem ohnehin beschrifteten Button. Die häufigste Fehlanwendung: aria-hidden=true auf einem fokussierbaren Element oder einem seiner Elternelemente. Die Tastatur erreicht Link oder Button dann weiterhin, nur sagt der Screenreader nichts mehr an. Das W3C-Dokument „Using ARIA“ schließt diese Kombination ausdrücklich aus. In Kombination mit display:none oder dem HTML-Attribut hidden ist aria-hidden überflüssig; so versteckte Elemente fehlen im Accessibility Tree ohnehin. Eine Grenze bleibt: aria-hidden=false auf einem Kindelement hebt das Verbergen durch ein Elternelement nicht auf.