Textalternativen

<object> braucht eine Textalternative

Regel: object-alt
Schweregrad: Schwerwiegend
WCAG-Stufe A

Warum das wichtig ist

Eingebettete Objekte sind für Hilfsmittel undurchsichtig. Ohne Ersatztext fehlt der Inhalt des Objekts für alle, die ihn nicht sehen können, vollständig.

So beheben Sie es

Schreiben Sie den Alternativtext als Ersatzinhalt in das <object>-Element.
Fassen Sie bei einem Diagramm die Aussage zusammen, nicht den Verlauf der Linien.
Nehmen Sie nach Möglichkeit <img> oder Inline-<svg> — beides lässt sich leichter beschreiben.

Im Markup

Fehlerhaft

<object data="chart.svg" type="image/svg+xml"></object>

Korrekt

<object data="chart.svg" type="image/svg+xml">
  Revenue by quarter: Q1 1.2M, Q2 1.5M, Q3 1.4M.
</object>

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.1.1 Nicht-Text-Inhalte (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu object-alt (ö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.