Accesibilidad Web

La accesibilidad web31 _{es, según el Consorcio Internacional de la web (W3C), la}

posibilidad de que personas con discapacidad puedan “percibir, entender, navegar e interactuar con la web”. La accesibilidad no solo va dirigida a las personas con algún tipo de discapacidad, sino que también “beneficia a gente mayor con problemas en sus habilidades propias de la edad”. Se trata por tanto de facilitar en lo posible el uso de la red a personas con discapacidades de todo tipo, ya sean “visuales, auditivas, físicas, de habla, cognitivas e incluso neurológicas”.

Con este objetivo, surgen las Pautas de Accesibilidad para el Contenido Web32 (WCAG), dirigidas a lograr una mayor accesibilidad de la web para cualquier tipo de usuario. Las últimas pertenecen a la WCAG 2.0 que pasan a sustituir a las WCAG 1.0 elaboradas en 1999. A continuación se desarrollarán aquellas que se consideren más importantes, a la vez que se dan ideas para su implantación óptima:

 Proporcione alternativas textuales a los contenidos sonoros y visuales. Ya sea una grabación de audio, un video o una imagen, incorpore un texto descriptivo que favorezca el entendimiento del contenido para personas con problemas auditivos y/o visuales, ya sea en forma de subtítulos (video) o a través de una descripción en el pie

31_{«Introduction to Web Accessibility». 2015. W3. http://www.w3.org/WAI/intro/accessibility.} 32 _{«Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0». 2008. Sidar. diciembre 11.} http://www.sidar.org/traducciones/wcag20/es/.

40

de página (imágenes). En concreto, si va a introducir un código de tipo captcha33 _en

su web, cerciórese de que ofrece una alternativa de tipo sonoro.

 Proporcione textos y contenidos adaptables para que puedan presentarse en formatos más simples y claros sin que ello supongo la pérdida de significado o coherencia. Para ello incorpore la alternativa de visualizar la página en formato “solo texto” o a través de una navegación por voz, de forma que en ningún caso se produzca un desajuste y pérdida de estructura del mismo. La clave está en configurar el texto de forma correcta en el código HTML.

 Facilite a los usuarios visualizar y/o escuchar el contenido de forma más clara. - Ajustando los tonos de colores de forma que no se solapen

- Tratando de no fundamentar la información en el uso del color, aportando siempre una descripción escrita de aquellos elementos donde sea imprescindible el color para la comprensión del mismo.

- Dando la opción de visualizar las imágenes y el texto a un tamaño más grande, optimizando en todo momento la presentación del texto: ajuste a pantalla completa, posibilidad de ver el texto sin justificar, uso de un espaciado coherente entre líneas y párrafos (al menos 1,5 entre líneas y 3 entre párrafos)…

- Ajustando el contraste de los textos, que deben presentar al menos a una relación 5:1 para textos normales y 3:1 para textos grandes.

- En el caso de contenidos de video o audio, introduciendo reproductores que incluyan la capacidad de regular el volumen, pausar la reproducción…

- Resumiendo contenido en tablas.

- Usando encabezados que describan el contenido de los textos.

- Presentando los contenidos con hojas de estilo34 para facilitar el tratamiento del texto.

 Incorpore una interfaz de teclado que permita acceder a todas las funcionalidades de la web. De esta forma, a través de un teclado externo o a través de aplicaciones con entrada de teclado simulada (intérpretes de escritura manual o

33 _{«Captcha». 2015. Wikipedia - La enciclopedia libre. http://es.wikipedia.org/wiki/Captcha.}

41

aplicaciones de reconocimiento de voz) tiene que permitir la navegación por todas las categorías de la página.

 La interfaz de la página debe permitir un manejo y un acceso a la información comprensible y sencilla.

- Identificando el idioma utilizado y adaptándolo a otras lenguas, tanto de forma escrita como a través de simuladores de voz.

- Introduciendo hipervínculos u otros mecanismos para palabras o frases de uso inusual o restringido, como expresiones idiomáticas o de jerga.

- Identificando abreviaturas, ya sea entre paréntesis o a través de otros mecanismos (como hipervínculos)

- Manteniendo un estructura de navegación coherente, que no modifique la disposición de los diferentes elementos de la página ni su orden relativo.

- Identificando errores en la introducción de datos, dando instrucciones o etiquetas que muestren los requerimientos a cumplir, incluyendo posibles sugerencias. - Dando un tiempo suficiente para el uso del contenido mostrado, avisando en todo

caso del tiempo que queda disponible.

 El contenido mostrado debe ser compatible con una amplia variedad de dispositivos de usuario.

- Pudiendo ser accesible a través de distintos navegadores, independientemente de qué versión se trate.

- Permitiendo acceder al contenido a través de distintos dispositivos: ratón, teclado, voz…

 Los contenidos mostrados no deben producir más de tres destellos en un segundo. Si no se controla puede derivar en ataques epilépticos y convulsiones. Para lograrlo35:

- Reduzca el contraste de aquellos contenidos que sean más brillantes. - Evite los rojos saturados.

- Disminuya la velocidad de las imágenes mostradas para reducir los destellos rápidos.

35 _{«How to Meet WCAG 2.0». 2015. W3. http://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-does-} not-violate.

42

- Establezca límites de destellos en su contenido multimedia (especialmente videos).

 Utilice herramientas que valoren la accesibilidad de su sitio web, para así detectar qué elementos faltan por introducir o cuáles requieren cambios. W3C propone una serie de métodos de evaluación36 para valorar la accesibilidad de su página.

Para que la página web sea considerada conforme a los estándares WCAG 2.0. han de satisfacerse unos niveles de conformidad, que vendrán definidos en función de las pautas verificadas y de la prioridad de las mismas. Hay tres niveles de conformidad de menos a más completas: A, AA y AAA. Cada uno de los niveles se consigue tras verificar que todas las pautas de su categoría se cumplen. De esta forma, una página web con una verificación AAA determina que la página satisface la totalidad de los criterios de conformidad, tanto los de prioridad 1, como los de prioridad 2 y 3.