Introducción a la accesibilidad web

¿Qué es la accesibilidad web?

Todos lo hemos sufrido en algún momento: el hastío esperando con una página web lenta, el dolor de cabeza producido por una fuente mal diseñada, o la desesperación de intentar navegar por una página inapropiada para los teléfonos móviles. Mientras que estos problemas suelen ser un pequeño inconveniente para nosotros, para la gente con discapacidad pueden restringir por completo el uso de internet.

La accesibilidad web es la necesidad de que los sitios web empleen herramientas y tecnologías desarrolladas para ayudar a la percepción, la comprensión, la navegación y la interacción de una persona con discapacidad por la página. Aplicar la accesibilidad puede parecer intimidante para aquellos que se están empezando a familiarizar con ella, pero es un elemento vital para la experiencia del usuario. La accesibilidad debería incluirse durante el desarrollo web y el proceso de diseño, en lugar de intentar actualizarlo todo como idea de última hora.

¿Por qué es tan importante la accesibilidad web?

Según un informe internacional sobre las discapacidades realizado por la Organización Mundial de la Salud (OMS) en 2011, el 15% de la población mundial posee algún tipo de discapacidad. Esto incluye discapacidades físicas, cognitivas y neurológicas. El índice de discapacidad irá en aumento debido al envejecimiento de la población y el incremento de las dolencias crónicas.

Las personas con discapacidad deberían poder disfrutar del mismo acceso a la información que el resto. Afortunadamente, existen tecnologías que permiten reducir o eliminar las barreras que dificultan su acceso al mundo digital. La disponibilidad de estas herramientas permiten asegurar que todos, independientemente de la edad o de las capacidades físicas y mentales, puedan usar internet y tener una buena experiencia de navegación.

Aparte de hacer de internet un lugar más inclusivo para todos, una buena estrategia de accesibilidad también tiene beneficios para los negocios. La accesibilidad es un componente de diseño y desarrollo que influye en casi cada uno de los elementos de la creación de una página web. Se solapa con los aspectos del diseño web para teléfonos móviles, la independencia del dispositivo, la interacción multimodo, la facilidad de uso, la optimización para motores de búsqueda (SEO) y mucho más. Las webs accesibles pueden tener resultados mucho mejores, reducir los costes de mantenimiento, aumentar el alcance de audiencia, y demostrar la responsabilidad social corporativa (CSR). Por lo tanto, tener un sitio web bien diseñado y accesible no solo permite que tu página esté disponible para aquellas personas con discapacidad, sino que también puede mejorar significativamente la experiencia del usuario para todos.

Estándares de accesibilidad

Las Pautas de Accesibilidad del Contenido Web (Web Content Accessibility Guidelines o WCAG en inglés) fueron desarrolladas por el Consorcio World Wide Web (W3C) con el propósito de establecer una serie de reglas generales compartidas que regulasen los  criterios de la accesibilidad del contenido digital para hacer las páginas web, los dispositivos, etcétera, accesibles para los usuarios con discapacidad. El contenido bajo las directrices de la WCAG hace referencia al contenido web, es decir, la información de una página o aplicación web que incluye:

• Información natural como texto, imágenes y sonidos.
• Código o anotaciones que definen la estructura, presentación, etcétera.

Hay dos versiones de la WCAG en uso hoy en día: WCAG 2.0, que fue publicada en 2008 y se convirtió en estándar ISO en 2012, y WCAG 2.1, que fue publicada en 2018. Todos los requisitos («criterios de éxito») de la versión 2.0 están incluidos en la 2.1 junto a algunos criterios adicionales en esta última. Sin embargo, las pautas son retrocompatibles, lo que significa que el contenido que conforma la WCAG 2.1 también conforma la WCAG 2.0.

La WCAG forma las bases de la mayoría de la legislación sobre la accesibilidad en todo el mundo. Legislaciones como el Título III de la Ley sobre los Americanos con Discapacidades (ADA), o la Ley sobre Accesibilidad para ciudadanos de Ontario con Discapacidad (AODA), etcétera, adoptan el WCAG en nivel AA como estándar mínimo de conformidad. Algunos países incluyen referencias indirectas a la WCAG, como el Estándar Europeo EN 301 549 para la Directiva de Accesibilidad Web en la Unión Europea, que no declara explícitamente la adopción de la WCAG, pero incluye todos los requisitos de sus directrices.

Los criterios de éxito de la WCAG se categorizan en tres niveles de conformidad:

• Nivel A. Cubre los requisitos más básicos de las características de accesibilidad y es el grado mínimo que debe ser satisfecho. No cumplir este nivel implica que la web es completamente inaccesible.
• Nivel AA. Este nivel hace referencia a algunas de las barreras de acceso más habituales para las personas con discapacidad. Es el nivel más alto de cumplimiento requerido por la mayoría de las webs ya que se asegura de que las barreras de accesibilidad más grandes quedan eliminadas.
• Nivel AAA. Es el nivel más alto de accesibilidad bajo la WCAG y es más difícil de conseguir para la mayoría de las páginas. Llegar a este nivel es deseable, pero no completamente necesario.

Los 4 principios de la accesibilidad

Los principios de la accesibilidad web son los cimientos del contenido producido para las páginas y para cualquiera que quiera utilizarlas. Estos principios se conocen por sus siglas en inglés POUR, un acrónimo que describe la accesibilidad funcional:

• Perceptible. La capacidad de percibir se refiere a la información y los elementos de la interfaz de usuario que deben aparecer de tal forma que puedan ser percibidos por los sentidos y no haya nada indetectable o invisible. Para la mayoría de los usuarios, la percepción se basa principalmente en la visión, pero para aquellos que no pueden, el sonido y el tacto son los utilizados.
• Operable. Los elementos interactivos de la interfaz como son controles, botones, navegación y demás deberían ser operables. Esto significa que el usuario debe ser capaz de utilizar dichos elementos identificándolos en primer lugar, y, para la mayoría, haciendo click, pulsando con el dedo o deslizando, todo ello de forma física. Para aquellos que no puedan hacerlo así, existen los comandos de voz o el uso de otros dispositivos de asistencia como la «head wand», que es una vara fijada a la cabeza, o un programa de seguimiento ocular.
• Comprensible («Understandable»). Esto significa que la tecnología debería ser clara y consistente en presentación y formato, con patrones predecibles de uso y diseño. Los usuarios finales no deberían tener problemas para entender el significado y propósito de la información presentada en el contenido mientras que identifican el flujo de usuario y el funcionamiento de la interfaz.
• Robusto. La robustez es la habilidad que presenta el contenido de funcionar adecuadamente gracias a una amplia variedad de tecnologías, incluyendo los dispositivos de asistencia.

La falta de uno de estos cuatro principios hará, por tanto, que la web sea inaccesible para usuarios con discapacidad.

Componentes de la accesibilidad web

La accesibilidad web es un aspecto que cubre cada uno de los elementos de una página. Los diferentes componentes de dicha página deberían estar interconectados y complementarse unos a otros para crear una web que sea funcional y esté disponible para el beneficio de aquellas personas con discapacidad. Estos componentes incluyen:

• Contenido. El contenido comprende la información de una página o aplicación web, como son los textos, imágenes y sonidos; o el código, comandos o anotaciones que definen la estructura, presentación, etcétera de un sitio web.
• Agentes de usuario. Estos son los buscadores web tanto en ordenador como en teléfono móvil, los reproductores de contenido multimedia, los «plug-ins», tecnología de asistencia y otro tipo de software que actúe por parte del usuario.
• Herramientas de autor. Es el software que crea páginas web como editores de códigos, sistemas de gestión de contenido, blogs, etcétera.
• Herramientas de evaluación. Ayudan a revisar la efectividad de tus atributos de accesibilidad y a hacer un seguimiento de tus esfuerzos por mejorar.

Ejemplos de accesibilidad web

Añadir texto alternativo a las imágenes: esto se puede hacer añadiendo una descripción de la foto en las anotaciones o el código (img alt='Logo de Addaw'). El texto alternativo se utiliza con lectores de pantalla y otras tecnologías de asistencia que leen la información de las imágenes en voz alta para personas con discapacidad visual. Un texto alternativo también beneficia a los usuarios de la página que tienen las imágenes desactivadas por un ancho de banda bajo, por ejemplo, así como resultar otro recurso para la optimización de motores de búsqueda. Un texto alternativo debe ser corto y descriptivo.

Ejemplo de un texto alternativo bueno y otro malo

• Malo: Una foto de cachorros
• Bueno: Tres cachorros de labrador sentados en una cesta

Para imágenes que son puramente decorativas, se recomienda utilizar un texto alternativo vacío (img alt='').

Asegurar las funcionalidades del teclado: para personas con problemas de movilidad, problemas en la motricidad fina o incluso los que tengan discapacidades temporales como dedos rotos, utilizar un ratón para navegar puede ser complicado. Por lo tanto, tienen que poder utilizar una página web por otros medios, como un teclado. Para los sitios web accesibles, todas las funcionalidades están disponibles a través de un teclado. Los usuarios pueden moverse por el contenido o utilizar tecnología de asistencia que imite los patrones de navegación de un teclado.

Proporcionar transcripciones del audio: para aquellos con problemas auditivos, los archivos de audio como pistas de sonido, podcasts o incluso los vídeos son inaccesibles. Ofrecer una transcripción del contenido de audio les permite consumir este contenido.

Cómo crear una página web accesible

La accesibilidad se basa en la colaboración de los componentes previamente mencionados. Hay algunas pautas básicas sobre cómo asegurarse de que la interfaz y el desarrollo de tu página se crean en ese sentido.

Los siguientes principios que describen soluciones de accesibilidad se desarrollan y son el referente de la Iniciativa por la Accesibilidad Web del W3C (WAI por sus siglas en inglés), de acuerdo con los estándares de la WCAG.

1. Texto alternativo. Se utiliza para transmitir el contexto y propósito del contenido visual. Los textos alternativos transforman la información de contenido visual a texto digital que puede ser presentado de forma que se ajuste mejor a los requerimientos del usuario. Algunos ejemplos incluyen las grabaciones de texto leído en voz alta, aumento del tamaño del texto, o que el texto sea leído en un dispositivo braille.
2. Proporcionar transcripciones del texto y subtítulos para contenido de audiovisual. Mientras que los archivos multimedia proporcionan a los usuarios una experiencia más rica y variada en la web, pueden resultar limitante para aquellos con deficiencias visuales o auditivas. Ofrecer transcripciones y subtítulos para este tipo de contenido, tales como la grabación de una entrevista de radio o añadir a un intérprete de lengua de signos puede ayudar a superar estos factores.
3. Presentación del contenido. Debería aparecer en diferentes formatos y los usuarios deberían de ser capaces de cambiar entre un tipo de presentación y otro. Algunos ejemplos de presentación múltiple de contenido incluyen ofrecer opciones para que el contenido se lea en voz alta, mostrar el contenido con combinaciones de color personalizables, usar contrastes de corrección de color, o crear contenido adecuado para los teléfonos móviles.
4. Evitar el contenido que desaparezca rápidamente, tenga un tiempo limitado, o se reproduzca de forma automática. La percepción y comprensión del contenido no son iguales para todo el mundo. Algunos usuarios necesitan más tiempo para leer instrucciones, escribir o completar alguna tarea en una página web. Lo ideal sería preocuparse en ajustar los elementos críticos de una web para utilizar contenido dinámico que no se interrumpa, se pause, parpadee o se desplace solo. Las animaciones o imágenes de luces parpadeantes también pueden resultar perjudiciales para personas fotosensibles, así que este tipo de contenido debería procurar evitarse o, en caso de que no sea posible, habría que mostrar de forma previa a su reproducción un aviso sobre la naturaleza de dicho contenido.
5. Navegación accesible. La navegación es un elemento esencial de la experiencia del usuario, así que crear un sitio web con contenido bien organizado puede proporcionar a las personas con discapacidad una oportunidad igualitaria de experimentar a fondo la web basándose en sus necesidades. Uno de los aspectos más importantes a tener en cuenta sobre la navegación accesible es comprender cómo los usuarios interactúan con las estructuras de la página web como la estructura jerárquica de los menús, las cajas de búsqueda, la distribución, etcétera.
6. Hacer el contenido legible y comprensible en todos los formatos en los que se presente. El nivel de comprensión del texto debería presentarse de forma que satisfaga a la audiencia más amplia posible, de forma que sea inclusiva para aquellos con dificultades en el aprendizaje o limitaciones cognitivas. Proporcionar medidas que se aseguren de que los usuarios son ayudados a evitar y corregir errores son también esenciales. Esto puede resultar de ayuda para aquellas personas que no ven u oyen el contenido, o que no sean capaces de reconocer las relaciones implícitas, secuencias o señales de los elementos web.
7. Tener contenido que aparezca y funcione de forma predecible. Asegurarse de que el contenido de la página web sigue tiene una interfaz y unos patrones predecibles y consistentes puede ayudar a los usuarios a aprender a navegar por la página rápidamente, y así lograr ciertos objetivos que se propongan.
8. Incluir una declaración de accesibilidad.  Así demuestras tu compromiso con el esfuerzo que realizas en accesibilidad web a tus clientes e interesados en tu web. Una declaración de accesibilidad debería incluir las pautas y estándares que tu web sigue incluyendo el nivel propuesto de accesibilidad, información de contacto en caso de que los visitantes se encuentren con algún problema en la accesibilidad de la página, y una nota informativa sobre cualquier excepción a estos estándares basada en la limitación del sitio web. 

Preguntas más frecuentes (FAQs)

¿Quién se beneficia de la accesibilidad web?

Todos nos beneficiamos de ella. Aparte de permitir a personas con discapacidad acceder a la web, muchos estándares de accesibilidad web coinciden con las buenas prácticas de SEO. Por ejemplo, las Directrices del Webmaster de Google describen prácticas tales como asegurar atributos de título y descripción alternativa, comprobación de HTML correcto, y ofrecer un mapa de la web a los usuarios. Todas estas, y muchas más, son también importantes para la accesibilidad web. Esta también mejora la experiencia de usuario y la garantía de calidad. La accesibilidad significa crear un sitio web que proporcione una buena experiencia para todos, independientemente de cómo naveguemos por internet. Cuando aseguras una buena experiencia para usuarios con discapacidad, puedes confiar en que la experiencia y calidad general de tu web mejorará.

¿Es la accesibilidad web un requisito legal?

Sí. Muchos países tienen legislación sobre la accesibilidad web vigente, ya sea referente al WCAG o con los estándares basados en ella.

¿Cómo sé si mi página web cumple con la legislación vigente?

La accesibilidad web está bajo la legislación del Estándar Europeo EN 301 549 para la Directiva de Accesibilidad Web en la Unión Europea, que establece que el acceso igualitario a la información y servicios debe estar disponible en todas las áreas dirigidas al público (hoteles, colegios, restaurantes, gimnasios, tiendas, librerías, médicos, etcétera). Las páginas web se consideran lugares públicos y cualquier barrera para acceder a ellos es una violación de la ley. 

¿Me pueden denunciar si mi página web no es accesible?

Sí. Si tu país tiene directrices específicas sobre la accesibilidad web, no proporcionar una web accesible puede acabar en juicio. En 2020, unos hubo más de 3000 litigios en EEUU por la violación de su ley vigente, la ADA. Evita cualquier acción legal contra tu página implementando una buena accesibilidad web lo antes posible. Si quieres saber si tu empresa debe ser accesible visita nuestro articulo dedicado a ello 'Quienes deben cumplir con la normativa de accesibilidad'.

Iris García García

Redactora, correctora y traductora de textos con buenas nociones de ofimática e informática en general. Son tres especialidades que me permiten estar en continuo aprendizaje porque el lenguaje no deja de evolucionar, y eso es algo hermoso.