¿Qué es la accesibilidad web y por qué importa en mi negocio?
Accesibilidad web · En inglés: Web accessibility · Tecnología web
Es diseñar una página para que cualquier persona pueda usarla: con la vista cansada, con un lector de pantalla, solo con teclado o con el celular en una mano. Se nota en detalles como buen contraste, botones grandes e imágenes con descripción.
¿Qué es la accesibilidad web y por qué debería importarle a mi negocio?
Un sitio accesible se puede leer y usar sin importar cómo llegue la persona: con la vista cansada, con un lector de pantalla que narra el contenido, solo con el teclado o con el celular en una mano mientras hace fila. Se nota en detalles concretos, como textos con buen contraste, botones grandes, imágenes con descripción y formularios que dicen qué campo falta.
También incluye respetar la configuración del dispositivo. Hay personas que activan la opción de reducir el movimiento porque las animaciones las marean, y un sitio bien hecho detecta esa preferencia y la cumple.
Cada persona que no logra leer un precio o tocar un botón es un cliente que se va a la competencia sin decir nada. Lo que se hace por accesibilidad casi siempre mejora la experiencia de todos: el contraste ayuda a quien lee bajo el sol, y un botón grande, a quien usa el pulgar. Google también entiende mejor una página con estructura clara y descripciones en sus imágenes.
Lo mismo, en pequeño y en grande
Una papelería de barrio
La dueña pone letra grande y botones anchos en su página. Don Jaime, que ya no ve bien de cerca, hace su pedido de cuadernos sin pedirle ayuda a nadie.
Una cadena de supermercados
Revisan que la tienda en línea se pueda usar con un lector de pantalla y que los textos se lean bien con sol en el celular. Así la señora que escucha la página y el joven que compra de afán hacen el mismo pedido.
Cómo lo usamos en Damorus
En Küsten Elite el verde lima del logo no alcanzaba el contraste necesario con texto blanco encima, así que los botones principales van en un verde más profundo, miden al menos 48 píxeles de alto y sus etiquetas de accesibilidad cambian con el idioma. En Atlantic Center el cliente pidió un programa "lo más para viejitos posible": cada color significa una sola cosa y todo se puede hacer con teclado o con mouse. Este sitio y el de The Medspa by Rayray respetan la preferencia de menos movimiento del dispositivo.
Pon a prueba lo que leíste
Elige A, B o C. Si fallas, lees el porqué y pruebas otra vez.
¿Cuál de estos cambios hace que más personas puedan usar tu página?
Aprende jugando
Cinco preguntas sobre el viaje de un clic
Cinco preguntas sobre el viaje de un clic
Otros temas que te pueden interesar
También se le dice