Falta el ID de aria-errormessage
Silktide comprueba cada atributo aria-errormessage en tus páginas y verifica que el ID del elemento al que apunta exista realmente. Este atributo conecta un campo de formulario con el mensaje que explica qué está mal con el valor introducido en él.
<!-- Problema: ningún elemento de la página tiene id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">
Por qué es importante
Cuando un campo de formulario se marca como no válido, el atributo
aria-errormessage de indica a la
dónde se encuentra la
explicación. Si la referencia está rota, un
sabrá que su entrada es
incorrecta pero no escuchará por qué; se quedará adivinando formatos y
requisitos que las personas que ven pueden leer en pantalla, y puede que
abandone el formulario por completo.
Cómo solucionarlo
- Haz que el atributo haga referencia al
iddel elemento que contiene el mensaje de error visible del campo. - Combínalo con
aria-invalid="true"en el campo mientras el error se aplique -aria-errormessagesolo se anuncia para campos no válidos. - Asegúrate de que el elemento referenciado contenga texto legible siempre que se muestre el error, y de que esté vacío u oculto cuando no lo esté.
Cómo lo comprueba Silktide
- Encuentra cada elemento de la página con un atributo
aria-errormessage. - Comprueba el ID al que hace referencia frente a los IDs de elementos presentes en la página.
- Informa de cada referencia que no coincida con ningún elemento.
Solución de problemas
El elemento de error solo se añade cuando la validación falla
Silktide prueba la página al cargarse. Es preferible mantener el contenedor del error en la página de forma permanente (vacío u oculto hasta que se necesite) para que la referencia siempre se resuelva y la notificación funcione en el momento en que aparezca el error.
Esta comprobación no informa de nada aunque esperaba resultados
Las pruebas de ARIA pueden desactivarse por sitio web. Revisa la configuración avanzada del sitio web.