Kostenloser Scan

„Keine Sprungmöglichkeit über Blöcke“ in HTML beheben

Warum das ein Problem ist

Ohne Abkürzung durchläuft man per Tastatur auf jeder Seite das ganze Menü vor dem Inhalt.

So beheben Sie es — HTML

Fügen Sie einen Link „Zum Inhalt springen“ zu <main> hinzu und gliedern Sie mit <header>, <nav>, <main>.

Vermeiden
<body>
  <div class="top">…menu…</div>
  <div class="content">…</div>
</body>
Korrekt
<body>
  <a class="skip" href="#contenu">Aller au contenu</a>
  <header>
    <nav aria-label="Navigation principale">…</nav>
  </header>
  <main id="contenu">…</main>
</body>

<style>
  .skip { position: absolute; left: -9999px; }
  .skip:focus { left: 1rem; top: 1rem; }
</style>

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen