landmark-one-main

Seite sollte eine Main-Landmark haben

manualKonfidenz: mediumSchweregrad: minoroperable

Prüft, dass die Seite mindestens eine Main-Landmark (role="main" oder <main>) hat.

Anwendbarkeit. Gilt immer für jedes HTML-Dokument mit einem <body>-Element: „Hat die Seite eine Main-Landmark?“ betrifft die ganze Seite und folgt damit dem Muster von bypass-blocks-present, das Dokument direkt zu bewerten. Nicht, solange ein modaler Dialog geöffnet ist: Der Rest der Seite ist dann inert, der Scan sieht also den Dialog, nicht die Seite. Ein Custom Element, dem seine ElementInternals eine Landmark-Rolle geben (this.attachInternals().role), ohne role-Attribut, das eine andere nennt, ist eine Landmark wie ein natives Element mit dieser Rolle.

Erwartung. Auf der Seite gibt es mindestens eine Main-Landmark (role="main" oder <main>), die assistiven Technologien bereitgestellt wird. Eine Seite ohne Main-Landmark bietet Personen, die assistive Technologien nutzen, keine Landmark, mit der sie direkt zum Hauptinhalt springen können.

Beispiele

pass
<body>
<main>Primary content</main>
</body>

Es gibt eine <main>-Landmark.

can't tell
<body>
<header>Site</header>
<p>Primary content, no landmark.</p>
</body>

Auf der gesamten Seite gibt es kein <main> und kein role="main".

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.

LANDMARK_MAIN_MISSING

  1. Öffnen Sie die Landmarkenliste eines Screenreaders oder den Bereich „Barrierefreiheit“ und suchen Sie nach einer main-Landmarke.
  2. Suchen Sie den Hauptinhalt der Seite und untersuchen Sie seinen Container auf ein main-Element oder role="main".
  3. Liegt der Inhalt in einem iframe, prüfen Sie stattdessen das eingebettete Dokument auf ein main.

Bestanden. Eine main-Landmarke ist vorhanden und umschließt den Hauptinhalt der Seite.

Nicht bestanden. Keine main-Landmarke wird bereitgestellt, sodass Nutzende nicht direkt zum Hauptinhalt springen können; ein Verstoß gegen die Best Practice der WAI-ARIA-Rolle main (ARIA11).

Quellcode ansehen