Accesibilidad web: WCAG 2.0 y WCAG 2.1

Pautas de accesibilidad al contenido web (WCAG 2.0)

¿Qué norma establece los requisitos de accesibilidad web?

Para llevar a cabo la accesibilidad web tanto en WordPress como en cualquier sitio Web o en cualquier dispositivo, existe una norma específica que se encarga de eso.

Por un lado, el organismo que se encarga del desarrollo y difusión de las normas técnicas en España es la Asociación Española de Normalización y Certificación (AENOR). La Norma UNE 139803:2012, es la que establece los requisitos de la accesibilidad para los contenidos web. Esta norma fue aprobada por AENOR en julio de 2012.

Por otro lado, el 15 de octubre de 2012, el  W3C y la Organización Internacional para la Estandarización (ISO), aprobaron las WCAG 2.0 como estándar internacional. (ISO/IEC 40500:2012)

¿Cómo cumplimos esa norma?

La norma anteriormente mencionada (UNE 139803:2012), está basada en las WCAG 2.0. (Web Content Accesibility Guidelines), que traducido al español sería Pautas de accesibilidad al Contenido Web, que contiene cuatro principios básicos.

Principios de las WCAG 2.0

Perceptible: La información se debe mostrar de manera que podamos percibirla, que nos llegue a través a través de los sentidos, princialmente, los oídos y la vista.

Operable: La navegación debe ser manejable, es decir, se puede navegar por la web usando un ratón, un teclado o un dispositivo de apoyo.

Comprensible: El contenido es claro y fácil de interpretar, sin dar lugar a confusiones.

Robusto: Cuando el contenido y la navegación es interpretado por los navegadores y las tecnologías de apoyo.

Estos 4 principios están compuestos por 12 directrices o pautas. Cada principio tiene varias pautas. El primer principio, (Perceptible), tiene 4 pautas.

Pauta 1.1: Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

Pauta 1.2: Medios tempodependientes. Proporcionar alternativas para los medios tempodependientes.

Pauta 1.3: Adaptable. Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura.

Pauta 1.4: Distinguible. Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

El segundo principio (Operable) contiene 4 pautas.

Pauta 2.1: Accesible por teclado. Proporcionar acceso a toda la funcionalidad mediante el teclado.

Pauta 2.2: Tiempo suficiente. Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

Pauta 2.3: Convulsiones. No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.

Pauta 2.4: Navegable. Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

El tercer principio (Operable) está formado por 3 pautas:

Pauta 3.1: Legible. Hacer que los contenidos textuales resulten legibles y comprensibles.

Pauta 3.2: Predecible. Hacer que las páginas web aparezcan y operen de manera predecible.

Pauta 3.3: Entrada de datos asistida. Ayudar a los usuarios a evitar y corregir los errores.

El cuarto y último principio (Robusto), sólo tiene una pauta:

Pauta 4.1: Compatible. Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

Cada pauta contiene X criterios de cumplimiento, son 61 en total, que sirven como complemento y ayuda para las situaciones en las que existan requisitos y necesidad de evaluación de las WCAG 2.0.

Para cumplir con las necesidades de los diferentes grupos, existen tres niveles de Conformidad:

Nivel A, es el nivel bajo. Para lograr conformidad con el Nivel A (el mínimo), la página web satisface todos los Criterios de Conformidad del Nivel A,u ofrece una versión alternativa conforme al Nivel A.

Nvel AA, es el nivel medio. Para lograr conformidad con el Nivel AA, la página web satisface todos los Criterios de Conformidad de los Niveles A y AA, u ofrece una versión alternativa conforme al Nivel AA

Nivel AAA es el nivel alto. Para lograr conformidad con el Nivel AAA, la página web satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, u ofrece una versión alternativa conforme al Nivel AAA.

Además se especifica que:

  • El nivel de conformidad es para páginas completas (lo cual incluye HTML, CSS, JavaScript, elementos incrustados como Flash, vídeos, etc.) y no para partes de una página.

 

  • Cuando varias páginas forman una serie (proceso completo) que es necesario completar en orden para realizar una acción (por ejemplo, un formulario con varios pasos) todas las páginas en ese proceso deben ser conformes con el nivel especificado o uno superior. No es posible lograr conformidad con un nivel en particular si una de las páginas del proceso no cumple con el nivel correspondiente.

 

  • Uso de las tecnologías de modo compatible con la accesibilidad. Se entiende que una tecnología  no es compatible con la accesibilidad si la tecnología no la soporta o está desactivada. La información o las funcionalidades implementadas con tecnologías no compatibles con la accesibilidad deberán estar disponibles de una forma que sí sea compatible con la accesibilidad. Este requisito permite utilizar tecnologías usadas de forma no accesible siempre y cuando no se dependa de ellas. Es decir, la página web puede ser conforme, si existen alternativas accesibles para el contenido que se incluye con tecnologías no accesibles. (versión alternativa de HTML de PDF no accesible).

 

  • Sin interferencia: si en una página se usa una tecnología que no es compatible con la accesibilidad o bien una que sí lo es pero usada de forma no compatible, (por ejemplo, un PDF no accesible) no debe impedir a los usuarios acceder al contenido del resto de la página. Además, es necesario que la página web siga cumpliendo con los requisitos de conformidad, cuando cualquier tecnología de la que no se depende esté activada o desactivada en los agentes de usuario, (lectores o de pantalla o navegadores en braille).

 

¿Qué es una versión alternativa conforme?

Una versión alternativa conforme es aquella que cumple con el nivel designado, proporciona la misma información y funcionalidad en el mismo idioma, se mantiene actualizada con la misma frecuencia que el contenido no conforme y se pueda acceder por un mecanismo compatible con la accesibilidad. Las versiones alternativas no deben confundirse con contenidos complementarios, que son los que sirven de apoyo a la página original.

Técnicas para las WCAG 2.0

Las técnicas para las WCAG 2.0 , se clasifican en: Tecnicas suficientes y técnicas recomendables, que ayudan a mejorar lo que se establece en los criterios.

Las técnicas son muchas, muchísimas, y están perfectamente descritas. Se agrupan en un total de 9 categorías, en función de la vertiente a la que se refieren:

WCAG. 2.1

El 7 de diciembre 2017, se publicó el último borrador antes de publicar la versión candidata a recomendación en enero de 2018:

Los criterios que hay actualmente, son 20:

  • 1.3.4 Identify Common Purpose (AA)
  • 1.3.5 Contextual Information (AAA)
  • 1.4.10 Reflow (AA)
  • 1.4.11 Graphics Contrast (AA)
  • 1.4.12 Text Spacing (AA)
  • 1.4.13 Content on Hover or Focus (AA)
  • 2.2.6 Accessible Authentication (A)
  • 2.2.7 Interruptions (minimum) (AA)
  • 2.2.8 Timeouts (AAA)
  • 2.2.9 Animation from Interactions (AAA)
  • 2.4.11 Character Key Shortcuts (A)
  • 2.4.12 Label in Name (A)
  • 2.5.1 Pointer Gestures (A)
  • 2.5.2 Pointer Cancellation (A)
  • 2.5.3 Target Size (AA)
  • 2.5.4 Target Size (mejorado) (AAA)
  • 2.5.5 Concurrent Input Mechanisms (AAA)
  • 2.6.1 Motion Actuation (A)
  • 2.6.2 Orientation (AA)
  • 3.2.7 Status Changes (AA)

Actualización: Enero de 2018

A finales de enero de 2018, la versión candidata a recomendación de las WCAG 2.1, ha actualizado los criterios a 17.

    • 1.3.4 Identify Common Purpose (AA)
    • 1.3.5 Contextual Information (AAA)
    • 1.4.10 Reflow (AA)
    • 1.4.11 Graphics Contrast (AA)
    • 1.4.12 Text Spacing (AA)
    • 1.4.13 Content on Hover or Focus (AA)
    • 2.2.6 Accessible Authentication (A)
    • 2.2.7 Interruptions (minimum) (AA)
    • 2.2.6 Timeouts (AAA)
    • 2.2.7 Animation from Interactions (AAA)
    • 2.4.11 Character Key Shortcuts (A)
    • 2.4.12 Label in Name (A)
    • 2.5.1 Pointer Gestures (A)
    • 2.5.2 Pointer Cancellation (A)
    • 2.5.3 Target Size (AA)
    • 2.5.4 Target Size (mejorado) (AAA)
    • 2.5.4 Concurrent Input Mechanisms (AAA)
    • 2.6.1 Motion Actuation (A)
    • 2.6.2 Orientation (AA)
    • 3.2.6 Status Changes (AA)

 

Actualización: Abril de 2018

Versión WCAG 2.1 (Proposed Recommendation ) de 24/04/18

Se siguen manteniendo esos 17 criterios, pero están reorganizados. El índice contiene errores, pero yo los he puesto corregidos.

 

Actualización: Junio de 2018.

Las WCAG 2.1 ya son recomendación.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *