Accesibilidad web: diseñar para que todos puedan usar tu sitio

Según la Organización Mundial de la Salud, alrededor de 1.300 millones de personas, una de cada seis en el mundo, viven con una discapacidad significativa. A eso hay que sumarle a quien tiene la vista cansada, a quien mira el celular a pleno sol o a quien navega con una mano porque en la otra tiene al bebé. Un sitio accesible es un sitio que funciona mejor para todos.

Qué es la accesibilidad web

Es diseñar y desarrollar para que cualquier persona pueda percibir, entender, navegar e interactuar con un sitio, sin importar cómo accede: con lector de pantalla, solo con el teclado, con zoom, con baja visión o con dificultades motrices o cognitivas.

La referencia internacional son las Pautas de Accesibilidad para el Contenido Web (WCAG) del W3C, cuya versión actual es la 2.2. En Argentina, la Ley 26.653 obliga a cumplir normas de accesibilidad a los organismos públicos y a las empresas que prestan servicios públicos o contratan con el Estado.

Lo básico que todo sitio debería cumplir

Contraste suficiente

El texto común necesita una relación de contraste de al menos 4,5:1 con el fondo; los textos grandes, 3:1. El gris clarito sobre blanco que “queda elegante” suele no pasar la prueba.

Texto que se pueda agrandar

Tamaños cómodos de entrada y un diseño que no se rompa si la persona hace zoom al 200%.

Navegación con teclado

Todo lo que se puede hacer con el mouse se tiene que poder hacer con la tecla Tab y Enter, y siempre tiene que verse dónde está el foco.

Textos alternativos

Cada imagen con información lleva una descripción para los lectores de pantalla. Las decorativas se marcan para que se salteen.

Formularios claros

Cada campo con su etiqueta visible, mensajes de error que expliquen qué pasó y cómo corregirlo, y nada que dependa solo del color (“los campos en rojo son obligatorios”).

Estructura ordenada

Títulos jerárquicos, enlaces que digan a dónde llevan (en lugar de “clic acá”) e idioma de la página bien declarado.

Videos y animaciones

Subtítulos en los videos y respeto por la preferencia de “reducir movimiento” del sistema operativo.

Por qué también es buen negocio

• Más clientes posibles: no le cerrás la puerta a nadie.
• Mejor SEO: buena parte de lo que ayuda a un lector de pantalla también ayuda a Google a entender tu sitio.
• Mejor experiencia general: contraste, claridad y formularios simples convierten mejor.
• Cumplimiento: si trabajás con el Estado, es un requisito.

Una prueba de cinco minutos

1. Recorré tu sitio solo con la tecla Tab. ¿Ves siempre dónde estás? ¿Llegás al formulario y lo podés enviar?
2. Hacé zoom al 200%. ¿Se sigue leyendo sin que nada se superponga?
3. Mirá tu web en el celular al sol. ¿Se lee?

En PuntoArg tenemos en cuenta la accesibilidad desde el diseño: es más fácil y más barato que corregirla después.

Fuentes

• Organización Mundial de la Salud, Discapacidad y salud.
• W3C, WCAG 2.2.
• Ley 26.653 de Accesibilidad de la Información en las Páginas Web.