Tal como lo anuncia el W3C, Las Guías de Accesibilidad para el Contenido Web (Web Content Accessibility Guidelines -WCAG) en su versión 2.1 re refiere a los criterios que están escritos como declaraciones comprobables que no son específicas de la tecnología. En documentos separados se proporciona orientación sobre cómo satisfacer los criterios de éxito en tecnologías específicas, así como información general sobre la interpretación de los criterios de éxito. Consulte Descripción general de las Pautas de accesibilidad al contenido web (WCAG) para obtener una introducción y enlaces al material técnico y educativo de las WCAG.
Criterios de conformidad de Nivel A
Principio PERCEPTIBLE
La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que puedan percibirlo.
1.1.1 Contenido no textual
Todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito, excepto en las situaciones enumeradas a continuación… https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html
1.2.1 Sólo audio y sólo vídeo (grabado)
Para contenido sólo audio grabado y contenido sólo vídeo grabado, se cumple lo siguiente, excepto cuando el audio o el vídeo es un contenido multimedia alternativo al texto y está claramente identificado como tal. Ver en: https://www.w3.org/WAI/WCAG21/Understanding/audio-only-and-video-only-prerecorded
1.2.2 Subtítulos (grabados)
Se proporcionan subtítulos para el contenido de audio grabado dentro de contenido multimedia sincronizado, excepto cuando la presentación es un contenido multimedia alternativo al texto y está claramente identificado como tal. https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded
1.2.3 Audiodescripción o Medio Alternativo (grabado)
Se proporciona una alternativa para los medios tempodependientes o una audiodescripción para el contenido de vídeo grabado en los multimedia sincronizados, excepto cuando ese contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. https://www.w3.org/WAI/WCAG21/Understanding/audio-description-or-media-alternative-prerecorded
1.3.1 Información y relaciones
La información, estructura y relaciones comunicadas a través de la presentación pueden ser determinadas por software o están disponibles como texto. https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships
1.3.2 Secuencia significativa.
Cuando la secuencia en que se presenta el contenido afecta a su significado, se puede determinar por software la secuencia correcta de lectura. https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence
1.3.3 Características sensoriales.
Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente en las características sensoriales de los componentes como su forma, color, tamaño, ubicación visual, orientación o sonido. https://www.w3.org/WAI/WCAG21/Understanding/sensory-characteristics
1.4.1 Uso del color.
El color no se usa como único medio visual para transmitir la información, indicar una acción, solicitar una respuesta o distinguir un elemento visual. https://www.w3.org/WAI/WCAG21/Understanding/use-of-color
1.4.2 Control del audio.
Si el audio de una página web suena automáticamente durante más de 3 segundos, se proporciona ya sea un mecanismo para pausar o detener el audio, o un mecanismo para controlar el volumen del sonido que es independiente del nivel de volumen global del sistema. https://www.w3.org/WAI/WCAG21/Understanding/audio-control
Principio OPERABLE
Los componentes de la interfaz de usuario y la navegación deben ser operables.
2.1.1 Teclado.
Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final
https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html
2.1.2 Sin trampas para el foco del teclado.
Si es posible mover el foco a un componente de la página usando una interfaz de teclado, entonces el foco se puede quitar de ese componente usando sólo la interfaz de teclado y, si se requiere algo más que las teclas de dirección o de tabulación, se informa al usuario el método apropiado para mover el foco.
https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap
2.1.4 Atajos de teclado (Nueva WCAG 2.1)
Si se implementa un atajo de teclado en el contenido usando una sola letra (incluidas mayúsculas y minúsculas), signo de puntuación, número o símbolo, entonces al menos una de las siguientes afirmaciones es cierta:
- Desactivar: hay un mecanismo para desactivar el atajo.
- Reasignar: hay un mecanismo para reasignar ese atajo de teclado, usando uno o más caracteres de teclado no imprimibles (Alt, Ctrl,…)
- Activo solo en el foco: el atajo de teclado de un componente de la interfaz solo está activo cuando ese componente tiene el foco.
https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html
2.2.1 Tiempo ajustable
Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos: apagar (..), ajustar (…), extender (…). Excepción de tiempo real (…). Excepción por ser esencial (…). Excepción de 20 horas.
https://www.w3.org/WAI/WCAG21/Understanding/timing-adjustable
2.2.2 Poner en pausa, detener, ocultar
Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes: Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza, que (1) comienza automáticamente, (2) dura más de cinco segundos y (3) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, a menos que el movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; y Actualización automática: Para toda información que se actualiza automáticamente, que (1) se inicia automáticamente y (2) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización a menos que la actualización automática sea parte esencial de una actividad.
https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide
2.3.1 Umbral de tres destellos o menos.
Las páginas web no contienen nada que destelle más de tres veces en un segundo, o el destello está por debajo del umbral de destello general y de destello rojo
https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold
2.4.1 Evitar bloques:
Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web
https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocksl
2.4.2 Título de la página.
Las páginas web tienen títulos que describen su temática o propósito
https://www.w3.org/WAI/WCAG21/Understanding/page-titled
2.4.3 Orden del foco.
Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
https://www.w3.org/WAI/WCAG21/Understanding/focus-order
2.4.4 Propósito de los enlaces (en su contexto).
“El propósito de cada enlace puede ser determinado con sólo el texto del enlace o a través del texto del enlace sumado al contexto del enlace determinado por software, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general.
https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context
2.5.1 Gestos del puntero (Nueva WCAG 2.1)
Todas las funcionalidades que usen varios puntos de interacción simultáneos o se basen en un recorrido gestual, deben poder ser operados también por un único puntero sin obligar a seguir un recorrido (a menos que el uso de varios puntos o el recorrido sea totalmente esencial).
https://www.w3.org/WAI/WCAG21/Understanding/pointer-gestures.html
2.5.2 Cancelación del puntero (Nueva WCAG 2.1)
En la funcionalidad que se puede operar con un “”single pointer””, al menos una de las siguientes afirmaciones es verdad:
- No Down-Event: el down-event del puntero no se usa para ejecutar ninguna parte de la función
- Abort or Undo: la finalización de la función está en el up-event, y hay un mecanismo disponible para abortar la función antes de completarse o deshacer la función una vez completada
- Up Reversal: el up-event invierte cualquier resultado del down-event anterior.
- Essential: completar la función en el down-event es esencial
https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html
2.5.3 Nombre en la etiqueta (Nueva WCAG 2.1)
Para los componentes de interfaz con etiquetas que incluyen texto o imágenes de texto, el nombre accesible contiene el texto que se presenta visualmente. https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html
2.5.4 Actuación por movimiento (Nueva WCAG 2.1)
Las funcionalidades que se pueden manejar con el movimiento del dispositivo o del usuario pueden ser operadas por componentes de la interfaz de usuario, y la respuesta al movimiento puede ser deshabilitada para prevenir una activación accidental, excepto si:
- Supported Interface: el movimiento se utiliza para operar la funcionalidad a través de una interfaz compatible con la accesibilidad.
- Essential: el movimiento es esencial para la función o sino se invalidaría la actividad.
https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html
Principio COMPRENSIBLE
La información y el manejo de la interfaz de usuario debe ser comprensible.
3.1.1 Idioma de la página.
El idioma predeterminado de cada página web puede ser determinado por software
https://www.w3.org/WAI/WCAG21/Understanding/language-of-page
3.2.1 Al recibir el foco.
Cuando cualquier componente recibe el foco, no inicia ningún cambio en el contexto.
https://www.w3.org/WAI/WCAG21/Understanding/on-focus
3.2.2 Al recibir entradas.
El cambio de estado en cualquier componente de la interfaz de usuario no provoca automáticamente un cambio en el contexto a menos que el usuario haya sido advertido de ese comportamiento antes de usar el componente
https://www.w3.org/WAI/WCAG21/Understanding/on-input
3.3.1 Identificación de errores.
Si se detecta automáticamente un error en la entrada de datos, el elemento erróneo es identificado y el error se describe al usuario mediante un texto.
https://www.w3.org/WAI/WCAG21/Understanding/error-identification
3.3.2 Etiquetas o instrucciones.
Se proporcionan etiquetas o instrucciones cuando el contenido requiere la introducción de datos por parte del usuario
https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions
Principio ROBUSTO
El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de agentes de usuario, incluyendo las ayudas técnicas.
4.1.1 Procesamiento.
En los contenidos implementados mediante el uso de lenguajes de marcas, los elementos tienen las etiquetas de apertura y cierre completas; los elementos están anidados de acuerdo a sus especificaciones; los elementos no contienen atributos duplicados y los ID son únicos, excepto cuando las especificaciones permitan estas características.
https://www.w3.org/WAI/WCAG21/Understanding/parsing
4.1.2 Nombre, función, valor.
Para todos los componentes de la interfaz de usuario (incluyendo pero no limitado a: elementos de formulario, enlaces y componentes generados por scripts), el nombre y la función pueden ser determinados por software; los estados, propiedades y valores que pueden ser asignados por el usuario pueden ser especificados por software; y los cambios en estos elementos se encuentran disponibles para su consulta por las aplicaciones de usuario, incluyendo las ayudas técnicas.
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value
Criterios de conformidad de Nivel Doble A
Principio PERCEPTIBLE
La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que puedan percibirlo.
1.2.4 Subtítulos (en directo).
Se proporcionan subtítulos para todo el contenido de audio en directo de los multimedia sincronizados. https://www.w3.org/WAI/WCAG21/Understanding/captions-live.html
1.2.5 Audiodescripción (grabado).
Se proporciona una audiodescripción para todo el contenido de vídeo grabado dentro de contenido multimedia sincronizado. https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded
1.3.4 Orientación de la pantalla (Nueva WCAG 2.1)
El contenido no obliga a poder ser visto y manejado en una única orientación de la pantalla, como en formato vertical o apaisado, a no ser que sea esencial. https://www.w3.org/WAI/WCAG21/Understanding/orientation.html
1.3.5 Identificación del propósito del campo (Nueva WCAG 2.1)
El propósito del cada campo que recoge información del usuario puede ser determinado por software cuando:
• el campo tiene un propósito identificado y concreto; y
• el campo está implementado usando tecnologías que permiten identificar su significado esperado en un formulario. https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html
1.4.3 Contraste (mínimo).
La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos… https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum
1.4.4 Cambio de tamaño del texto.
A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el contenido o la funcionalidad. https://www.w3.org/WAI/WCAG21/Understanding/resize-text
1.4.5 Imágenes de texto
Si con las tecnologías que se están utilizando se puede conseguir la presentación visual deseada, se utiliza texto para transmitir la información en vez de imágenes de texto, excepto en los siguientes casos:
• Configurable: La imagen de texto es visualmente configurable según los requisitos del usuario.
• Esencial: Una forma particular de presentación del texto resulta esencial para la información que se transmite. Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales.
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text
1.4.10 Reajuste de elementos (Nueva WCAG 2.1)
El contenido se puede presentar sin perder información o funcionalidad, y sin requerir scroll en dos dimensiones para:
• Contenido que se desplaza en vertical con una anchura equivalente a 320 píxeles CSS.
• Contenido que se desplaza en horizontal con una altura equivalente a 256 píxeles CSS. Excepto para aquellas partes del contenido que requieren ese desplazamiento en dos dimensiones por su uso o significado. https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
1.4.11 Contraste no textual (Nueva WCAG 2.1)
La presentación visual de los siguientes elementos tiene una ratio de contraste de la menos 3:1 con los colores adyacentes:
• Componentes de interfaz de usuario: información visual usada para indicar estados y límites de la interfaz de usuario.
• Objetos gráficos: partes de los gráficos necesarios para comprender el contenido, excepto cuando una presentación concreta sea esencial para la información mostrada. https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
1.4.12 Espaciado del texto (Nueva WCAG 2.1)
“En el contenido implementado con lenguaje de marcas que soporte las siguientes propiedades, no se pierde contenido o funcionalidad ni por configurarlas, ni por no cambiar ninguna otra propiedad de estilo:
• line height (line spacing): al menos 1.5 veces el tamaño de fuente
• espaciado debajo de los párrafos: al menos 2 veces el tamaño de fuente
• letter spacing (tracking): al menos 0.12 veces el tamaño de fuente
• word spacing: al menos 0.16 veces el tamaño de fuente Excepción: los lenguajes humanos y scripts que no hacen uso de una o más de estas propiedades del estilo del texto en los textos escritos, pueden usar solo las propiedades que existen para esa combinación de lenguaje y script. https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html
1.4.13 Contenido en hover o focus (Nueva WCAG 2.1)
Cuando un componente de la interfaz coge y luego pierde el foco, y esto genera un contenido que se hace visible y luego se oculta:
- El nuevo contenido es descartable sin mover el puntero o sin poner el foco sobre el mismo; a no ser que el contenido comunique un error de entrada de datos o no tape o no reemplace a otro contenido.
- Se puede hacer hover sobre el nuevo contenido sin que éste desaparezca.
- El nuevo contenido es persistente, es decir, sigue visible hasta que el hover o el focus cambian, el usuario lo descarta o su información ya no es válida. Excepto si la presentación visual del contenido adicional está controlada por el agente de usuario y no la modifica el diseño, por ejemplo, el tooltip generado por el atributo title.
https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html
Principio OPERABLE
Los componentes de la interfaz de usuario y la navegación deben ser operables.
2.4.5 Múltiples vías.
Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas web, excepto cuando la página es el resultado, o un paso intermedio, de un proceso. https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways.html
2.4.6 Encabezados y etiquetas.
Los encabezados y etiquetas describen el tema o propósito https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels
2.4.7 Visibilidad del foco.
Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el indicador del foco del teclado resulta visible https://www.w3.org/WAI/WCAG21/Understanding/focus-visible
Principio COMPRENSIBLE
La información y el manejo de la interfaz de usuario debe ser comprensible.
3.1.2 Idioma de las partes
El idioma de cada pasaje o frase en el contenido puede ser determinado por software, excepto los nombres propios, términos técnicos, palabras en un idioma indeterminado y palabras o frases que se hayan convertido en parte natural del texto que las rodea https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts
3.2.3 Navegación consistente.
Los mecanismos de navegación que se repiten en múltiples páginas web dentro de un conjunto de páginas web aparecen siempre en el mismo orden relativo cada vez que se repiten, a menos que el cambio sea provocado por el propio usuario. https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation
3.2.4 Identificación consistente.
Los componentes que tienen la misma funcionalidad dentro de un conjunto de páginas web son identificados de manera coherente https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification
3.3.3 Sugerencias ante error.
Si se detecta automáticamente un error en la entrada de datos y se dispone de sugerencias para hacer la corrección, entonces se presentan las sugerencias al usuario, a menos que esto ponga en riesgo la seguridad o el propósito del contenido. https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion
3.3.4 Prevención de errores (Legales, financieros, de datos).
Para las páginas web que representan para el usuario compromisos legales o transacciones financieras; que modifican o eliminan datos controlables por el usuario en sistemas de almacenamiento de datos; o que envían las respuestas del usuario a una prueba, se cumple al menos uno de los siguientes casos: 1. Reversible: El envío es reversible. 2. Revisado: Se verifica la información para detectar errores en la entrada de datos y se proporciona al usuario una oportunidad de corregirlos. 3. Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la información antes de finalizar el envío de los datos. https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-legal-financial-data
Principio ROBUSTO
El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de agentes de usuario, incluyendo las ayudas técnicas.
4.1.3 Mensajes de estado (Nueva WCAG 2.1)
En el contenido implementado en lenguajes de marcas, los mensajes de estado pueden ser determinados por software a través de su rol o propiedades, de tal modo que puedan ser presentados al usuario de productos de apoyo sin recibir el foco. https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html