Roles status, alert y log

Algunos roles de ARIA convierten un elemento en una región dinámica, estableciendo automáticamente un nivel de cortesía adecuado para que tenga que escribir menos marcado.

El role status marca una región que se actualiza de forma cortés. Es perfecto para confirmaciones discretas, como un mensaje de guardado o de copia. 📋

Usar role status es una abreviatura de establecer aria-live en polite. Obtiene el mismo comportamiento con una intención más clara y semántica.

El role alert anuncia el contenido de forma asertiva en cuanto aparece. Úselo cuando algo requiera atención inmediata. ⚠️

Un alert se comporta como aria-live assertive más aria-atomic true. Interrumpe y lee todo su texto como un único mensaje.

El role log es adecuado para contenido al que se añaden nuevas entradas en orden, como un hilo de chat o un registro de actividad. Lo lee de forma cortés.

Un log indica que los mensajes anteriores son importantes y que la secuencia tiene significado, por lo que la tecnología de asistencia lee las incorporaciones en el orden en que llegan.

Elija status para una confirmación suave y alert para un problema. Una insignia de guardado es status; un error que bloquea un formulario es alert.

Usar demasiado el role alert hace que todo interrumpa y resulte ruidoso. Resérvelo para errores reales y advertencias urgentes.

Al igual que las regiones dinámicas sin role, un elemento con role status debe existir antes de inyectar texto, para que el lector de pantalla ya lo esté supervisando.

Además de la cortesía, estos roles describen qué es la región. Esta claridad semántica ayuda tanto a los lectores de pantalla como al siguiente desarrollador.

Ahora sabe que status es polite, alert es assertive y log conserva las secuencias ordenadas. Elija el role que corresponda a la importancia de la actualización. ✅