Semantik
Gestaltete Absätze sind keine Überschriften
- Regel:
p-as-heading - Schweregrad: Schwerwiegend
- WCAG-Stufe A
Warum das wichtig ist
Ein fetter Absatz sieht aus wie eine Überschrift, ist aber keine. Screenreader-Nutzende springen von Überschrift zu Überschrift, und eine Pseudo-Überschrift taucht in dieser Liste nicht auf — der Abschnitt fehlt in der Gliederung.
So beheben Sie es
- Nutzen Sie <h2> bis <h6> für Abschnittstitel und gestalten Sie sie, wie das Design es verlangt.
- Halten Sie die Ebenen ohne Sprünge in Reihenfolge, damit die Gliederung der optischen Hierarchie entspricht.
- Fettdruck bleibt der Hervorhebung innerhalb eines Absatzes vorbehalten.
Im Markup
<p><strong>Pricing</strong></p>
<p>Three plans...</p><h2>Pricing</h2>
<p>Three plans...</p>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
Weiterführende Quellen
Deque University zu p-as-heading (ö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.