Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Cómo se enteran los visitantes ciegos de los mensajes de estado de un sitio web?
Los visitantes ciegos solo se enteran de los mensajes de estado si el sitio web los marca técnicamente como un mensaje: entonces el lector de pantalla los anuncia automáticamente, sin que el visitante tenga que abandonar su posición actual. Si el mensaje "Artículo agregado al carrito" solo aparece visualmente en el borde de la pantalla, permanece silencioso para los lectores de pantalla. El criterio WCAG 4.1.3 requiere que los mensajes de estado sean programáticamente identificables.
Un mensaje silencioso es como un gesto de confirmación por teléfono
Los mensajes de estado acompañan casi cada acción en la web: "Artículo añadido al carrito", "3 resultados encontrados", "Su mensaje ha sido enviado", "Formulario cargando". Los visitantes que ven captan esto de paso. Pero un visitante ciego tiene su foco en otro lugar, tal vez todavía en el botón que acaba de presionar. Si la confirmación solo aparece visualmente, nunca se entera de si su acción funcionó. Presiona nuevamente, agrega el artículo dos veces al carrito o se rinde inseguro. La solución: el área de mensaje se marca en el código fuente como un área de estado. Los lectores de pantalla observan tales áreas y anuncian contenido nuevo automáticamente: el visitante se queda en su posición pero aun así escucha la confirmación.
Así es como el servicio de comprobación verifica los mensajes de estado
La medición automática con axe-core comprueba el aspecto técnico de las áreas de mensaje existentes: ¿están marcadas correctamente y aplicadas de acuerdo con las reglas, de modo que los programas de asistencia puedan interpretarlas? La pregunta decisiva va más allá: ¿se anuncian realmente todos los mensajes que surgen durante el uso real? Esto solo se puede evaluar cuando alguien opera el sitio web y escucha. Nuestro informe señala esta parte como un punto de prueba manual abierto. En el estándar Gold, una persona realiza acciones típicas (agregar algo al carrito, enviar un formulario, iniciar una búsqueda) y comprueba con el lector de pantalla si la confirmación se escucha. Una prueba vacía se cuenta como un error en nuestro sistema, nunca como un salvoconducto.
Beispiele
Warenkorb-Meldung nur sichtbar
<div class="toast">Artikel im Warenkorb</div><div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>Mit role="status" wird die Meldung angesagt, ohne den Fokus zu verschieben. Für Fehler mit Handlungsbedarf: role="alert".
- Recopile todos los mensajes de estado de su sitio web: confirmaciones de carrito, contadores de resultados de búsqueda, confirmaciones de envío, indicadores de carga.
- Pida a su agencia que marque las áreas de mensaje en el código fuente como áreas de estado, para que los lectores de pantalla las anuncien.
- Pruebe con el lector de pantalla integrado en su sistema operativo si el mensaje se anuncia audiblemente después de la acción.
- Mantenga los mensajes de estado breves y claros: se leen literalmente cuando se anuncian, y los mensajes largos cansan al escuchar.