Imagina a una clienta de 68 años que quiere agendar una cita desde su celular. Las letras son diminutas, el botón gris sobre fondo gris claro apenas se distingue y el formulario marca un error sin explicar cuál. Después de dos intentos, llama por teléfono o, peor, busca a otra empresa. Ese sitio no está roto en sentido técnico, pero sí es inaccesible para una parte de sus clientes.
Un problema más común de lo que parece
La accesibilidad web es la práctica de diseñar y desarrollar sitios que puedan usar todas las personas, incluidas las que tienen alguna discapacidad visual, auditiva, motriz o cognitiva, y también quienes navegan en condiciones difíciles: con sol sobre la pantalla, con una mano ocupada o con una conexión lenta. En México, el Censo de Población y Vivienda 2020 del INEGI contabilizó a millones de personas con alguna discapacidad o limitación para realizar actividades cotidianas, a las que se suma una población que envejece.
Aun así, la mayoría de los sitios no está preparada. El análisis anual WebAIM Million, que revisa las páginas de inicio del millón de sitios más visitados del mundo, encuentra año tras año errores de accesibilidad detectables en más del 90 % de ellas. Los más frecuentes son sencillos: texto con poco contraste, imágenes sin texto alternativo, formularios sin etiquetas y enlaces vacíos.
Qué dicen las pautas internacionales
La referencia es WCAG (Web Content Accessibility Guidelines), un estándar publicado por el W3C, el consorcio que define los estándares de la web. Su versión 2.2 se publicó en octubre de 2023 y organiza los criterios en tres niveles de cumplimiento: A, AA y AAA. El nivel AA es el que suele tomarse como meta razonable para un sitio corporativo. Un ejemplo concreto: pide una relación de contraste mínima de 4.5 a 1 entre el texto normal y su fondo.
Cinco ajustes para empezar
- Contraste suficiente. El diseño UI debe garantizar que textos y botones se lean bien, también en pantallas pequeñas y con mucha luz.
- Navegación con teclado. Todo lo que se puede hacer con el mouse debería poder hacerse con la tecla Tab, con un indicador visible de dónde está el foco.
- Textos alternativos. Las imágenes que comunican algo necesitan una descripción que los lectores de pantalla puedan leer.
- Formularios claros. Cada campo con su etiqueta visible y mensajes de error que expliquen qué corregir.
- Estructura semántica. Títulos y subtítulos en orden lógico, para que quien usa un lector de pantalla pueda saltar entre secciones.
Accesibilidad y buscadores van en la misma dirección
Muchas de estas prácticas también ayudan al posicionamiento. Un sitio con encabezados bien jerarquizados, textos alternativos descriptivos y contenido bien estructurado es más fácil de interpretar para Google y para los motores de respuesta con inteligencia artificial. No es casualidad que una agencia SEO México revise muchos de los mismos puntos en una auditoría técnica.
Más barato desde el inicio que como parche
Corregir la accesibilidad de un sitio terminado es posible, pero cuesta más que incorporarla desde el principio. En el desarrollo de páginas web, lo ideal es que los componentes, como botones, menús y formularios, nazcan accesibles y se reutilicen en todo el sitio. Así, cada página nueva hereda las buenas prácticas sin trabajo adicional.
Para empresas que quieren dar ese paso, trabajar con una agencia digital México que integre diseño, desarrollo y SEO en el mismo equipo simplifica el proceso. Contra Studio, agencia de diseño y tecnología con equipo en Ciudad de México, Bogotá y Nueva York, ha trabajado en el rediseño de portales de noticias con audiencias amplias, como Revista Semana y La Silla Vacía; en el caso de La Silla Vacía, el objetivo fue una plataforma más clara, consistente y fácil de navegar.
Un sitio accesible no es un sitio distinto. Es el mismo sitio, pero abierto a más personas.
