Escaneo gratis

Corregir «Sin forma de saltar bloques repetidos» en HTML

Por qué es un problema

Sin atajo, el usuario de teclado recorre todo el menú en cada página antes del contenido.

Cómo corregirlo — HTML

Añada un enlace «Saltar al contenido» hacia <main> y estructure con <header>, <nav>, <main>.

Evitar
<body>
  <div class="top">…menu…</div>
  <div class="content">…</div>
</body>
Correcto
<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>

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones