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
 
(No se muestran 13 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== '''1.1.1-J. Alternativa textual para CAPTCHAs ''' ==
{{CriterioWCAG
<html>
|id_wcag_criterio=1.1.1
<!-- criterio 1.1.1-J -->
|id_wcag_subcriterio=1.1.1-J
<article class="wcag-card">
|wcag_titulo_criterio=1.1.1-J. Alternativa textual para CAPTCHAs
  <section class="wcag-info">
|wcag_nivel=A
    <ul>
|wcag_version=2.0
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_principio=1_Perceptible
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
|wcag_principio_url=Principio_1
      <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li>
|wcag_pauta=1.1_Textos_alternativos
      <li><span class="label">Pauta:</span><span class="value">1.1 Textos alternativos</span></li>
|wcag_pauta_url=Principio_1/1.1_Texto_Alternativo
      <li><span class="label">Categoría:</span><span class="value">Contenido</span></li>
|wcag_grupo=Contenido
      <li><span class="label">Subcategoría:</span><span class="value">No-texto</span></li>
|wcag_subgrupo=No-texto
    </ul>
  </section>
  <section class="wcag-users">
    <p>Usuarios más afectados</p>
    <ul>
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" />
      <span>Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></span></li>


        <li>
|wcag_discapacidades=
          <img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" />
<li class="discapacidad-item">
          Personas con discapacidad cognitiva – <span class="gravedad">Barrera grave</span>
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
        </li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span>
    </ul>
  –
   </section>
  <span class="gravedad gravedad-grave">Barrera grave</span>
</article>
</li>
</html>
<li class="discapacidad-item">
[[Categoría: Visual total]]
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
[[Categoría: 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>


[[Categoría: Contenido]]
|wcag_lista_discapacidades=
[[Categoría: Nivel-A]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad sordoceguera]]


<html>
<!--
Análisis: 1.1.1-J
- Discapacidad: Personas con discapacidad visual total
- Problema: CAPTCHAs sin alternativas textuales o modalidades accesibles impiden completar formularios.
- Gravedad: Grave
-->
</html>


=== Descripción y comprensión del criterio ===
 
|wcag_texto_criterioOAW=
Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.
Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.


==== Descripción resumida ====
|wcag_descripcion_resumida=
 
Los CAPTCHAs requieren texto alternativo que explique su función. 
<div class="wcag-info-criterio"> Los CAPTCHAs deben tener un texto que explique su propósito y ofrecer una alternativa en otro formato (audio, visual o lógico). </div>
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 ====
 
<div class="wcag-info-criterio"> Asegurar que todas las personas puedan completar el proceso de verificación. </div>
 
==== Importancia de cumplir el criterio ====


<div class="wcag-info-criterio">
|wcag_objetivo=
Un CAPTCHA solo visual o solo auditivo excluye a parte de los usuarios.  
Asegurar que cualquier usuario pueda completar la verificación de seguridad, independientemente de su capacidad visual, auditiva o cognitiva.


Debe existir siempre otra modalidad.  
|wcag_importancia=
</div>
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 ====
|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>


<div class="wcag-info-criterio">
|wcag_recursos=
* <span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html Comprender el criterio 1.1.1 (en inglés)]</span>
<ul>
*[https://www.w3.org/WAI/WCAG22/Techniques/general/G143 Técnica G143 – Texto alternativo para CAPTCHAs]</span>  
<li><span lang="en">[https://www.w3.org/TR/turingtest W3C explanation of CAPTCHA accessibility issues]</span></li>
* <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G144 Técnica G144 – CAPTCHA alternativo en otra modalidad]</span> </div>
</ul>


==== Recursos de apoyo ====
|wcag_tipo_evaluacion=Semiautomática
<div class="wcag-info-criterio">
* <span lang="en">[https://www.w3.org/TR/turingtest/| Explicación de los CAPTCHAs inaccesibles (en inglés)]</span>
</div>
 
=== Evaluación del criterio ===
==== Tipo de comprobación ====
<div class="wcag-info-criterio">
Comprobación <strong>Manual</strong>
 
Es necesario revisar visualmente las imágenes y leer las descripciones para comprobar que la información esté completa.
</div>


==== Procedimiento de evaluación ====
|wcag_pasos_evaluacion=
<div class="wcag-info-criterio">
<span class="paso-badge>Paso 1.</span>
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].'''
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].'''


<span class="paso-badge>Paso 2.</span>  
<ol class="paso-list">
Seleccionar “Images – Display alt attributes”.
<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>
<span class="paso-badge>Paso 3.</span>
<li><span class="paso-badge">Paso 3.</span> Verificar que los captchas tienen una alternativa textual adecuada.</li>
Comprobar la '''Alternativa textual:''' Verificar que todos los CAPTCHAs tienen un texto alternativo adecuado que describe su propósito.
<li><span class="paso-badge">Paso 4.</span> Comprobar que existe una modalidad alternativa (audio, visual, lógica).</li>
</ol>


<span class="paso-badge>Paso 4.</span>
|wcag_resultado_evaluacion=
Comprobar si existe '''Alternativa en otra modalidad:''' Comprobar que existe otro CAPTCHA que cumple el mismo propósito, pero está disponible en una modalidad sensorial diferente (por ejemplo, si la prueba visual tiene un botón para activar una prueba de audio).
El CAPTCHA incluye texto alternativo que explica su finalidad y una segunda modalidad accesible para validar que el usuario es humano.
</div>


==== Ejemplo ====
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">


<div class="wcag-info-criterio">
Se presenta CAPTCHA visual con opción accesible alternativa:
 
El código del CAPTCHA debe incluir una alternativa textual que describa su objetivo y ofrecer una opción de verificación diferente.
 
Se muestra un codigo que presenta dos tipos de CAPTCHAs, uno visual y tambien uno auditivo para que el usario pueda elegir cual quiere utilizar.


<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
&lt;label for="captcha">Escriba el texto que ve en la imagen:&lt;/label>
<label for="captcha">Escriba el texto que ve en la imagen:</label>
&lt;img src="captcha.png" alt="Captcha para verificar que eres una persona">
<img src="captcha.png" alt="Captcha para verificar que eres una persona">
&lt;a href="#audio_captcha">Opción de audio CAPTCHA&lt;/a>
<a href="#audio_captcha">Opción de audio CAPTCHA</a>
</pre>
</pre>
</div>
</div>


==== Otras herramientas de evaluación ====
|wcag_otras_herramientas_evaluacion=
<div class="wcag-info-criterio">
<ul>
 
<li>
 
<strong>Lector de pantalla:</strong> JAWS, NVDA, VoiceOver — comprobar si el proceso es comprensible y posible<br>
'''Lector de pantalla'''
</li>
 
<li>
Uso de lectores de pantalla como JAWS, NVDA o VoiceOver, para comprobar que la información que se escucha al acceder a un CAPCHA, es comprensible.
<strong>Herramienta de inspección:</strong> verificar existencia del atributo <code>alt</code> y mecanismos alternativos
 
</li>
</div>
</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»