Canvas en HTML

Un canvas es un buffer de píxeles en blanco: todo lo suyo es invisible para la tecnología asistiva.

<figure>
  <canvas id="sparkline" width="480" height="120" role="img"
          aria-label="Words per minute over the last 30 days,
                      rising from 48 to 71">
    Words per minute rose from 48 to 71 over 30 days.
  </canvas>
  <figcaption>Typing speed, last 30 days</figcaption>
</figure>

Cómo funciona

1. width y height son la cuadrícula de píxeles, no el tamaño CSS en pantalla.
2. El contenido alternativo de adentro es lo que recibe un lector, así que hazlo real.
3. Dale un role y un nombre, o describe los mismos datos en texto cercano.

El intento, en números

Líneas

8

Caracteres a escribir

264

Tokens

39

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 31 segundos.

Escribe este fragmento

Paso 8 de 9 en Medios e incrustaciones; paso 15 de 23 en Semántica y metadatos.

← Anterior Siguiente →