Namen und Rollen

Aufklapp-Zusammenfassungen brauchen Text

Regel: summary-name
Schweregrad: Schwerwiegend
WCAG-Stufe A

Warum das wichtig ist

Ein leeres <summary> gibt dem Auf- und Zuklappen keinen Namen. Angesagt wird „reduziert“, ohne zu verraten, was verborgen ist.

So beheben Sie es

Schreiben Sie den Abschnittstitel in das <summary>.
Halten Sie ihn kurz — er ist zugleich Name des Bedienelements und sichtbare Überschrift.

Im Markup

Fehlerhaft

<details>
  <summary></summary>
  <p>Shipping is free above 50 EUR.</p>
</details>

Korrekt

<details>
  <summary>Shipping costs</summary>
  <p>Shipping is free above 50 EUR.</p>
</details>

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:

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

Weiterführende Quellen

Deque University zu summary-name (ö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.