Diferencia entre revisiones de «Principio 3/3.3 Assistencia en los input/3.3.8-A»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
= | {{CriterioWCAG | ||
|id_wcag_criterio=3.3.8 | |||
|id_wcag_subcriterio=3.3.8-A | |||
|wcag_titulo_criterio=3.3.8-A. Autenticación accesible | |||
|wcag_nivel=A* | |||
|wcag_version=2.2 | |||
- | |wcag_principio=3_Comprensible | ||
|wcag_principio_url=Principio_3 | |||
|wcag_pauta=3.3_Asistencia_en_la_entrada | |||
|wcag_pauta_url=Principio_3/3.3_Asistencia_en_la_entrada | |||
|wcag_grupo=Autenticación | |||
|wcag_subgrupo=Pruebas_cognitivas | |||
|wcag_subcriterio_url=Principio_3/3.3_Asistencia_en_la_entrada/3.3.8-A | |||
< | |wcag_discapacidades= | ||
<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:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]] | |||
<span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> – | |||
<span class="gravedad gravedad-moderada">Barrera moderada</span> | |||
</li> | |||
<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-moderada">Barrera moderada</span> | |||
</li> | |||
</ | |wcag_lista_discapacidades= | ||
</ | [[Categoría:Discapacidad cognitiva]] | ||
[[Categoría:Discapacidad motriz]] | |||
[[Categoría:Discapacidad visual total]] | |||
|wcag_texto_criterioOAW= | |||
Un "cognitive function test" (como recordar una contraseña o resolver un puzle) no se requiere para ningún paso de un proceso de autenticación, a menos que ese paso proporcione al menos uno de los siguientes: | |||
<ul> | |||
<li><strong>Alternativa:</strong> otro método de autenticación que no depende de una prueba de función cognitiva.</li> | |||
<li><strong>Mecanismo:</strong> hay un mecanismo disponible para ayudar al usuario a completar la prueba cognitiva.</li> | |||
<li><strong>Reconocimiento de objetos:</strong> la prueba consiste en reconocer objetos (imágenes, vídeo o audio).</li> | |||
<li><strong>Contenido personal:</strong> la prueba usa contenido no textual proporcionado previamente por el usuario (imágenes, vídeo o audio).</li> | |||
</ul> | |||
|wcag_descripcion_resumida= | |||
No se debe exigir recordar datos complejos o resolver pruebas cognitivas para autenticarse, salvo que exista una alternativa accesible o apoyo. | |||
|wcag_objetivo= | |||
Observar si se puede garantizar un método accesible, fácil de usar y seguro para iniciar sesión, beneficiando especialmente a personas con discapacidad cognitiva, memoria limitada o estrés al recordar contraseñas. | |||
|wcag_importancia= | |||
Recordar contraseñas largas, resolver puzzles o interpretar textos complejos puede excluir a personas con dificultades cognitivas, problemas de memoria, dislexia, daño cerebral adquirido o estrés cognitivo. Métodos como biometría, enlaces mágicos o claves de un solo uso son más inclusivos. | |||
|wcag_referencias= | |||
<ul> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/accessibile-authentication.html Understanding Success Criterion 3.3.8: Accessible Authentication]</span></li> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#accessible-authentication WCAG Quick Reference – 3.3.8]</span></li> | |||
<li>[https://webaim.org/articles/cognitive/ WebAIM — Cognitive accessibility]</li> | |||
<li>[https://www.w3.org/TR/coga-usable/ W3C COGA Guidelines]</li> | |||
</ul> | |||
|wcag_recursos= | |||
<ul> | |||
<li>Inicio de sesión con correo y enlace mágico ("magic link")</li> | |||
<li>Autenticación biométrica accesible</li> | |||
<li>Llaves de seguridad / WebAuthn / Passkeys</li> | |||
<li>Autocompletado de contraseñas</li> | |||
</ul> | |||
|wcag_tipo_evaluacion=Manual | |||
|wcag_pasos_evaluacion= | |||
<ol class="paso-list"> | |||
<li><span class="paso-badge">Paso 1.</span> Intentar iniciar sesión siguiendo el proceso estándar.</li> | |||
<li><span class="paso-badge">Paso 2.</span> Verificar si se exige recordar información compleja o resolver pruebas no accesibles.</li> | |||
<li><span class="paso-badge">Paso 3.</span> Comprobar si existe alternativa accesible (passkeys, enlace mágico, segundo factor simple).</li> | |||
<li><span class="paso-badge">Paso 4.</span> Validar si hay mecanismos de ayuda (gestores de contraseñas, autocompletado).</li> | |||
<li><span class="paso-badge">Paso 5.</span> Confirmar que cualquier desafío cognitivo cumple las excepciones (reconocimiento no textual personal o universal).</li> | |||
</ol> | |||
|wcag_resultado_evaluacion= | |||
El usuario puede autenticarse sin necesidad de resolver pruebas cognitivas complejas y con opciones accesibles de apoyo o alternativas. | |||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
<strong>✅ Ejemplo accesible: autenticación sin memoria ni puzzles</strong> | |||
<pre class="wcag-codigo-html"> | |||
<!-- Inicio de sesión con enlace mágico --> | |||
<form> | |||
<label for="email">Correo electrónico</label> | |||
<input id="email" type="email" autocomplete="email"> | |||
<button type="submit">Enviar enlace de acceso</button> | |||
</form> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card"> | |||
<strong>✅ Alternativa accesible: passkeys / biometría</strong> | |||
<pre class="wcag-codigo-html"> | |||
<button type="button">Iniciar sesión con Passkey</button> | |||
<!-- Permite autenticación sin recordar nada --> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |||
<ul> | |||
<li>Pruebas con gestores de contraseñas</li> | |||
<li>Verificación de soporte para WebAuthn / Passkeys</li> | |||
<li>Revisión de flujos de autenticación paso a paso</li> | |||
<li>Pruebas en móvil + biometría</li> | |||
<li>Lectores de pantalla y navegación por teclado</li> | |||
</ul> | |||
}} | |||
Revisión del 13:06 5 nov 2025
3.3.8-A. Autenticación accesible
- Nivel: A*
- Versión: 2.2
- Principio: 3_Comprensible
- Pauta: 3.3_Asistencia_en_la_entrada
- Grupo: Autenticación
- Subgrupo: Pruebas_cognitivas
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Cognitiva –
Barrera grave
-
Motriz –
Barrera moderada
-
Visual total –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Un "cognitive function test" (como recordar una contraseña o resolver un puzle) no se requiere para ningún paso de un proceso de autenticación, a menos que ese paso proporcione al menos uno de los siguientes:
- Alternativa: otro método de autenticación que no depende de una prueba de función cognitiva.
- Mecanismo: hay un mecanismo disponible para ayudar al usuario a completar la prueba cognitiva.
- Reconocimiento de objetos: la prueba consiste en reconocer objetos (imágenes, vídeo o audio).
- Contenido personal: la prueba usa contenido no textual proporcionado previamente por el usuario (imágenes, vídeo o audio).
Comprensión del criterio
Descripción resumida
No se debe exigir recordar datos complejos o resolver pruebas cognitivas para autenticarse, salvo que exista una alternativa accesible o apoyo.
Objetivo
Observar si se puede garantizar un método accesible, fácil de usar y seguro para iniciar sesión, beneficiando especialmente a personas con discapacidad cognitiva, memoria limitada o estrés al recordar contraseñas.
Importancia de cumplir el criterio
Recordar contraseñas largas, resolver puzzles o interpretar textos complejos puede excluir a personas con dificultades cognitivas, problemas de memoria, dislexia, daño cerebral adquirido o estrés cognitivo. Métodos como biometría, enlaces mágicos o claves de un solo uso son más inclusivos.
Referencias WCAG
Recursos de apoyo
- Inicio de sesión con correo y enlace mágico ("magic link")
- Autenticación biométrica accesible
- Llaves de seguridad / WebAuthn / Passkeys
- Autocompletado de contraseñas
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Intentar iniciar sesión siguiendo el proceso estándar.
- Paso 2. Verificar si se exige recordar información compleja o resolver pruebas no accesibles.
- Paso 3. Comprobar si existe alternativa accesible (passkeys, enlace mágico, segundo factor simple).
- Paso 4. Validar si hay mecanismos de ayuda (gestores de contraseñas, autocompletado).
- Paso 5. Confirmar que cualquier desafío cognitivo cumple las excepciones (reconocimiento no textual personal o universal).
Resultado esperado
El usuario puede autenticarse sin necesidad de resolver pruebas cognitivas complejas y con opciones accesibles de apoyo o alternativas.
Ejemplo ilustrativo
✅ Ejemplo accesible: autenticación sin memoria ni puzzles
<!-- Inicio de sesión con enlace mágico --> <form> <label for="email">Correo electrónico</label> <input id="email" type="email" autocomplete="email"> <button type="submit">Enviar enlace de acceso</button> </form>
✅ Alternativa accesible: passkeys / biometría
<button type="button">Iniciar sesión con Passkey</button> <!-- Permite autenticación sin recordar nada -->
Otras herramientas de evaluación
- Pruebas con gestores de contraseñas
- Verificación de soporte para WebAuthn / Passkeys
- Revisión de flujos de autenticación paso a paso
- Pruebas en móvil + biometría
- Lectores de pantalla y navegación por teclado
Ejemplos accesibles y no accesibles creados por alumnos
<!DOCTYPE html>
⚠️ PROBLEMA 3.3.2-C: Este formulario NO tiene etiquetas ni instrucciones claras
Reserva de Hotel
⚠️ Problemas de este formulario:
- No hay etiquetas
<label>para ningún campo - Algunos placeholders son ambiguos ("Código" - ¿qué código?)
- No se indica qué campos son obligatorios
- No hay instrucciones sobre el formato esperado
- El select dice "Selecciona" pero ¿seleccionar qué?
- Un campo no tiene ni placeholder ni etiqueta (campo de email)
- No hay indicación de formato de fecha específico
- No se explica para qué sirve cada campo
<!DOCTYPE html>
✅ ACCESIBLE 3.3.2-C: Este formulario tiene etiquetas e instrucciones claras
Reserva de Hotel
Complete el siguiente formulario para reservar su estadía
Nota: Los campos marcados con * son obligatorios
✅ Implementación correcta:
- Cada campo tiene una etiqueta
<label>clara asociada - Los campos obligatorios están claramente marcados con *
- Hay instrucciones específicas sobre formato y contenido esperado
- Los selectores tienen opciones descriptivas, no ambiguas
- Se explica el propósito de cada campo cuando no es obvio
- Se proporcionan ejemplos en los placeholders
- Hay una nota inicial explicando la convención de campos obligatorios
- Se usan atributos ARIA apropiados (aria-required, aria-describedby)
Comentarios
A continuación se muestran comentarios sobre el criterio 3.3.8-A. Autenticación accesible
Loading comments...
