Jede Seite muss eine Möglichkeit bieten, die Navigation zu überspringen und direkt zum Inhalt zu springen
Jede Seite einer Website muss ein <main>-Landmark-Element enthalten, das es Benutzern ermöglicht, wiederholte Inhaltsblöcke oder Interface-Elemente (wie Header und Navigation) zu überspringen, sodass sie so schnell wie möglich zum Hauptinhalt gelangen können.
Warum es wichtig ist
Tastaturbenutzer profitieren von einem schnelleren und direkteren Zugriff auf den Hauptinhalt einer Webseite.
Benutzer, die keine Maus verwenden können, benötigen mehr Zeit, um mit Websites zu interagieren, die keine Tastaturnavigation unterstützen, was zu einer schlechten Benutzererfahrung führt.
Manche Nutzer verspüren sogar Ermüdung oder körperliche Schmerzen, wenn eine Website keine effiziente Tastatursteuerung bietet.
Behebung des Problems
Jede Seite muss ein <main>-Landmark-Element enthalten, das vordefinierte Bereiche wie den Hauptinhalt kennzeichnet. Es darf pro Seite nur ein <main>-Element geben.
Gutes Code-Beispiel
<header>
<div>Dies ist der Header.</div>
</header>
<nav>
<div>Dies ist die Navigation.</div>
</nav>
<main>
<div>Dies ist der Hauptinhalt.</div>
<section>
<div>Dies ist ein Abschnitt.</div>
</section>
<article>
<div>Dies ist ein Artikel.</div>
</article>
<aside>
<div>Dies ist eine Seitenleiste.</div>
</aside>
</main>
<footer>
<div>Dies ist der Footer.</div>
</footer>
Kopieren Testfälle
Für weitere Beispiele besuchen Sie die folgenden Seiten in der ATC Rules-Bibliothek auf GitHub von W3C: