heading-quality

Überschriftentext sollte aussagekräftig sein, kein Platzhalter

manualWCAG 2.4.6 (AA)Konfidenz: mediumSchweregrad: minoroperable

Markiert Überschriften, deren zugänglicher Name ein Platzhalter ist statt einer Beschreibung des folgenden Inhalts: ein generisches Wort („Heading“, „Untitled“), ein nummerierter Vorlagen-Platzhalter („Section 2“), ein Dateiname oder eine URL. Englische Formulierungen werden immer erkannt, deutsche, spanische, französische oder japanische, wenn die Überschrift in dieser Sprache ist.

Anwendbarkeit. Elemente mit der Rolle heading (native <h1>-<h6> oder jedes Element, dessen role-Attribut zu heading aufgelöst wird: das erste Token, das eine bekannte Rolle nennt, ohne Berücksichtigung der Groß-/Kleinschreibung abgeglichen), die im Accessibility Tree enthalten sind und einen nicht leeren zugänglichen Namen haben. Eine Überschrift ganz ohne Namen ist Sache von empty-heading, nicht dieser Regel. Ein Custom Element, dem seine ElementInternals die Rolle heading geben (this.attachInternals().role), ohne role-Attribut, das eine andere nennt, zählt wie ein natives Element mit dieser Rolle.

Erwartung. Der normalisierte zugängliche Name der Überschrift (Leerraum zusammengefasst, Groß-/Kleinschreibung vereinheitlicht, abschließende Satzzeichen entfernt) ist kein im Markup vergessener Platzhalter: ein bekanntes generisches Wort („heading“, „title“, „untitled“, „lorem ipsum“, ...), ein nummerierter Vorlagen-Platzhalter („Heading 2“, „Section 3“), ein Dateiname oder eine URL. Nichts davon beschreibt Thema oder Zweck des Inhalts, den die Überschrift einleitet.

Was ein Befund meldet.

  • name: der zugängliche Name der Überschrift, mit zusammengefassten Leerräumen.
  • normalizedName: derselbe Name, wie er abgeglichen wurde: in Kleinbuchstaben, ohne abschließende Satzzeichen.

Diese Felder in data.details helfen, einen Befund zu lesen und zu reproduzieren. Außer reasonCode und den wenigen Feldern, die Ausgabeschema als stabil nennt, sind sie kein stabiler Vertrag: Ein Feld kann in einer Minor-Version umbenannt werden oder wegfallen, bauen Sie also nicht darauf auf.

Beispiele

can't tell
<h3>Heading</h3>
<p>We are open Monday through Friday from 10 to 16.</p>

Der Überschriftentext ist das generische Platzhalterwort „Heading“ selbst, keine Beschreibung des Abschnitts.

n/a
<h3>Opening hours</h3>
<p>We are open Monday through Friday from 10 to 16.</p>

Die Überschrift nennt ihr tatsächliches Thema.

So prüfen Sie es

Wenn diese Regel nicht entscheiden kann, meldet sie cantTell und überlässt die Frage einer Person. Jede Frage, die sie stellen kann, steht hier unter ihrem Reason-Code, mit den Schritten, um sie zu beantworten. Ein Befund enthält dieselben Schritte in howToCheck, in der Sprache des Scans. Siehe Ausgabeschema.

FILENAME_LIKE_HEADING

  1. Suchen Sie die im Bericht genannte Überschrift und lesen Sie ihren Text.
  2. Lesen Sie den Inhalt, der ihr folgt, bis zur nächsten Überschrift.
  3. Entscheiden Sie, ob diese Datei das Thema des Abschnitts ist (eine zum Download angebotene Datei) oder ein übrig gebliebener Name wie der Dateiname eines Bildes.

Bestanden. Der Dateiname ist das eigentliche Thema des Abschnitts, etwa das Dokument, das er anbietet.

Nicht bestanden. Die Überschrift ist ein übrig gebliebener Dateiname (etwa IMG_1234.jpg), der den nachfolgenden Inhalt nicht beschreibt; das verstößt gegen WCAG 2.4.6 (G130).

PLACEHOLDER_HEADING_TEXT

  1. Suchen Sie die im Bericht genannte Überschrift und lesen Sie ihren Text.
  2. Lesen Sie den Inhalt, der ihr folgt, bis zur nächsten Überschrift.
  3. Entscheiden Sie, ob die Überschrift diesen Inhalt beschreibt oder ein Vorlagentext wie „Überschrift“, „Lorem ipsum“ oder „Ohne Titel“ ist.

Bestanden. Die Überschrift nennt das Thema des nachfolgenden Inhalts (ein nummeriertes „Schritt 1“ über dem ersten Schritt ist in Ordnung).

Nicht bestanden. Die Überschrift ist Platzhaltertext, der den nachfolgenden Inhalt nicht beschreibt; das verstößt gegen WCAG 2.4.6 (G130).

URL_LIKE_HEADING

  1. Suchen Sie die im Bericht genannte Überschrift und lesen Sie ihren Text.
  2. Lesen Sie den Inhalt, der ihr folgt, bis zur nächsten Überschrift.
  3. Entscheiden Sie, ob die Webadresse das Thema dieses Abschnitts ist (eine besprochene oder aufgeführte Website) oder an die Stelle eines echten Titels tritt.

Bestanden. Die Adresse ist das Thema des Abschnitts und beschreibt daher den nachfolgenden Inhalt.

Nicht bestanden. Die Adresse beschreibt den nachfolgenden Inhalt nicht; das verstößt gegen WCAG 2.4.6 (G130).

Quellcode ansehen