¿Tu sitio web y sus contenidos digitales son accesibles? (A3C31C1D05)

Protocolo para evaluar si tu sitio web y tus contenidos son accesibles

Una vez familiarizados con los criterios expuestos en los módulos anteriores, se propone un protocolo o procedimiento a seguir para comprobar si un sitio web cumple con los principales requisitos de accesibilidad (que afecten a texto, imagen, vídeo y sonido).

1 |  Verificación de texto:

  • Verifica que el tamaño de fuente sea legible y se pueda ajustar según las preferencias del usuario.
  • Comprueba que no se utilicen demasiados colores o colores pastel o muy llamativos para transmitir la información, ya que esto puede dificultar la comprensión para personas con discapacidades visuales o daltonismo.
  • Examina la estructura de encabezados adecuada (H1, H2, etc.) para facilitar la navegación y la comprensión del contenido.
  • Asegúrate de que existe un alto contraste entre el color del texto y el color del fondo.
  • Elige una tipografía sencilla que se lea con facilidad, pues la elección de una con excesivos adornos puede dificultar la lectura.

2 |  Verificación de imágenes:

  • Asegúrate de que todas las imágenes importantes tengan texto alternativo (atributo ALT) descriptivo. Esto permitirá que las personas con discapacidad visual comprendan el contenido de las imágenes a través de lectores de pantalla u otras tecnologías de asistencia.
  • Comprueba que los enlaces o botones que utilicen solo imágenes tengan texto alternativo o etiquetas de título explicativas.

3 |  Verificación de videos:

  • Asegúrate de que los vídeos incluyan subtítulos para personas con discapacidad auditiva. Los subtítulos deben ser precisos, sincronizados y representar adecuadamente el diálogo y los efectos de sonido relevantes.
  • Verifica que se proporcione una versión de vídeo con audio descriptivo para personas con discapacidad visual. El audio descriptivo es una narración adicional que describe las acciones visuales importantes que ocurren en el vídeo.
  • Comprueba que los controles de reproducción de vídeo sean accesibles y se puedan operar con facilidad utilizando el teclado.
  • Valora si es posible incorporar un vídeo superpuesto de una persona o avatar empleando el lenguaje de signos.

4 |  Verificación de sonido:

  • Asegúrate de que los elementos de audio tengan controles de reproducción que permitan pausar, detener o ajustar el volumen del sonido.
  • Comprueba que se proporcione una alternativa de texto o una transcripción para el contenido de audio, permitiendo que las personas con discapacidad auditiva accedan al contenido.

5 |  Pruebas de compatibilidad con tecnología de asistencia:

  • Realiza pruebas utilizando tecnología de asistencia, como lectores de pantalla (como JAWS, NVDA o VoiceOver) y teclados en lugar de ratones. Esto te permitirá evaluar cómo se presenta y se interactúa con el contenido del sitio web para personas con discapacidades visuales o de movilidad.

6 |  Verificación de navegación y estructura:

  • Asegúrate de que la navegación del sitio web sea clara, coherente y fácil de entender. Utiliza etiquetas adecuadas para los elementos de navegación y proporciona indicadores visuales claros de la ubicación actual del usuario en el sitio.
  • Comprueba que se utilicen enlaces descriptivos que indiquen claramente el destino del enlace, en lugar de enlaces genéricos como “clic aquí”.
  • Verifica que el orden de tabulación sea lógico y que se pueda navegar por el sitio web utilizando solo el teclado, sin depender del uso del ratón.
  • Asegúrate de que los formularios sean accesibles, incluyendo etiquetas claras y asociaciones adecuadas entre los campos de entrada y las etiquetas correspondientes.

7 |  Verificación de contraste de color:

  • Asegúrate de que el contraste de color entre el texto y el fondo sea suficiente para facilitar la legibilidad. Verifica que se cumplan los criterios de contraste establecidos en las pautas de accesibilidad web.
  • Comprueba que los elementos interactivos, como los botones o enlaces, tengan un contraste adecuado para facilitar su identificación y uso.

8 |  Pruebas de compatibilidad con diferentes navegadores y dispositivos:

  • Realiza pruebas de accesibilidad en diferentes navegadores web populares, como Chrome, Firefox, Safari y Edge, para asegurarte de que el sitio web sea accesible en todas las plataformas.
  • Verifica la accesibilidad en diferentes dispositivos, como computadoras de escritorio, tablets y dispositivos móviles, para garantizar una experiencia accesible en todas las pantallas.

9 |  Validación del código:

  • Utiliza herramientas de validación de HTML y CSS para asegurarte de que el código del sitio web cumpla con los estándares y las mejores prácticas recomendadas. Un código limpio y bien estructurado es fundamental para la accesibilidad.

10 |  Pruebas de rendimiento:

  • Realiza pruebas de rendimiento del sitio web para garantizar una carga rápida y una experiencia fluida. Los retrasos en la carga pueden afectar negativamente a las personas con discapacidades, especialmente a aquellos que utilizan tecnologías de asistencia.

11 |  Evaluación de errores de lenguaje y legibilidad:

  • Verifica que no haya errores de gramática, ortografía o puntuación que puedan dificultar la comprensión del contenido por parte de las personas con discapacidades cognitivas o de lectura.
  • Asegúrate de que la estructura de las oraciones y los párrafos sea clara y concisa para facilitar la lectura y comprensión.

12 |  Pruebas de interactividad y funcionalidad:

  • Verifica que los elementos interactivos, como formularios, botones y menús desplegables, sean accesibles y se puedan operar fácilmente utilizando solo el teclado.
  • Asegúrate de que las animaciones y las actualizaciones dinámicas de contenido sean accesibles y no provoquen distracción o confusión para los usuarios.

13 |  Verificación de la etiqueta de idioma:

  • Asegúrate de que el sitio web utilice la etiqueta de idioma HTML correctamente. Esto es especialmente importante para las personas que utilizan tecnologías de asistencia, ya que les permite adaptar la pronunciación y el lenguaje del contenido.

14 |  Evaluación de la navegación por tabulación:

  • Comprueba que el orden de tabulación de los elementos interactivos sea lógico y predecible. Esto garantiza que las personas que utilizan el teclado para navegar puedan acceder y operar correctamente todos los elementos de la página.

15 |  Pruebas de contraste en diferentes niveles de zoom:

  • Realiza pruebas de contraste de color en diferentes niveles de zoom del navegador. Asegúrate de que el contraste cumpla con los estándares de accesibilidad incluso cuando el usuario aumente o disminuya el nivel de zoom de la página.

16 |  Verificación de la legibilidad del contenido en diferentes tamaños de pantalla:

  • Evalúa la legibilidad del contenido en diferentes tamaños de pantalla, asegurándote de que el texto sea lo suficientemente grande y legible en dispositivos móviles y pantallas más pequeñas.

17 |  Pruebas de teclado:

  • Verifica que todos los elementos y acciones interactivas en el sitio web puedan ser accedidos y utilizados a través del teclado. Esto es esencial para las personas que no pueden utilizar un ratón u otros dispositivos de entrada similares.

18 |  Pruebas de redimensionamiento de texto:

  • Asegúrate de que el contenido del sitio web se pueda redimensionar hasta 200% sin que se pierda información, funcionalidad o diseño. Esto es especialmente importante para las personas con discapacidades visuales que necesitan aumentar el tamaño del texto para leerlo con claridad.

19 |  Validación de formularios y mensajes de error:

  • Verifica que los formularios en el sitio web incluyan etiquetas claras, mensajes de error descriptivos y validación adecuada para facilitar la interacción y la corrección de errores por parte de los usuarios.

20 |  Documentación de hallazgos y mejoras:

  • Documenta todos los hallazgos, errores y mejoras identificados durante el proceso de verificación de accesibilidad. Registra los cambios implementados y realiza un seguimiento de las actualizaciones realizadas en el sitio web para mejorar su accesibilidad.

La accesibilidad web es un proceso continuo y dinámico. Mantén un plan de acción para abordar las barreras de accesibilidad identificadas y realiza actualizaciones regulares para mejorar la accesibilidad del sitio web en base a las nuevas pautas y estándares que se publiquen.

Sitios webs que evalúan automáticamente otras webs

Para evaluar si un sitio web cumple con los criterios de accesibilidad necesarios, existen webs que hacen análisis automáticos de otras webs a través de su url. Algunos ejemplos son:

  • WebAIM’s WAVE (Web Accessibility Evaluation Tool) (wave.webaim.org)
    WAVE es una herramienta en línea gratuita que proporciona análisis automatizado de accesibilidad web. Simplemente ingresa la URL de un sitio web y WAVE generará un informe detallado que destaca los problemas de accesibilidad detectados. 

  • Axe by Deque Systems (deque.com/axe)
    Axe es una suite de herramientas de accesibilidad desarrollada por Deque Systems. Proporciona una extensión para navegadores web que permite analizar sitios web en busca de problemas de accesibilidad. También se ofrece una API para la integración en flujos de trabajo de desarrollo.

  • Lighthouse by Google (e.digitall.org.es/lighthouse)
    Lighthouse es una herramienta de código abierto desarrollada por Google que ofrece auditorías automáticas para la calidad de las páginas web. Además de las auditorías generales, Lighthouse incluye un conjunto de auditorías específicas para la accesibilidad web.

  • Tenon.io (tenon.io)
    Tenon.io es una plataforma de análisis de accesibilidad web que permite analizar sitios web en busca de problemas de accesibilidad. Ofrece una API para la integración con flujos de trabajo de desarrollo y también proporciona una interfaz de usuario en línea para realizar análisis rápidos.

Saber más

Si deseas saber más sobre los estándares internacionales sobre accesibilidad, puedes consultar la W3C Web Accessibility Initiative (WAI). e.digitall.org.es/wai