Criterios de Comprensible
ComprensiblePauta 3.3 Ayuda a la entrada
3.3.1Identificación de errores
Nivel ALo exige la normativa (EN 301 549).
Qué pide
Los errores de entrada se detectan y se describen en texto.
A quién ayuda: Personas ciegas y con dificultades cognitivas.
Un caso real
Un formulario de registro.
Bien«El DNI debe tener 8 números y una letra», junto al campo y anunciado.
MalSolo aparece un borde rojo, o «Error en el formulario» sin decir dónde.
Cómo aplicarlo en código
Error escrito y asociado al campo
aria-invalid indica que el campo tiene un error y aria-describedby hace que el lector lea el mensaje al llegar al campo.
<label for="email">Correo electrónico</label>
<input id="email" type="email" aria-invalid="true" aria-describedby="email-error">
<p id="email-error">Error: falta la @. Ejemplo: nombre@dominio.es</p><input id="email" type="email" class="borde-rojo">Cómo comprobarlo
Envía el formulario con errores y escucha qué anuncia el lector de pantalla.