Según las últimas estimaciones de la Organización Mundial de la Salud, más de mil millones de personas en todo el mundo viven con algún tipo de discapacidad.
De estos 1.000 millones, alrededor del 60% vive en un hogar que utiliza Internet con frecuencia. En otras palabras, puede haber hasta 600 millones de usuarios de Internet con alguna discapacidad.
Sea cual sea el sector, es muy probable que entre el público de tu web haya usuarios con diversas limitaciones o discapacidades.
Por eso es importante asegurarse de que todos los usuarios puedan navegar y utilizar tu web como está previsto, sin dificultades. Aquí es donde entra en juego la accesibilidad web.
Pero, ¿qué es exactamente la accesibilidad de una web? En este artículo trataremos de dar la respuesta y explicaremos con detalle por qué es tan importante la accesibilidad web y cómo puedes comprobar la accesibilidad de tu página web.
¿Qué es la accesibilidad web?
La accesibilidad web es un conjunto de buenas prácticas implementadas en el proceso de diseño web que tienen como objetivo hacer que una página web sea más fácil e intuitiva de usar para personas con discapacidades o limitaciones visuales, auditivas, motoras o cognitivas.
En otras palabras, el propósito de la accesibilidad web es garantizar que los usuarios con dichas limitaciones puedan tener la misma experiencia en una web que aquellos que no tienen limitaciones.
Optimizar una página web para que sea accesible suele implicar una serie de principios de diseño y herramientas especiales de accesibilidad que, idealmente, deberían implantarse en la propia web durante su diseño y desarrollo.
Sin embargo, incluso las páginas web que se diseñaron originalmente sin tener en cuenta las mejores prácticas de accesibilidad pueden hacerse accesibles.
Por ejemplo, optimizar una web para hacerla accesible suele implicar asegurarse de que es compatible con lectores de pantalla, una herramienta de la que suelen depender muchos usuarios con problemas de visión para navegar por la web.
¿Cuál es el standard de accesibilidad web?
El standard de accesibilidad web se detalla en las Web Content Accessibility Guidelines (WCAG), redactadas por primera vez por World Wide Web Consortium (W3C) en 1998.
Al igual que otras normas de Internet desarrolladas por el W3C, las WCAG son un conjunto de reglas, recomendaciones y buenas prácticas reconocidas internacionalmente para implementar la accesibilidad web.
De hecho, la mayoría de las legislaciones internacionales que establecen las normas legales de accesibilidad web en los distintos países hacen referencia directa a las WCAG o simplemente toman prestadas sus recomendaciones.
Las WCAG establecen criterios de accesibilidad específicos para el contenido de una web, que define tanto como el contenido presentado al usuario (interfaz, texto web, imágenes, etc.) como el contenido «oculto» que compone la web, es decir, el código y el marcado de la web.
Estos criterios de accesibilidad se han dividido informalmente en cuatro categorías o, mejor dicho, principios. Cada uno de estos principios regula un área específica de la experiencia del usuario en la que un usuario con ciertas discapacidades o limitaciones podría tener dificultades.
4 principios clave de la accesibilidad web
Los cuatro principios clave de la accesibilidad web son la perceptibilidad, la operabilidad, la comprensibilidad y la robustez. A continuación te explicamos qué incluye cada uno de estos principios.
Principio nº 1: Perceptibilidad
La perceptibilidad de una web tiene que ver con la facilidad con la que un usuario puede percibir y comprender todo el contenido esencial de la misma (texto, imágenes, menús de navegación, etc.).
Para la mayoría de los usuarios, la perceptibilidad de una web está ligada a su capacidad para comprender la información visualmente. Sin embargo, los usuarios con deficiencias visuales pueden tener dificultades para percibir la información de la misma manera.
Por ello, a menudo recurren a ayudas de accesibilidad como herramientas de magnificación o lectores de pantalla.
Una web accesible debe ser compatible con estas ayudas y, al mismo tiempo, fácilmente perceptible por sí misma, mediante el uso de colores contrastados, texto legible y métodos alternativos de presentación para los medios basados en el tiempo.
Principio nº 2: Operatividad
La operatividad de una web tiene que ver con su facilidad de manejo y navegación.
Suele verse afectada por el diseño de la interfaz de usuario, incluida su estructura de navegación y elementos de control como los botones.
La mayoría de los usuarios manejan las páginas web con herramientas y técnicas que resultan familiares a cualquiera que haya utilizado alguna vez un ordenador u otro dispositivo digital: un teclado para introducir información, un ratón para hacer clic en los distintos elementos de la interfaz o para desplazarse por la web, o los dedos para pulsar la pantalla de un smartphone.
Sin embargo, este no siempre es el caso de los usuarios que tienen ciertas limitaciones motoras.
En su lugar, estos usuarios pueden recurrir a herramientas y métodos específicos para manejar un ordenador o cualquier otro dispositivo, como utilizar sólo el teclado para navegar, controlar el dispositivo mediante el habla o utilizar un trackball o un joystick en lugar de un ratón.
Por tanto, tu web debe ser compatible con estos métodos y dispositivos de entrada alternativos y, al mismo tiempo, fácil de manejar y navegar.
Principio nº 3: Comprensibilidad
La comprensibilidad de una web describe lo fácil que es entender su contenido y su significado.
La comprensibilidad suele verse afectada por el lenguaje del texto web, el contenido y la presentación de los elementos gráficos, y el aspecto y formato generales.
La comprensibilidad es un principio importante de la accesibilidad web porque se dirige a los usuarios que pueden tener ciertas limitaciones mentales o cognitivas y que pueden tener problemas para entender realmente el contenido de una web si su lenguaje y presentación son demasiado complejos o confusos.
Principio nº 4: Robustez
La solidez de una web, también denominada capacidad de respuesta, está relacionada con los aspectos más técnicos de la accesibilidad web.
En otras palabras, se refiere a lo «accesible» que es el código de la web y a lo bien que funciona con las herramientas de software y hardware que suelen utilizar las personas con discapacidad cuando navegan por Internet.
Por ejemplo, lectores de pantalla, programas de entrada de voz, etc. La robustez suele lograrse integrando en la web aplicaciones de Internet ricas y accesibles (ARIA).
Herramientas para evaluar la accesibilidad web
Si quieres mejorar la accesibilidad web, lo primero que tienes que hacer es evaluar cómo de accesible es en su estado actual.
Lo bueno es que no tienes que hacer esta evaluación manualmente y dudar si algún aspecto de tu web es accesible o no.
En su lugar, puedes utilizar una de las siguientes herramientas.
Web Accessibility Evaluation Tool (WAVE)
WAVE es una herramienta gratuita que puede ayudarte a realizar una evaluación básica de las características de accesibilidad de tu web.
Los criterios con los que la plataforma evalúa las páginas web siguen de cerca las mejores prácticas WCAG y analiza elementos como:
- Estructura de la cabecera
- Texto alternativo
- Contraste de colores
Accessibility Checker
Si quieres realizar una auditoría de accesibilidad más exhaustiva de tu web, Accessibility Checker puede ser la herramienta que necesitas.
Más que una herramienta, se trata de un portal de cumplimiento de la accesibilidad web que te permite evaluar la accesibilidad de tu web desde el punto de vista de directrices y legislaciones específicas (como las WCAG), así como desde el punto de vista de jurisdicciones concretas.
La experiencia general de evaluación que ofrece la plataforma es muy fácil de usar (¡y gratuita!), ya que proporciona explicaciones detalladas de todos los problemas de accesibilidad que descubre y sugiere otras herramientas (normalmente, de pago) que pueden ayudarte a resolver esos problemas.
Validador de accesibilidad de contraste de color A11Y
Tiene un objetivo más limitado, pero esencial, en comparación con las otras herramientas que hemos mencionado.
Como su nombre indica, permite evaluar el contraste de color de la interfaz de una web.
El contraste de color es un factor importante en la accesibilidad de una web. De hecho, las WCAG tienen sugerencias específicas sobre el contraste de color entre los elementos en primer plano de una página web (como botones, menús y gráficos) y su fondo.
Según las WCAG, los colores de la interfaz de tu web deben tener una relación de contraste de al menos 4,5:1, lo que significa que el brillo percibido de sus elementos en primer plano debe ser al menos 4,5 veces mayor que el brillo percibido de su fondo.
Herramientas como el Validador de Accesibilidad por Contraste de Color A11Y pueden ayudarte a averiguar la relación de contraste de color de la interfaz de tu web y ajustarla para conseguir una accesibilidad visual óptima.