Rampsight

Alle Regeln

Semantik

Gestaltete Absätze sind keine Überschriften

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

  1. Nutzen Sie <h2> bis <h6> für Abschnittstitel und gestalten Sie sie, wie das Design es verlangt.
  2. Halten Sie die Ebenen ohne Sprünge in Reihenfolge, damit die Gliederung der optischen Hierarchie entspricht.
  3. Fettdruck bleibt der Hervorhebung innerhalb eines Absatzes vorbehalten.

Im Markup

Fehlerhaft
<p><strong>Pricing</strong></p>
<p>Three plans...</p>
Korrekt
<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:

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.