Todo lo que necesitas saber sobre la accesibilidad del sitio web

Todo usuario que visite su sitio web debe tener derecho a una experiencia de usuario comprensible, sin importar sus habilidades o la falta de ellas. Esta no es solo nuestra opinión, sino que en algunos países es la ley. Pero esa no es la única razón para asegurarse de que su sitio web cumpla con los estándares de accesibilidad. Según un informe sobre discapacidades, mil millones de personas viven con alguna discapacidad, lo que equivale al 15% de la población mundial . Personas con discapacidad física, visual, cognitiva, neurológica, motora y auditiva estarán utilizando su sitio web. Si bien se siente desagradable usar los números como una razón, esa es una cantidad significativa de visitantes potenciales. Hacer que su sitio web sea utilizable para todos vale la pena.

La brecha entre los sitios web accesibles y los que no lo son suele ocurrir en el presupuesto. Hacer que su sitio web sea inclusivo simplemente requiere más esfuerzo durante el desarrollo y más esfuerzo significa más dinero. Pero, cuando se hace de manera estratégica y con un CMS como Drupal, no tiene por qué ser un gran esfuerzo. El núcleo de Drupal admite el diseño y desarrollo de sitios web que cumplen con los estándares WCAG 2.0 y ATAG 2.0. De hecho, existe toda una comunidad (la comunidad de Accesibilidad de Drupal) dedicada a mejorar y mantenerse al día con los estándares de accesibilidad. Incluso se podría decir que la accesibilidad es una fortaleza central de Drupal.

Eso es genial si está a punto de reconstruir su sitio web, pero ¿qué sucede si está trabajando con el que ya tiene? Profundicemos en la accesibilidad web y cómo saber si su sitio web es accesible o no.

¿Qué es la Accesibilidad Web?

La accesibilidad web es un aspecto muy importante en el desarrollo web. En términos simples, la accesibilidad web es garantizar que todos puedan acceder a su sitio web, independientemente de sus discapacidades. Aunque a menudo se asume, la accesibilidad no se trata solo de personas con discapacidades. Como persona sin discapacidad, existen circunstancias en las que puede encontrarse, situacionales o temporales, que pueden afectar la forma en que accede al sitio web.

¿Por qué es importante la accesibilidad web?

Otro concepto erróneo es que la accesibilidad web se usa principalmente para crear una imagen de marca positiva. Pero hay muchos más beneficios tangibles de tener un sitio web accesible de lo que muchos piensan.

• Aumenta el alcance de tu audiencia
• Evite problemas legales ( recuerde la demanda contra Beyonce en 2019 cuando su sitio web no cumplía con ADA (Ley de Estadounidenses con Discapacidades))
• Mejorar la experiencia del usuario para la accesibilidad también significa que está mejorando su puntaje general de UX
• Mejore el ranking de su sitio web en los motores de búsqueda

Dicho esto, el reciente crecimiento y la popularidad de las marcas orientadas a un propósito indican que ser inclusivo puede ser un diferenciador clave de la marca.

Conformidad y los niveles

El Consorcio World Wide Web (W3C) desarrolló y publicó un conjunto de pautas: las WCAG (Pautas de accesibilidad al contenido web) que rigen los estándares de accesibilidad web. Los criterios de éxito de estos estándares (WCAG 2.0, WCAG 2.1 y WCAG 2.2) tienen tres niveles de conformidad:

• Nivel A
• Nivel AA
• Nivel AAA

Nivel A : este es el nivel mínimo de accesibilidad que cubre los requisitos más básicos de las funciones de accesibilidad.

Nivel AA : este nivel requiere todo lo del nivel A más algunos requisitos adicionales. Cuando un sitio web se ajusta a este nivel, es un gran problema porque se eliminan muchas de las mayores barreras de accesibilidad.

Nivel AAA : el nivel AAA requiere todo lo de los niveles A y AA, además de algunos requisitos adicionales. Este nivel es difícil de alcanzar para la mayoría de los sitios web y es el nivel más alto de accesibilidad según los estándares WCAG.

¿Cómo saber si su sitio web es accesible?

WCAG ha establecido 4 principios y 13 pautas para la accesibilidad web. El incumplimiento de cualquiera de estos cuatro principios hará que su sitio web sea inaccesible para los usuarios con discapacidad. Estos principios se conocen como principios POUR.

1. Perceptible
2. Operable
3. Comprensible
4. Robusto

Perceptible : todas las pautas agrupadas en perceptible giran en torno a asegurarse de que las personas puedan encontrar su contenido.

Operable : debe asegurarse de que su sitio web esté operativo. Las personas deben poder utilizar su sitio web.

Comprensible : las personas deben poder comprender su sitio web.

Robusto : su sitio web debe ser compatible con todos los navegadores, sistemas operativos y dispositivos.

Directrices de accesibilidad

Ahora, cada principio tiene su propio conjunto de pautas que vamos a discutir aquí:

Directrices perceptibles

1.1) Alternativas de texto : la primera pauta perceptible, perceptible 1.1 requiere que todo el contenido que no sea de texto tenga una alternativa de texto. Esto significa que las imágenes deben tener un texto alternativo significativo. El texto alternativo debe describir lo que sucede en la imagen.

1.2) Medios basados ​​en el tiempo : perceptible 1.2 requiere que haya opciones alternativas para los medios basados ​​en el tiempo. Agregue subtítulos en el video para las personas con discapacidad auditiva. Los subtítulos pueden ayudar a darles contexto.

1.3) Adaptable - Perceptible 1.3 requiere que el contenido se pueda presentar de diferentes maneras sin perder el contexto.

1.4) Distinguible : la última pauta para perceptible es Perceptible 1.4 y requiere que el contenido se pueda separar visualmente de su fondo. Esto significa que debe haber suficiente contraste entre el texto y el color de fondo. El texto debe tener una relación de contraste mínima de 4,5.

Directrices operativas

2.1) Teclado accesible : la primera directriz operativa 2.1 requiere que se pueda acceder a todas las partes del sitio web usando solo el teclado .

2.2) Suficiente tiempo - Operable 2.2 requiere que las personas tengan suficiente tiempo para usar el contenido de su sitio web. Tienes que darle tiempo al usuario para terminar la tarea sin sentirse apurado. También debe considerar que diferentes personas tienen diferentes habilidades, y algunas pueden ser un poco más lentas para hacer las cosas.

2.3) Convulsiones y Reacciones Físicas - Operable 2.3 requiere que el contenido no esté diseñado de una manera que provoque convulsiones. Las animaciones y los videos no deben parpadear más de 3 veces por segundo.

2.4) Navegable - Operable 2.4 requiere que las personas puedan navegar por el sitio web y comprender dónde se encuentran en el sitio web. Todos los enlaces, entradas y botones en la página deben tener un estado enfocado para indicar dónde se encuentra una persona en la pantalla cuando los usuarios navegan usando pestañas.

2.5) Modalidades de entrada : la última pauta para Operable es Operable 2.5 y requiere que se pueda acceder a todas las partes del sitio web utilizando otros dispositivos de entrada además de un teclado. Básicamente, querrá asegurarse de que su sitio web funcione con un mouse, dispositivos de pantalla táctil y voz a texto.

Directrices comprensibles

3.1) Legible - Comprensible 3.1 requiere que el contenido sea legible y fácil de entender. Utilice un lenguaje sencillo y trate de evitar la jerga.

3.2) Predecible - Comprensible 3.2 requiere que las páginas web sean predecibles en su apariencia y funcionamiento. El contenido va a ser diferente en cada página, pero la estructura principal de la página debe seguir siendo la misma. La navegación, el orden de los enlaces y la búsqueda deben estar siempre en el mismo lugar de la página.

3.3) Asistencia de entrada: comprensible 3.3 requiere que sea fácil para las personas corregir y evitar errores.

Directrices robustas

4.1) Compatible : solo hay una pauta bajo robusto, y es 4.1 . Esto requiere que el sitio web sea compatible con todos los navegadores, sistemas operativos y dispositivos. Esto se puede lograr escribiendo HTML semántico válido. Si por alguna razón el sitio web aún necesita ayuda de accesibilidad, agregue algunos atributos ARIA.

¿Cómo probar la accesibilidad?

Por último, desea incorporar pruebas de accesibilidad en el proceso de administración de su sitio web. Por ejemplo, puede desplazarse por las páginas para probar la accesibilidad del teclado. Afortunadamente, hay muchas herramientas disponibles en Internet para automatizar sus pruebas:

• Ola
• Faro

Sitios de referencia

Consulte los siguientes sitios W3C para conocer los estándares y las pautas.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/