Quizás en muchas ocasiones hayas escuchado el término de accesibilidad web, pero realmente no sabes todo lo que eso conlleva. En este artículo te lo contamos y verás lo importante que es.
¿Qué es la accesibilidad web?
Se refiere al hecho de que todo tipo de personas, independientemente de sus capacidades físicas e intelectuales, podrán percibir, comprender, navegar e interactuar dentro de una página web. Este es el accesibilidad web incluye tecnologías, aplicaciones y estándares de diseño que, en conjunto, hacen que los sitios web sean fáciles de usar. Veamos qué elementos lo componen.
Elementos de accesibilidad web
perceptible
Los contenidos, interfaz, imágenes, botones y demás elementos del sitio web deben ser percibidos, accesibles y ejecutables por todos los usuarios en cualquier momento y dispositivo.
La accesibilidad web se tiene en cuenta para las personas ciegas o sordas que utilizan el sitio web. A continuación, se eligen opciones como la descripción de audio de los videos, los subtítulos o el lenguaje de señas.
El color también es importante porque hay personas daltónicas, por eso se utilizan colores que no son impedimento para percibirlos correctamente.
Operable
Deben estar disponibles opciones suficientes y claras para realizar una acción o buscar cierto contenido dentro de la página web, ya que el mouse y el teclado se pueden usar para todas las funciones.
Si se utilizan controles deslizantes, los usuarios deben proporcionar el tiempo necesario para leer el contenido independientemente de su condición o edad. Y el contenido no debe diseñarse de manera que pueda causar ataques o convulsiones, por lo que no debe cambiar de forma y color rápidamente.
Comprensible
La fuente debe ser comprensible para todos los usuarios y mucho mejor si la página ofrece la posibilidad de ajustar el tamaño de la fuente, además se deben utilizar adecuadamente las abreviaturas, modismos, neologismos para facilitar su comprensión.
Cuanto más predecible sea un sitio web, mejor, con esto queremos decir que el usuario no está tratando de adivinar para qué funciona cada herramienta, es preferible que todo sea intuitivo para una buena experiencia de navegación.
Fuerte
Las páginas web o aplicaciones deben ser compatibles con todos los navegadores, sistemas operativos y dispositivos existentes con aplicaciones de tecnología de asistencia, como lectores de pantalla ciegos como JAWS, NVDA, talkback, VoiceOver.
Una parte importante de la accesibilidad web es que los programadores o desarrolladores se adhieran a los estándares en HTML y hojas de estilo, de modo que el sitio se pueda visitar en cualquier tipo de plataforma.
Prueba de accesibilidad web
los Prueba de accesibilidad web (TAW) funciona en línea o puedes descargarlo gratis, te ayuda a verificar el cumplimiento de las pautas con un total de 65 puntos de verificación, solo ingresa la URL del sitio web que deseas verificar y se genera un informe que se envía a un correo electrónico indicando dónde le da los resultados del análisis.
Aunque también existen otras herramientas que pueden ayudarlo a verificar si su sitio tiene accesibilidad web, algunos de ellos son los siguientes:
Herramientas para desarrolladores de accesibilidad. Es una extensión de Chrome que realiza un chequeo de accesibilidad completo con la página abierta en Chrome, de esta forma identifica errores de accesibilidad web, incluyendo la falta de atributos ARIA, valores de contraste de color, entre otros.
Ola. Sus pruebas integrales evalúan varios problemas de accesibilidad web, como el contraste de color con los atributos ARIA basados en los estándares de cumplimiento WCAG y la Sección 508. Es muy útil en páginas web con contenido dinámico rico en secuencias de comandos.
Herramienta de análisis de epilepsia fotosensible Esta herramienta gratuita le permite comprobar si es probable que las animaciones o los vídeos utilizados provoquen convulsiones en los usuarios con epilepsia.
Recomendaciones basicas
Elija fuentes claras y de buen tamaño. Se recomienda utilizar Arial, Calibri, Helvetica, Verdana o algunos caracteres específicos para la dislexia como Read Regular, Lexie Readable, Tiresias. Se puede tomar como referencia un tamaño de 20px, aunque también es mejor dar la opción de ajustar el tamaño que prefieras.
Buen contraste de colores. Debe garantizarse un contraste adecuado para que los textos puedan diferenciarse correctamente y ser legibles. Tenga en cuenta que las personas daltónicas no deberían tener dificultades para percibir el contenido.
Describe las imágenes o audios. Utilice descripciones de texto, subtítulos, transcripción de sonido y descripción de video.
Haz uso de hipervínculos. Utilice texto que tenga sentido incluso cuando se lea fuera de contexto.
Organiza las páginas. Utilice encabezados, listas y una estructura coherente; para ello, utilice hojas de estilo en cascada para el diseño y el estilo.
¿Tenías alguna idea de todo esto? Es sorprendente, ¿verdad? Recuerda que tener una página web profesional es solo el comienzo y cuando aplicas las mejores prácticas en ella obtienes una excelente ganancia y no te preocupes si no eres un experto porque en SEO en México contamos con el personal calificado para crear sitios con accesibilidad web que su sitio necesita.