Product Craft Bible
Cognitive accessibility
Inicio Accesibilidad Cognitive accessibility
Accesibilidad

Cognitive accessibility

8 reglas WCAG 2.2 SC 3.1.5 Reading Level (AAA) · W3C COGA User Research (dislexia 10%, 25% más lento) · W3C COGA Usable "Use Clear Words"WCAG 2.2 SC 3.3.7 Redundant Entry (A) · W3C Understanding 3.3.7 (fatiga de memoria de trabajo) · W3C COGA UsableWCAG 2.2 SC 3.3.8 Accessible Authentication Minimum (AA) · W3C Understanding 3.3.8 (pruebas cognitivas: memoria, transcripción, calculo) · W3C COGA UsableWCAG 2.2 SC 3.2.3 Consistent Navigation (AA) · SC 3.2.4 Consistent Identification (AA) · W3C COGA Usable "Use a Familiar Hierarchy and Design"
23

Cognitive accessibility

8 reglas
237

Escribe en lenguaje claro y al nivel de lectura de tu audiencia

El texto denso y burocratico es una barrera directa para personas con dislexia, deficit de atención o deterioro cognitivo, no solo una molestia estilistica. La dislexia afecta a cerca del 10% de la población (4% de forma severa) y quien la tiene lee hasta 25% más lento en pantalla. WCAG 3.1.5 pide que el contenido no exija más que educación secundaria básica, y COGA recomienda apuntar a un Flesch Reading Ease de 70 a 80 y un Flesch-Kincaid cercano a grado 5. Frases cortas, voz activa, una idea por oración y palabras comunes no simplifican el mensaje: simplifican el acceso.

WCAG 2.2 SC 3.1.5 Reading Level (AAA) · W3C COGA User Research (dislexia 10%, 25% más lento) · W3C COGA Usable "Use Clear Words"
Preferir
Grado 5 · Flesch 76

Sube tus documentos antes del viernes para completar tu solicitud.

Legibilidad
76
Evitar
Grado 14 · Flesch 31

Sirvase remitir la documentación comprobatoria dentro de los plazos estipulados a efecto de acreditar la procedencia del tramite solicitado.

Legibilidad
31
238

No obligues a re-escribir datos que ya capturaste en el mismo proceso

Pedir de nuevo información que el usuario ya ingreso en un paso anterior carga la memoria de trabajo y acelera la fatiga mental, especialmente en personas con TDAH o dificultades de memoria. WCAG 3.3.7 (Redundant Entry, nivel A, nuevo en 2.2) obliga a que cualquier dato ya capturado en el proceso se auto-rellene o quede disponible para selección, salvo cuando reescribirlo es esencial (por ejemplo verificar una contrasena). Reusar el correo, la dirección de envio como facturación y los datos del paso 1 en el paso 3 no es una comodidad: es un requisito de acceso.

WCAG 2.2 SC 3.3.7 Redundant Entry (A) · W3C Understanding 3.3.7 (fatiga de memoria de trabajo) · W3C COGA Usable
Preferir
Paso 3 de 4 · Facturación
Tu correo
ana@empresa.com
Auto-rellenado del paso 1
Evitar
Paso 3 de 4 · Facturación
Escribe tu correo otra vez
Vuelve a teclearlo...
239

Ofrece autenticación sin pruebas cognitivas (sin captcha, sin acertijos)

Login que exige resolver un captcha matematico, transcribir caracteres distorsionados o memorizar un código de un paso al siguiente excluye a personas con discapacidades cognitivas y de memoria. WCAG 3.3.8 (Accessible Authentication Minimum, nivel AA, nuevo en 2.2) exige que exista al menos un método de autenticación que no dependa de una prueba de función cognitiva: memorizar, transcribir, deletrear, calcular o resolver acertijos. Magic link por correo, passkeys, biometria y permitir que el gestor de contrasenas pegue y autocomplete cumplen el criterio sin fricción.

WCAG 2.2 SC 3.3.8 Accessible Authentication Minimum (AA) · W3C Understanding 3.3.8 (pruebas cognitivas: memoria, transcripción, calculo) · W3C COGA Usable
Preferir
Inicia sesión
o
Evitar
Verifica que eres humano
7 + 14 = ?
Resuelve para iniciar sesión
240

Manten navegación y controles consistentes en todo el producto

Cuando un control cambia de posición, color o nombre entre pantallas, el usuario cognitivo debe re-aprender la interfaz en cada paso, gastando atención que debería ir a la tarea. WCAG 3.2.3 (Consistent Navigation) exige que los mecanismos repetidos aparezcan en el mismo orden relativo, y 3.2.4 (Consistent Identification) que los componentes con la misma función se identifiquen igual; ambos son nivel AA. "Siguiente" siempre a la derecha y "Atras" siempre a la izquierda, con el mismo estilo en todo el flujo, reduce el número de decisiones nuevas en cada pantalla.

WCAG 2.2 SC 3.2.3 Consistent Navigation (AA) · SC 3.2.4 Consistent Identification (AA) · W3C COGA Usable "Use a Familiar Hierarchy and Design"
Preferir
Paso 1
Atras
Siguiente
Paso 2
Atras
Siguiente
Evitar
Paso 1
Siguiente
Paso 2
Confirmar
241

Divide en pasos cortos, una tarea a la vez, y muestra el progreso

Un formulario de una sola página con decenas de campos sobrecarga la memoria de trabajo y dispara el abandono en usuarios con dificultades de atención. COGA recomienda "Make Short Critical Paths" (minimizar los pasos de las tareas esenciales) y presentar el contenido en fragmentos pequeños y navegables. Convertir 22 campos en un wizard de 4 pasos con una barra segmentada tipo "2 de 4" muestra solo los campos del paso actual y fija la expectativa de cuanto falta, eliminando la sensación de proceso indefinido.

W3C COGA Usable "Make Short Critical Paths" · "Break Media into Chunks" · alineado con WCAG 2.2 Guideline 2.4 Navigable
Preferir
Paso 2 de 4 · Dirección
Calle y número
Código postal
Guardar y continuar
Evitar
242

Da tiempo suficiente: límites ajustables y nunca presiones con un contador

Los límites de tiempo generan panico y errores en personas con TDAH, dislexia o deterioro cognitivo; un contador regresivo visible no acelera al usuario, lo bloquea. WCAG 2.2.1 (Timing Adjustable, nivel A) exige que cualquier límite se pueda desactivar, ajustar a al menos 10 veces el valor original, o extender con un aviso de al menos 20 segundos antes de expirar y un mínimo de 10 extensiones. COGA recomienda no expirar la sesión mientras el usuario busca información y guardar el trabajo de forma incremental. Mejor un borrador autoguardado con "continua donde lo dejaste" que un reloj que borra todo al llegar a cero.

WCAG 2.2 SC 2.2.1 Timing Adjustable (A) · ajuste 10x + aviso 20s, 10 extensiones · W3C COGA Usable "Avoid Data Loss and Timeouts"
Preferir
Completa tu pago
Borrador guardado
Sin límite de tiempo · continua donde lo dejaste
Evitar
Completa tu pago
0:42
Si el tiempo llega a 0, se borran tus datos.
243

Los errores deben orientar a la solución, no solo señalar el problema

Un mensaje como "Campo invalido" o "Error 422" deja al usuario sin saber que hacer; para personas con discapacidad cognitiva, un error sin instrucción de recuperación es un callejon sin salida. WCAG 3.3.1 (Error Identification, nivel A) exige describir el error en texto, y 3.3.3 (Error Suggestion, nivel AA) pide sugerir la corrección cuando se conoce. El mensaje debe ser concreto ("El correo debe incluir @"), inline junto al campo y no al final, y nunca borrar lo que el usuario ya escribio. Un ejemplo de formato valido convierte la frustración en una acción clara.

WCAG 2.2 SC 3.3.1 Error Identification (A) · SC 3.3.3 Error Suggestion (AA) · W3C COGA Usable "Make it Easy to Undo Form Errors"
Preferir
Correo electronico
ana.empresa.com
El correo debe incluir @. Por ejemplo: ana@empresa.com
Evitar
Se encontraron errores. Error 422.
244

Ofrece ayuda contextual consistente en el momento en que se necesita

Obligar al usuario a abandonar el flujo para buscar ayuda en un centro de soporte, o a navegar un laberinto de menús para hablar con una persona, agrega barreras al usuario cognitivo justo cuando esta atascado. WCAG 3.3.5 (Help, nivel AAA) pide ayuda sensible al contexto, y COGA recomienda multiples canales de contacto accesibles y soporte humano sin navegación compleja. Un icono de interrogación junto a cada campo difícil que abre un tooltip con ejemplo ("Por que te pedimos esto"), más un acceso visible a chat o telefono durante todo el flujo, mantiene la ayuda al alcance y reduce el abandono. La ayuda debe diferenciarse visualmente del contenido principal.

WCAG 2.2 SC 3.3.5 Help (AAA) · W3C COGA Usable "Provide Human Help" · "Make It Easy to Find Help and Give Feedback"
Preferir
Número CLABE ?
18 digitos
Son los 18 digitos de tu estado de cuenta. Te la pedimos para depositar tu pago. Ejemplo: 0123 4567 8901 2345 67.
Chatear con una persona
Evitar
Número CLABE
18 digitos
Ayuda: ver centro de soporte