Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Nombre, rol, valor y mensajes de estado: qué leen las herramientas auxiliares del código
Cada elemento de control debe indicar a las herramientas auxiliares su nombre, qué es y en qué estado se encuentra. Y los mensajes que aparecen sin cambiar de página, como «guardado», «3 resultados», «error», deben anunciarse sin cambiar el enfoque.
- Quien usa elementos estándar cumple la mayoría automáticamente: un <button> reporta rol y estado sin hacer nada. Los problemas surgen con elementos reconstruidos: un <div> con evento de clic no tiene rol, nombre ni estado.
- ARIA es tanto herramienta como fuente de errores: los atributos configurados incorrectamente empeoran la situación que sin nada. Un aria-expanded que no se actualiza con el estado actual le dice activamente al usuario algo falso.
- Los mensajes de estado son el caso más común con campos de búsqueda con resultados instantáneos: el recuento de resultados cambia visiblemente pero nunca se anuncia. Quien no ve no se entera.