WCAG 2.2: todos los criterios de conformidad de un vistazo
Las WCAG son la referencia en la que se apoya la normativa europea de accesibilidad. Esta vista reúne todos los criterios de la versión 2.2: el resumen para hojear, la página para entenderlo.
A es la base, AA la referencia para la normativa europea, AAA el óptimo. Lo exigible normalmente es AA.
A 32 · AA 24 · AAA 31 — 87 criterios
| Nr. | Contenido | En una frase |
|---|---|---|
| 1.1 Alternativas textuales Principio 1: Perceptible | ||
| 1.1.1 | Contenido no textual | Todo lo que no es texto necesita una alternativa textual: imágenes, iconos, gráficos, controles. |
| 1.2 Medios tempodependientes Principio 1: Perceptible | ||
| 1.2.1 | Solo audio y solo vídeo (grabado) | Una grabación solo de audio necesita transcripción; un vídeo sin sonido, una descripción. |
| 1.2.2 | Subtítulos (grabados) | Todo vídeo grabado con sonido necesita subtítulos. |
| 1.2.3 | Audiodescripción o alternativa de medio (grabado) | Lo que solo se ve debe poder oírse o leerse. |
| 1.2.4 | Subtítulos (en directo) | Las emisiones en directo también necesitan subtítulos. |
| 1.2.5 | Audiodescripción (grabada) | Los vídeos grabados necesitan audiodescripción; una transcripción ya no basta. |
| 1.2.6 | Lengua de signos (grabada) | Los vídeos grabados se traducen además a lengua de signos. |
| 1.2.7 | Audiodescripción ampliada (grabada) | Si las pausas no bastan para la descripción, el vídeo se detiene. |
| 1.2.8 | Alternativa de medio (grabado) | Además de todo lo demás existe una versión completa en texto. |
| 1.2.9 | Solo audio (en directo) | El contenido hablado en directo sin imagen recibe una alternativa textual en tiempo real. |
| 1.3 Adaptable Principio 1: Perceptible | ||
| 1.3.1 | Información y relaciones | La estructura debe estar en el código, no solo en el aspecto. |
| 1.3.2 | Secuencia significativa | El orden del código debe producir el mismo sentido que la disposición en pantalla. |
| 1.3.3 | Características sensoriales | Las instrucciones no pueden basarse solo en forma, color, tamaño o posición. |
| 1.3.4 | Orientación Nuevo en WCAG 2.1 | El contenido no debe quedar fijado en vertical u horizontal. |
| 1.3.5 | Identificar el propósito de la entrada Nuevo en WCAG 2.1 | Los campos que piden datos personales deben ser identificables por la máquina. |
| 1.3.6 | Identificar el propósito Nuevo en WCAG 2.1 | También los controles y los iconos reciben un significado legible por la máquina. |
| 1.4 Distinguible Principio 1: Perceptible | ||
| 1.4.1 | Uso del color | El color nunca puede ser el único medio para transmitir información. |
| 1.4.2 | Control del audio | El sonido que arranca solo y dura más de tres segundos debe poder detenerse. |
| 1.4.3 | Contraste (mínimo) | El texto necesita un contraste de al menos 4,5:1; el texto grande, 3:1. |
| 1.4.4 | Cambio de tamaño del texto | El texto debe poder ampliarse al 200 % sin perder contenido. |
| 1.4.5 | Imágenes de texto | El texto debe entregarse como texto, no como imagen. |
| 1.4.6 | Contraste (mejorado) | El texto alcanza al menos 7:1; el texto grande, 4,5:1. |
| 1.4.7 | Sonido de fondo bajo o ausente | En grabaciones habladas, el ruido de fondo es bajo o se puede desactivar. |
| 1.4.8 | Presentación visual | La persona que lee puede ajustar colores, ancho de línea, interlineado y alineación. |
| 1.4.9 | Imágenes de texto (sin excepciones) | Las imágenes de texto solo se usan ya para decoración y logotipos. |
| 1.4.10 | Reflujo Nuevo en WCAG 2.1 | El contenido debe readaptarse a ventanas estrechas sin desplazamiento horizontal. |
| 1.4.11 | Contraste no textual Nuevo en WCAG 2.1 | Los controles y los gráficos con significado también necesitan 3:1. |
| 1.4.12 | Espaciado del texto Nuevo en WCAG 2.1 | Aumentar interlineado y espaciado de palabras y párrafos no debe hacer perder nada. |
| 1.4.13 | Contenido al pasar el cursor o al recibir el foco Nuevo en WCAG 2.1 | El contenido que aparece debe seguir siendo alcanzable y no desaparecer solo. |
| 2.1 Accesible por teclado Principio 2: Operable | ||
| 2.1.1 | Teclado | Todo debe poder manejarse con el teclado. |
| 2.1.2 | Sin trampas para el foco del teclado | El foco del teclado no puede quedarse atrapado en ningún sitio. |
| 2.1.3 | Teclado (sin excepciones) | Manejo por teclado sin las excepciones de 2.1.1. |
| 2.1.4 | Atajos de teclado con un solo carácter Nuevo en WCAG 2.1 | Los atajos de una sola letra deben poder desactivarse o reasignarse. |
| 2.2 Tiempo suficiente Principio 2: Operable | ||
| 2.2.1 | Tiempo ajustable | Los límites de tiempo deben poder desactivarse, ampliarse o ajustarse. |
| 2.2.2 | Poner en pausa, detener, ocultar | El contenido en movimiento o que se actualiza solo debe poder detenerse. |
| 2.2.3 | Sin tiempo | No hay límites de tiempo en absoluto, salvo en eventos en directo. |
| 2.2.4 | Interrupciones | Las interrupciones pueden aplazarse o suprimirse. |
| 2.2.5 | Volver a autenticar | Tras caducar una sesión se continúa sin pérdida de datos. |
| 2.2.6 | Tiempos de espera Nuevo en WCAG 2.1 | Se avisa cuando la inactividad puede provocar pérdida de datos. |
| 2.3 Convulsiones y reacciones físicas Principio 2: Operable | ||
| 2.3.1 | Umbral de tres destellos o menos | Nada puede destellar más de tres veces por segundo. |
| 2.3.2 | Tres destellos | Ningún destello por encima de tres por segundo, sin las excepciones de 2.3.1. |
| 2.3.3 | Animación por interacciones Nuevo en WCAG 2.1 | Las animaciones de movimiento pueden desactivarse. |
| 2.4 Navegable Principio 2: Operable | ||
| 2.4.1 | Evitar bloques | Los bloques repetidos, como la navegación, deben poder saltarse. |
| 2.4.2 | Página titulada | Cada página necesita un título con sentido. |
| 2.4.3 | Orden del foco | El orden de tabulación debe tener sentido. |
| 2.4.4 | Propósito de los enlaces (en contexto) | El enlace —con su contexto si hace falta— debe revelar adónde lleva. |
| 2.4.5 | Múltiples vías | Existe más de una manera de llegar a una página. |
| 2.4.6 | Encabezados y etiquetas | Los encabezados y las etiquetas deben describir su tema o propósito. |
| 2.4.7 | Foco visible | El elemento que tiene el foco debe destacarse visualmente. |
| 2.4.8 | Ubicación | La persona reconoce dónde se encuentra dentro del sitio. |
| 2.4.9 | Propósito de los enlaces (solo el enlace) | El texto del enlace por sí solo debe revelar el destino. |
| 2.4.10 | Encabezados de sección | Los contenidos largos se organizan con encabezados. |
| 2.4.11 | Foco no oscurecido (mínimo) Nuevo en WCAG 2.2 | El elemento con el foco no puede quedar completamente oculto. |
| 2.4.12 | Foco no oscurecido (mejorado) Nuevo en WCAG 2.2 | El elemento con el foco no puede quedar oculto en absoluto, ni siquiera en parte. |
| 2.4.13 | Apariencia del foco Nuevo en WCAG 2.2 | El indicador de foco necesita un tamaño y un contraste mínimos. |
| 2.5 Modalidades de entrada Principio 2: Operable | ||
| 2.5.1 | Gestos del puntero Nuevo en WCAG 2.1 | Lo que exige varios dedos o un trazado debe funcionar también de forma sencilla. |
| 2.5.2 | Cancelación del puntero Nuevo en WCAG 2.1 | Una acción iniciada sin querer debe poder cancelarse. |
| 2.5.3 | Etiqueta en el nombre Nuevo en WCAG 2.1 | El texto visible de un elemento debe formar parte de su nombre accesible. |
| 2.5.4 | Actuación por movimiento Nuevo en WCAG 2.1 | Las funciones que responden a agitar o inclinar necesitan una alternativa. |
| 2.5.5 | Tamaño del objetivo (mejorado) Nuevo en WCAG 2.1 | Los controles miden al menos 44 por 44 píxeles CSS. |
| 2.5.6 | Mecanismos de entrada concurrentes Nuevo en WCAG 2.1 | No se puede restringir el modo de entrada disponible. |
| 2.5.7 | Movimientos de arrastre Nuevo en WCAG 2.2 | Lo que se arrastra debe funcionar también sin arrastrar. |
| 2.5.8 | Tamaño del objetivo (mínimo) Nuevo en WCAG 2.2 | Los controles miden al menos 24 por 24 píxeles CSS, o guardan separación suficiente. |
| 3.1 Legible Principio 3: Comprensible | ||
| 3.1.1 | Idioma de la página | El idioma de la página debe constar en el código. |
| 3.1.2 | Idioma de las partes | Los pasajes en otro idioma se marcan expresamente. |
| 3.1.3 | Palabras inusuales | Los términos técnicos y las expresiones figuradas se explican. |
| 3.1.4 | Abreviaturas | Las abreviaturas se desarrollan en su primera aparición. |
| 3.1.5 | Nivel de lectura | Si el texto exige más que educación secundaria básica, existe una versión más sencilla. |
| 3.1.6 | Pronunciación | Donde la pronunciación condiciona el sentido, se indica. |
| 3.2 Predecible Principio 3: Comprensible | ||
| 3.2.1 | Al recibir el foco | Dar el foco a un elemento no debe desencadenar nada. |
| 3.2.2 | Al recibir entradas | Cambiar un ajuste no debe cambiar el contexto por sí solo. |
| 3.2.3 | Navegación coherente | La navegación aparece en el mismo lugar y en el mismo orden en todas las páginas. |
| 3.2.4 | Identificación coherente | Una misma función se llama igual en todas partes. |
| 3.2.5 | Cambios a petición | Los cambios de contexto solo ocurren a petición expresa. |
| 3.2.6 | Ayuda coherente Nuevo en WCAG 2.2 | Las vías de ayuda están en el mismo lugar en todas las páginas. |
| 3.3 Entrada de datos asistida Principio 3: Comprensible | ||
| 3.3.1 | Identificación de errores | Un error de entrada debe señalarse, y en forma de texto. |
| 3.3.2 | Etiquetas o instrucciones | Los campos de entrada necesitan una etiqueta. |
| 3.3.3 | Sugerencias ante errores | Cuando sea posible, di también cómo corregirlo. |
| 3.3.4 | Prevención de errores (legales, financieros, de datos) | Las entradas con consecuencias pueden revisarse, corregirse o revertirse. |
| 3.3.5 | Ayuda | Los formularios cuentan con ayuda contextual. |
| 3.3.6 | Prevención de errores (todos) | Revisar, corregir y revertir vale para todos los formularios. |
| 3.3.7 | Entrada redundante Nuevo en WCAG 2.2 | No se vuelve a pedir información ya facilitada. |
| 3.3.8 | Autenticación accesible (mínimo) Nuevo en WCAG 2.2 | Iniciar sesión no puede exigir un esfuerzo de memoria. |
| 3.3.9 | Autenticación accesible (mejorada) Nuevo en WCAG 2.2 | Tampoco se admite reconocer objetos o imágenes para iniciar sesión. |
| 4.1 Compatible Principio 4: Robusto | ||
| 4.1.1 | Procesamiento (suprimido) Suprimido en WCAG 2.2 | Suprimido en WCAG 2.2: los navegadores modernos corrigen por sí solos el marcado defectuoso. |
| 4.1.2 | Nombre, función, valor | Cada control debe exponer nombre, función y estado de forma legible por la máquina. |
| 4.1.3 | Mensajes de estado Nuevo en WCAG 2.1 | Los mensajes que aparecen sin cambiar el foco deben anunciarse. |
Wave Access comprueba tu sitio frente a estos criterios, corrige una parte en el código servido y te dice qué hacer con el resto.
Descubrir Wave Access →