Anunciar un cambio en HTML

Una región que se actualiza en silencio es una región que el usuario de lector nunca conoce.

<p id="save-state" role="status" aria-live="polite">
  All changes saved
</p>

<div role="alert">
  Connection lost. Retrying in 5 seconds.
</div>

<div aria-live="polite" aria-atomic="true">
  <p>3 of 12 files uploaded</p>
</div>

Cómo funciona

1. aria-live="polite" espera una pausa; assertive interrumpe.
2. La región viva debe estar en el DOM antes de que el texto cambie.
3. role="status" es una región viva cortés con nombre ya incluido.

El intento, en números

Líneas

11

Caracteres a escribir

224

Tokens

49

Ritmo de tres estrellas

75 tpm

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

Escribe este fragmento

Paso 4 de 4 en Nombres y estado; paso 8 de 15 en HTML accesible.

← Anterior Siguiente →