Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-J»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 22: Línea 22:
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
   <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span>
   <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span>
  –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span>
   –
   –
   <span class="gravedad gravedad-grave">Barrera grave</span>
   <span class="gravedad gravedad-grave">Barrera grave</span>
Línea 29: Línea 35:
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad sordoceguera]]




Línea 73: Línea 81:


|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Se presenta CAPTCHA visual con opción accesible alternativa:
Se presenta CAPTCHA visual con opción accesible alternativa:


Línea 80: Línea 90:
<a href="#audio_captcha">Opción de audio CAPTCHA</a>
<a href="#audio_captcha">Opción de audio CAPTCHA</a>
</pre>
</pre>
</div>


|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<li>
<strong>Lector de pantalla:</strong> JAWS, NVDA, VoiceOver — comprobar si el proceso es comprensible y posible<br>
<strong>Lector de pantalla:</strong> JAWS, NVDA, VoiceOver — comprobar si el proceso es comprensible y posible<br>
</li>
<li>
<strong>Herramienta de inspección:</strong> verificar existencia del atributo <code>alt</code> y mecanismos alternativos
<strong>Herramienta de inspección:</strong> verificar existencia del atributo <code>alt</code> y mecanismos alternativos
</li>
</ul>
}}
}}

Revisión actual - 17:55 4 nov 2025

1.1.1-J. Alternativa textual para CAPTCHAs

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.

Comprensión del criterio

Descripción resumida

Los CAPTCHAs requieren texto alternativo que explique su función. Además, se debe ofrecer un sistema de verificación alternativo (por ejemplo audio, lógica o puzzle accesible) para garantizar que todas las personas puedan pasar el control de seguridad.

Objetivo

Asegurar que cualquier usuario pueda completar la verificación de seguridad, independientemente de su capacidad visual, auditiva o cognitiva.

Importancia de cumplir el criterio

Un CAPTCHA solo visual o solo auditivo excluye a muchos usuarios. Debe existir siempre una modalidad alternativa para garantizar la accesibilidad y no bloquear el acceso a formularios o servicios.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

Usa la herramienta de Web Developer Toolbar.
  1. Paso 1. Localizar el CAPTCHA.
  2. Paso 2. Seleccionar Images – Display alt attributes.
  3. Paso 3. Verificar que los captchas tienen una alternativa textual adecuada.
  4. Paso 4. Comprobar que existe una modalidad alternativa (audio, visual, lógica).

Resultado esperado

El CAPTCHA incluye texto alternativo que explica su finalidad y una segunda modalidad accesible para validar que el usuario es humano.

Ejemplo

Se presenta CAPTCHA visual con opción accesible alternativa:

<label for="captcha">Escriba el texto que ve en la imagen:</label>
<img src="captcha.png" alt="Captcha para verificar que eres una persona">
<a href="#audio_captcha">Opción de audio CAPTCHA</a>

Otras herramientas de evaluación

  • Lector de pantalla: JAWS, NVDA, VoiceOver — comprobar si el proceso es comprensible y posible
  • Herramienta de inspección: verificar existencia del atributo alt y mecanismos alternativos










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.1.1-J. Alternativa textual para CAPTCHAs

Loading comments...