Escaneo gratis

Corregir «Sin enlace de salto» en HTML

Por qué es un problema

Sin enlace de salto, quien navega con teclado o lector de pantalla debe recorrer toda la cabecera y el menú en cada página antes de llegar al contenido. Con un menú de treinta enlaces, son treinta tabulaciones repetidas por navegación.

Cómo corregirlo — HTML

Coloque como primer elemento del <body> un enlace al ancla del contenido principal. Puede ocultarse visualmente, pero debe hacerse visible al recibir el foco.

Evitar
<body>
  <header>…trente liens de menu…</header>
  <main>…</main>
</body>
Correcto
<body>
  <a href="#contenu" class="skip-link">Aller au contenu</a>
  <header>…</header>
  <main id="contenu">…</main>
</body>

<style>
/* Masqué, mais RÉAFFICHÉ à la prise de focus. */
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 0; top: 0; padding: 0.75rem 1rem; background: #fff; }
</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