Los 5 errores típicos de accesibilidad web
La accesibilidad web no es algo que ocurre por accidente. Diseñar una página web es un proceso que involucra a diferentes equipos de profesionales y, entre ellos se encuentran los expertos en accesibilidad. Las páginas web diseñadas sin tener en cuenta la accesibilidad son caóticas para muchos usuarios que encuentran frustrante, si no imposible, navegar en ellas.
Al crear contenido web muchos diseñadores ignoran que existen directrices y normas de accesibilidad web que necesitan aplicar y otros intentan buscar atajos implementando sólo parte de los criterios de accesibilidad o implementándolos mal.
Hoy queremos hablaros de los 5 errores típicos de accesibilidad web en el diseño web y cómo se deben evitar:
1. La web no tiene etiquetas semánticas
Son aquellas webs que se construyen usando un marco que utiliza los genéricos <div>, <span> y <p> en lugar de las etiquetas semánticas necesarias. Los encabezamientos no son realmente encabezamientos (<h1>, <h2>, etc.) Se les ha dado apariencia de encabezamientos, pero los lectores de pantalla son incapaces de reconocerlos porque las etiquetas no tienen significado semántico.
2. Widgets personalizados no tienen etiquetas ARIA
Los widgets son totalmente incomprensibles para los usuarios de lectores de pantalla si no reciben la información necesaria de ellos: nombres, roles y valores, de acuerdo con las pautas de ARIA.
3. Los widgets personalizados no reciben foco del teclado
Es necesario diseñar la experiencia de usuario para la interacción con teclado del widget. Si en la web tienes widgets personalizados que esconden o muestran componentes, realizan anuncios o que involucran solicitudes de AJAX, el usuario debe saber donde se encuentra el foco del teclado en todo momento.
4. La web tiene regiones de contraste bajo
Si has diseñado la combinación de colores de tu sitio web en colores pálidos con escaso contraste va a ser muy difícil que las personas con poca visión puedan distinguir contenido en ella. Es importante que el diseño cumpla con los contrastes requeridos en las directrices.
5. El formulario sólo se comunica visualmente
Cuando, tras el proceso de validación, hay errores en los campos del formulario estos errores deben de ser comunicados a las personas que utilizan lectores de pantalla para que puedan solucionarlos. Lo mismo, si el formulario se ha enviado con éxito.
Si logras evitar estos 5 errores tendrás mucho camino avanzado para lograr el objetivo de la accesibilidad en tu sitio web. Estos son sólo los 5 errores típicos de accesibilidad en el diseño de una web, pero hay muchos más. Si necesitas ayuda no dudes en ponerte en contacto con nosotros. Estaremos encantados de ayudarte a resolver todos tus problemas de accesibilidad de tu sitio web o tu app.
Glocal Quality Solutions: «Ayudamos a nuestros clientes a construir un mundo mejor».