Los puntos de referencia y sus nombres en HTML

Los puntos de referencia son cómo quien usa lector de pantalla salta a la parte que busca.

<header>
  <nav aria-label="Primary">
    <a href="/tours">Tours</a>
    <a href="/profile">Profile</a>
  </nav>
</header>

<main>
  <h1>Rust tour</h1>
  <nav aria-label="Steps in this tour">
    <a href="#step-1">Ownership</a>
  </nav>
</main>

<footer>
  <p>Made for people who type.</p>
</footer>

Cómo funciona

1. Los elementos de sección ya son puntos de referencia; no necesitan role.
2. Dos navs en una página necesitan aria-label para distinguirse.
3. Solo un <main>, y todo lo esencial vive adentro.

El intento, en números

Líneas

17

Caracteres a escribir

275

Tokens

90

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 77 segundos.

Escribe este fragmento

Paso 2 de 4 en Empieza por el elemento correcto; paso 2 de 15 en HTML accesible.

← Anterior Siguiente →