ARIA

Der Seitenrumpf darf nicht vor Hilfsmitteln verborgen werden

Regel: aria-hidden-body
Schweregrad: Kritisch
WCAG-Stufe A

Warum das wichtig ist

aria-hidden="true" am <body> nimmt die gesamte Seite aus dem Accessibility-Baum. Ein Screenreader meldet ein leeres Dokument — für ihn existiert nichts auf der Seite.

So beheben Sie es

Entfernen Sie aria-hidden vom <body>.
Soll bei einem Dialog der Rest der Seite ignoriert werden, markieren Sie den Geschwister-Container als inert (oder aria-hidden), niemals den body selbst.
Sehen Sie sich den Code an, der Dialoge öffnet: Fast immer ist es ein Aufräumschritt, der nicht ausgeführt wurde.

Im Markup

Fehlerhaft

<body aria-hidden="true">...</body>

Korrekt

<body>
  <div aria-hidden="true" class="decorative-backdrop"></div>
</body>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

1.3.1 Info und Beziehungen (öffnet in neuem Tab) — WCAG-Stufe A
4.1.2 Name, Rolle, Wert (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu aria-hidden-body (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.