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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 33 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
=== '''EN DESARROLLO''' ===
{{CriterioWCAG
|id_wcag_criterio=1.1.1
|id_wcag_subcriterio=1.1.1-J
|wcag_titulo_criterio=1.1.1-J. Alternativa textual para CAPTCHAs
|wcag_nivel=A
|wcag_version=2.0
|wcag_principio=1_Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.1_Textos_alternativos
|wcag_pauta_url=Principio_1/1.1_Texto_Alternativo
|wcag_grupo=Contenido
|wcag_subgrupo=No-texto
 
|wcag_discapacidades=
<li class="discapacidad-item">
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span>
  –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <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>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad sordoceguera]]
 
 
 
|wcag_texto_criterioOAW=
Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.
 
|wcag_descripcion_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.
 
|wcag_objetivo=
Asegurar que cualquier usuario pueda completar la verificación de seguridad, independientemente de su capacidad visual, auditiva o cognitiva.
 
|wcag_importancia=
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.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html Understanding Success Criterion 1.1.1]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G143 Technique G143 – Providing text alternative for CAPTCHAs]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G144 Technique G144 – CAPTCHA alternative in different modality]</span></li>
</ul>
 
|wcag_recursos=
<ul>
<li><span lang="en">[https://www.w3.org/TR/turingtest W3C explanation of CAPTCHA accessibility issues]</span></li>
</ul>
 
|wcag_tipo_evaluacion=Semiautomática
 
|wcag_pasos_evaluacion=
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].'''
 
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Localizar el CAPTCHA.</li>
<li><span class="paso-badge">Paso 2.</span> Seleccionar '''Images – Display alt attributes'''.</li>
<li><span class="paso-badge">Paso 3.</span> Verificar que los captchas tienen una alternativa textual adecuada.</li>
<li><span class="paso-badge">Paso 4.</span> Comprobar que existe una modalidad alternativa (audio, visual, lógica).</li>
</ol>
 
|wcag_resultado_evaluacion=
El CAPTCHA incluye texto alternativo que explica su finalidad y una segunda modalidad accesible para validar que el usuario es humano.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
 
Se presenta CAPTCHA visual con opción accesible alternativa:
 
<pre class="wcag-codigo-html">
<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>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>
<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
</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...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-J&oldid=3303»