Accesibilidad

Introducción a la accesibilidad

La accesibilidad es el grado en que las personas pueden hacer uso de un objeto, visitar un lugar o acceder a un servicio, en concreto, la accesibilidad web es la capacidad de acceso a la web y a sus contenidos independientemente capacidades visuales, auditivas, cognitivas o motrices e independientemente de la tecnología que utilizan.

El cumplimiento de los requisitos de accesibilidad nos beneficia a TODOS.

"El poder de la web está en su universalidad. Que todo el mundo pueda acceder, sin importar si se tiene o no una dispacidad, es un aspecto esencial"

Accesibilidad en la web

El máximo organismo establecido dentro de la jerarquía organizativa de Internet que se encarga de promover la accesibilidad web es el W3C (World Wide Web Consortium) y de forma más específica el grupo de trabajo formado en especial para tratar los aspectos de la accesibilidad web que es la WAI (Web Accessibility Initiative).

La versión 1.0 de las pautas de accesibilidad web (WCAG) fueron publicadas por la WAI en 1999. Dichas pautas han ido convirtiéndose con el tiempo en un referente internacionalmente aceptado. Dichas pautas fueron evolucionando y dieron lugar a la WCAG 2.0 que en diciembre de 2008 fueron aprobadas como recomendación oficial. Actualmente se deben seguir las WCAG 2.1, publicadas en junio de 2018.

Las pautas de accesibilidad web se dividen a su vez en tres unidades organizativas:

Pautas de Accesibilidad al Contenido en la Web (WCAG). Dichas pautas están dirigidas a los webmasters e indican de que forma se han de hacer los contenidos web para que estos sean accesibles. Los webmasters es la persona responsable de la creacion y mantenimiento de la web.
Pautas de Accesibilidad para Herramientas de Autor (ATAG). Están dirigidas a los desarrolladores del software que usan los webmasters con el objetivo de que este software específico facilite la creación de sitios web accesibles.
Pautas de Accesibilidad para Agentes de Usuario (UAAG). Estas pautas van dirigidas a los desarrolladores de Agentes de Usuario que no son mas que los navegadores de Internet (Explorer, Safari, Firefox, Chrome, Opera, etc.) que usa cada usuario para que dichos navegadores faciliten a todos los usuarios el acceso a los sitios web.

Son necesarias dos partes para generar y publicar contenidos accesibles:

El Gestor de Contenidos debe estar desarrollado y configurado con opciones que permitan generar y publicar contenidos accesibles (creación de plantillas, proporcionar textos alternativos, crear listas, tablas, encabezados...).
Los Editores de contenidos web deben estar formados y concienciados para hacer un correcto uso de esas opciones proporcionadas por el Gestor de Contenidos.

Tipos de limitaciones

Se pueden dar limitaciones físicas y tecnológicas.

Físicas:

Visuales: tales como la ceguera, la baja visión, el daltonismo, etc.
Motrices: se identifican en la web como las que presentan dificultad o imposibilidad de usar las manos (lentitud, temblores, malformaciones, etc.)
Auditivas: en personas que presentan deficiencias auditivas o sordera.
Cognitivas: en personas que presentan deficiencias que afectan a la memoria, a la atención, dificultad para desarrollar habilidades lógicas, etc.

Tecnológicas:

Ancho de banda de acceso.
Diferentes dispositivos.

Requisitos de accesibilidad

Los requisitos de accesibilidad para los sitios web se establecen en la norma UNE-EN 301 549:2019. Esta norma recoge la Web Content Accesibility Guidelines 2.1 (WCAG 2.1).

Estas pautas de accesibilidad web son tecnológicamente neutras, pudiéndose aplicar a cualquier tecnología. Redactadas de forma que cualquier persona, tenga un perfil tecnológico o no, pueda entendarlas, también se facilita un resumen resumido en "WCAG 2.1 de un vistazo".

En cuanto a los requisitos de accesibilidad para las Administraciones Públicas, están marcados a través del Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público , aprobado a propuesta de los Ministerios de Política Territorial y Función Pública, Economía y Empresa, Sanidad, Consumo y Bienestar Social, traspone al ordenamiento jurídico español la Directiva (UE) 2016/2102 del Parlamento Europeo y del Consejo, de 26 de octubre de 2016, sobre la accesibilidad de los sitios web y aplicaciones para dispositivos móviles de los organismos del sector público.

¿Qué obligaciones tienen las instituciones responsables de sitios web?

Cumplir los requisitos para la accesibilidad
Declaración de accesibilidad
Mecanismo de accesibilidad: sugerencias y quejas
Revisiones de cumplimiento: informes de revisión de accesibilidad
Designar o colaborar con la Unidad responsable de accesibilidad
Comunicar al Ministerio cuál es la URA
Tres informes anuales:
1. Informe sobre atención de quejas y reclamaciones
2. Informe de seguimiento del cumplimiento de los requisitos e accesibilidad junto con los “Informes de Revión de la Accesiilidad” que se hayan realizado en este periodo.
3. Informe de seguimiento sobre la promoción, concienciación y formación.
Fomentar las actividades de promoción, concienciación y formación.

Herramientas de validación

Entre las muchas herramientas que podemos encontrar, recomendaríamos:

Web Developer Toolbar: Permite comprobar la alternativa textual de las imágenes, el título de los enlaces, el título de las tablas, etc.
Headingsmap: HeadingsMap es una extensión gratuita para los navegadores web Chrome y Firefox. Únicamente muestra la estructura de página (encabezados)
Colour Contrast Analyser: Es una herramienta gratuita disponible para Windows y Mac, que permite la comprobación del contraste entre dos colores, utilizando las reglas definidas en las WCAG 2.1.
Inspector de código del navegador

Recomendaciones para accesibiidad Web

Inclusión de imágenes

A la hora de incluir una imagen en una página web hay que tener en cuenta fundamentalmente los siguientes conceptos:

Texto alternativo de la imagen
Tamaño y formato de la imagen
Contraste de los colores incluidos en la imagen

Abrir nuevas ventanas y pestañas desde un enlace

La recomendación de la w3c es que se use sólo en casos donde sea necesario. Sin embargo, es una recomendación, no una obligación y se puede añadir una anotación en los enlaces que ponga "Se abre en una ventana nueva", como hacen, por ejemplo, en el Observatorio de Accesibilidad.

Para incluir, debemos modificar el title de la etiqueta a que contiene el enlace y, dentro de dicha etiqueta poner el icono indicativo. Por ejemplo:

<a title="Título del enlace (Abre en nueva ventana)" href="URL" target="_blank">Título del enlace<i class="fas fa-external-link-alt"></i></a>

Título del enlace

Definición de encabezados o títulos de páginas

Cada página debe contener los encabezados que identifiquen las diferentes secciones que lo componen, debiendo tener una estructura jerárquica, sin que se produzcan saltos en los niveles identificados y sin incluir encabezados vacíos.

Inclusión de ficheros adjuntos

En cuanto a la inclusión de ficheros adjuntos en la web, se recomienda:

Usar estándares abiertos o de uso generalizado como odt, pdf, xml, docx, xlsx, etc.
Optimizar el tamaño del fichero, siendo siempre el menor posible.
Todos los documentos incluidos deben ser accesibles. Guía rápida sobre accesibilidad en pdfs y documentos ofimáticos.
Indicar en el texto del enlace, en el título, o de otro modo, el formato del archivo.
Incluir un resumen en HTML.

Estilo visual

No debes usar estilos desaconsejados, tachados y subrayados, ni tampoco generar párrafos vacíos para simular espacios en blanco.
Al pegar texto externo, lo ideal es que se realice esta operación, generando directamente el contenido, pero en caso de que sea costoso en tiempo, es recomendable que pegues previamente el contenido en un editor de texto plano como el “Bloc de notas” o bien, pegarlo en el gestor de contenido seleccionando previamente "Pegar como Texto Plano".