Técnica Técnicas generales WCAG 2.2
G143Dar a un CAPTCHA un texto alternativo que explique para qué sirve
Nombre oficial en el W3C: Proporcionar una alternativa textual que describa el propósito del CAPTCHA
En pocas palabras
Un CAPTCHA es una prueba para comprobar que quien usa la web es una persona y no un programa. Su texto alternativo no revela la respuesta, pero sí dice qué es y qué hay que hacer. Si existe otra versión de la prueba, también indica cómo llegar a ella.
Por qué es importante
Una persona ciega no ve la imagen con letras deformadas. Su lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) solo le dice lo que ponga el texto alternativo.
Si ese texto falta o dice algo como «imagen», la persona no sabe que hay una prueba ni qué se espera de ella. Se queda bloqueada, por ejemplo, al enviar un formulario de contacto.
Cómo se hace
- Ponga un texto alternativo al CAPTCHA que diga que es una prueba y qué tarea pide.
- Ejemplos: «Prueba de seguridad: escriba las letras que aparecen en la imagen» o «Escriba los números que oirá en el audio».
- No ponga en el texto alternativo la solución, porque entonces la prueba no serviría.
- Si hay otra versión (de audio, una pregunta sencilla…), indique dónde está: «Si no puede ver la imagen, use el botón de audio».
- Combine esta técnica con G144, que pide ofrecer una prueba en otro formato.
Cómo comprobarlo
- Localice el CAPTCHA de la página.
- Revise su texto alternativo con las herramientas del navegador o con un lector de pantalla.
- Compruebe que explica que es una prueba y qué hay que hacer.
- Si hay una versión alternativa, compruebe que el texto indica cómo encontrarla.
Ejemplo
Imagen de un CAPTCHA con un texto alternativo que explica la tarea sin dar la respuesta.
<img src="captcha.png"
alt="Prueba de seguridad: escriba las letras de la imagen. Si no puede verla, use el botón Escuchar.">
<button type="button">Escuchar</button>
<label for="respuesta">Letras de la imagen</label>
<input type="text" id="respuesta" name="respuesta">
Para saber más, en nuestro blog
-
¿Como hacer un CAPTCHA accesible?Descubre cómo las tecnologías CAPTCHA han avanzado hacia soluciones más accesibles. Este artículo explora desde las pruebas visuales y auditivas…
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G143 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Se aplica a todas las tecnologías.
Descripción
El propósito de esta técnica es proporcionar, mediante la alternativa textual, información que identifique el contenido no textual como un CAPTCHA. Estas pruebas suelen consistir en pedir al usuario que escriba un texto que se presenta en una imagen distorsionada o en un fichero de audio. A partir de la alternativa textual, el usuario puede saber que el CAPTCHA exige completar una tarea y de qué tipo de tarea se trata.
Cuando existe una versión alternativa de un CAPTCHA, la alternativa textual debería incluir instrucciones sobre cómo encontrar la versión alternativa.
Ejemplos
- Una prueba CAPTCHA pide al usuario que escriba un texto que se muestra en una imagen distorsionada. La alternativa textual es «Type the word in the image» (Escriba la palabra de la imagen).
- Una prueba CAPTCHA pide al usuario que escriba un texto que se reproduce en un fichero de audio. La alternativa textual es «Type the letters spoken in the audio» (Escriba las letras que se pronuncian en el audio).
Pruebas
Procedimiento
- Eliminar, ocultar o enmascarar el CAPTCHA.
- Sustituirlo por la alternativa textual.
- Comprobar que la alternativa textual describe el propósito del CAPTCHA.
Resultados esperados
- La comprobación n.º 3 es verdadera.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G143 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.