Cinco mejoras de accesibilidad que todo sitio de un negocio local debería hacer

Un sitio web accesible es uno que las personas pueden usar sin importar cómo vean, escuchen o se muevan, incluidos los clientes que usan un lector de pantalla, hacen zoom en su teléfono o navegan con el teclado. También es un buen negocio: las mismas mejoras hacen que tu sitio sea más fácil de usar para todos, y más fácil de leer para los buscadores y los asistentes de IA. Estas cinco mejoras cubren los problemas más comunes que vemos en los sitios de pequeños negocios.

1. ¿Tu texto se lee bien sobre su fondo?

El texto gris claro sobre fondo blanco y el texto blanco sobre fotos con mucho detalle son los problemas de accesibilidad más comunes en la web. Las pautas WCAG piden una relación de contraste de al menos 4.5 a 1 para el texto normal. Si tienes que entrecerrar los ojos, tus clientes también, especialmente al aire libre desde el teléfono.

2. ¿Tus imágenes tienen descripciones?

El texto alternativo es una breve descripción de una imagen que los lectores de pantalla leen en voz alta. Describe lo que importa: "Nuestra tienda en Main Street" es mejor que "imagen1.jpg" o nada en absoluto. Las imágenes puramente decorativas pueden tener texto alternativo vacío para que se omitan. Nunca pongas información importante, como tu horario o un menú, únicamente dentro de una imagen.

3. ¿Tus encabezados están en orden?

Cada página debe tener un encabezado principal, seguido de encabezados de sección en un orden lógico. Los usuarios de lectores de pantalla saltan entre encabezados para hojear una página, igual que los visitantes videntes buscan títulos en negrita con la vista. No elijas un nivel de encabezado solo por su tamaño.

4. ¿Alguien puede completar tu formulario de contacto?

Cada campo del formulario necesita una etiqueta visible que permanezca ahí, no solo un texto de marcador de posición que desaparece cuando alguien empieza a escribir. Los mensajes de error deben decir qué salió mal y cómo solucionarlo. Prueba a completar tu formulario usando solo la tecla Tab y el teclado.

5. ¿Tus enlaces y botones dicen a dónde llevan?

"Haz clic aquí" y "Más información" no le dicen nada a un usuario de lector de pantalla cuando escucha una lista de enlaces. Usa texto de enlace que tenga sentido por sí solo, como "Ver nuestro menú" o "Reservar una cita". Asegúrate de que los botones sean lo bastante grandes para tocarlos en el teléfono.

¿Basta con una revisión automatizada?

No. Las herramientas automatizadas solo encuentran una parte de los problemas de accesibilidad que puede tener un sitio web, así que una buena puntuación es un comienzo, no una certificación. Aun así, detectan rápido los problemas comunes, y corregirlos marca una diferencia real.