Es posible que hayas escuchado el término en muchas ocasiones. accesibilidad web, pero realmente no sabes todo lo que eso implica. En este artículo te lo contamos y verás lo importante que es.
¿Qué es la accesibilidad web?
Se refiere a 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, estándares de aplicación y diseño, que en conjunto hacen posible que los sitios web funcionen fácilmente, 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 en cualquier dispositivo.
Se tiene en cuenta la accesibilidad web para las personas ciegas o sordas que utilizan el sitio web. por ello, se opta por opciones como la audiodescripción de los vídeos, los subtítulos o la lengua de signos.
El color también es importante porque hay personas daltónicas, por ello se utilizan colores que no son un impedimento para percibirlos correctamente.
Operable
Debe haber opciones suficientes y claras para realizar una acción o buscar determinado contenido dentro de la página web, siendo posible el uso del mouse y teclado para todas las funciones.
Si se utilizan controles deslizantes, los usuarios deben tener suficiente tiempo para leer el contenido, independientemente de su condición o edad. Y los contenidos no deben estar diseñados de manera que puedan causar ataques o convulsiones, por lo que no deben cambiar de forma y color rápidamente.
Comprensible
La tipografía debe ser comprensible para todos los usuarios y mucho mejor si la página ofrece la posibilidad de ajustar el tamaño de letra, también se deben utilizar abreviaturas, modismos, neologismos de forma adecuada para facilitar su comprensión.
Cuanto más predecible sea un sitio, mejor, con esto queremos decir que el usuario no está tratando de adivinar para qué sirve cada herramienta, es preferible que todo sea intuitivo para una buena experiencia de navegación.
Robusto
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 cumplan con las normas sobre HTML y hojas de estilo, de modo que el sitio pueda ser visitado 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 los lineamientos con un total de 65 puntos de verificación, solo ingresas la URL del sitio web que deseas verificar y se genera un reporte el cual es enviado a un email indicando donde te entrega los resultados del análisis.
Aunque también existen otras herramientas que pueden ayudarte a comprobar si tu sitio tiene accesibilidad webalgunos de ellos son los siguientes:
Herramientas para desarrolladores de accesibilidad. Es una extensión de Chrome que realiza una verificación completa de accesibilidad mientras la página está abierta en Chrome, identificando así errores de accesibilidad web, incluida la falta de atributos ARIA, valores de contraste de color, entre otros.
Ola. Sus pruebas exhaustivas evalúan varios problemas de accesibilidad web, como el contraste de color con los atributos ARIA basados en los estándares de cumplimiento de las WCAG y la Sección 508. Es muy útil en páginas web con contenido dinámico con secuencias de comandos.
Herramienta de análisis de epilepsia fotosensible Esta herramienta gratuita te permite comprobar si las animaciones o vídeos que utilizas pueden provocar convulsiones en usuarios con epilepsia.
Recomendaciones básicas
Elija fuentes claras y de buen tamaño. Se sugiere utilizar Arial, Calibri, Helvetica, Verdana o algunas tipografías específicas para 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 preferido.
Un buen contraste de color. Se debe asegurar un contraste adecuado para que los textos se puedan diferenciar correctamente y sean legibles. Piensa que las personas daltónicas no deberían tener dificultad para percibir el contenido.
Describe las imágenes o audios. Use descripciones de texto, subtítulos, transcripción de sonido y descripción de video.
Utilice hipervínculos. Use texto que tenga sentido incluso cuando se lea fuera de contexto.
Organiza las páginas. Use encabezados, listas y una estructura consistente, así que use hojas de estilo CSS para el diseño y el estilo.
¿Tenías alguna idea sobre todo esto? Es increíble ¿verdad? Recuerda que tener una página web profesional es solo el comienzo y cuando aplicas las mejores prácticas puedes obtener grandes ganancias y no te preocupes si no eres un experto porque en SEO en México contamos con el personal calificado para crear sitios con la accesibilidad web de las necesidades de su sitio.