Qué escribir en el alt en HTML

El texto alternativo es lo que la imagen dice, no lo que la imagen es.

<!-- Informativa: di lo que muestra -->
<img src="/img/chart.png" width="600" height="300"
     alt="Typing speed rose from 48 to 71 words per minute over 30 days">

<!-- Decorativa: no digas nada, a propósito -->
<img src="/img/flourish.svg" alt="" width="120" height="12">

<!-- Funcional: describe el destino, no la imagen -->
<a href="/">
  <img src="/img/logo.svg" alt="typestar home" width="96" height="24">
</a>

Cómo funciona

1. Describe la información que trae la imagen, en el contexto de la frase.
2. Una imagen decorativa lleva alt="", que le dice al lector que la salte.
3. Un atributo alt ausente es distinto: el lector cae al nombre del archivo.

El intento, en números

Líneas

11

Caracteres a escribir

411

Tokens

58

Ritmo de tres estrellas

70 tpm

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

Escribe este fragmento

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

← Anterior Siguiente →