Probablemente piensas que la accesibilidad web tiene que ver con personas ciegas usando lectores de pantalla. Y sí, eso es parte. Pero es algo mucho más grande de lo que la mayoría de los dueños de negocio se imagina, e ignorarlo te está costando dinero en este momento.
Hablemos de por qué.
Qué significa realmente la accesibilidad
La accesibilidad web significa hacer que tu sitio sea usable para todos, incluyendo a las personas con discapacidad. Eso abarca un montón de situaciones:
- Discapacidad visual — ceguera, baja visión, daltonismo
- Discapacidad motriz — personas que no pueden usar un mouse y navegan con el teclado
- Discapacidad cognitiva — dificultad para procesar diseños complejos o textos muy densos
- Discapacidad auditiva — imposibilidad de procesar contenido de audio o video sin subtítulos
- Limitaciones temporales — un brazo enyesado, una migraña, el reflejo del sol en la pantalla del celular
Ese último punto es importante. La accesibilidad no se trata solo de discapacidades permanentes. Se trata de todo el espectro de formas en que la gente interactúa con la web. Una mamá o un papá primerizo cargando a su bebé y haciendo scroll con un solo pulgar tiene necesidades de accesibilidad. Alguien con una conexión lenta en una zona rural tiene necesidades de accesibilidad.
Cuando diseñas pensando en la accesibilidad, diseñas para todos.
El argumento de negocio (es más fuerte de lo que crees)
Dejemos la ética a un lado por un momento y hablemos de números.
Entre el 15 y el 20% de la población mundial vive con algún tipo de discapacidad. Eso es más o menos una de cada cinco personas. Si tu sitio no funciona para ellas, estás excluyendo a una parte enorme de tu mercado potencial antes de que siquiera vean tu producto.
Los sitios accesibles funcionan mejor para todos. Las prácticas que hacen accesible un sitio (navegación clara, texto legible, estructura lógica, enlaces descriptivos) también lo hacen más usable para cada visitante. Las mejoras de accesibilidad casi siempre mejoran la experiencia de usuario en general.
Al SEO le encanta la accesibilidad. Los buscadores no pueden ver imágenes ni ver videos. Leen tu código de la misma forma en que lo hace un lector de pantalla. Una estructura de encabezados correcta, texto alternativo descriptivo, HTML semántico: son fundamentos de accesibilidad que, de paso, también son buenas prácticas de SEO.
El riesgo legal es real y va en aumento. Las demandas por accesibilidad web se han disparado en los últimos años. Solo en Estados Unidos se presentan miles de demandas al año bajo la ADA. México y otros países están desarrollando marcos similares. Adelantarte a esto es una decisión inteligente de negocio.
Cómo los sitios inaccesibles pierden clientes
Esto es lo que pasa de verdad cuando alguien con una discapacidad llega a un sitio mal hecho:
No pueden navegar tu menú. Si tu navegación solo funciona pasando el mouse por encima, los usuarios de teclado se quedan atorados. Se van.
No pueden leer tu contenido. ¿Texto de bajo contraste sobre un fondo con patrones? Ilegible para millones de personas. Se van.
No pueden entender tus imágenes. Sin texto alternativo, los lectores de pantalla anuncian "imagen" y siguen de largo. Tus fotos de producto, infografías y contenido visual son invisibles. Se van.
No pueden completar tus formularios. Campos sin etiquetas, mensajes de error que solo usan color para señalar el problema, CAPTCHAs sin alternativa: todas son barreras que impiden las conversiones. Se van.
No pueden ver tus videos. Sin subtítulos, las personas sordas o con problemas de audición no obtienen nada de tu contenido en video. Se van.
¿Ves el patrón? Se van. Y no regresan. Y se lo cuentan a otras personas.
La fruta al alcance de la mano
No necesitas reconstruir todo de la noche a la mañana. Empieza por los cambios que tienen mayor impacto:
Contraste de color
Asegúrate de que tu texto sea legible. El estándar WCAG recomienda una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. Hay herramientas gratuitas que lo revisan en segundos.
Los culpables más comunes: texto gris claro sobre fondos blancos. Texto blanco sobre botones de colores brillantes. Texto de marcador en los campos de formulario que es casi invisible.
Texto alternativo en las imágenes
Cada imagen con significado necesita un texto alternativo descriptivo. No "imagen1.jpg", sino descripciones reales. "Reunión de equipo en nuestra oficina" le dice a quien usa un lector de pantalla lo que está pasando. "Imagen" no le dice nada.
Las imágenes decorativas que no aportan información deben llevar un atributo alt vacío para que los lectores de pantalla las ignoren por completo.
Navegación por teclado
¿Puedes recorrer todo tu sitio usando solo la tecla Tab, Enter y las flechas? Pruébalo ahora mismo. Si no puedes llegar a tu menú, llenar un formulario o hacer clic en tu botón de llamado a la acción sin un mouse, muchos de tus visitantes tampoco pueden.
Estructura de encabezados
Usa los encabezados (H1, H2, H3) en orden. No te brinques niveles. No uses encabezados solo porque quieres letra grande: para eso usa CSS. Los lectores de pantalla usan la estructura de encabezados para navegar las páginas, igual que las personas que ven escanean buscando los títulos en negritas.
Etiquetas en los formularios
Cada campo de formulario necesita una etiqueta asociada a él de forma programática. El texto de marcador no es una etiqueta: desaparece en cuanto empiezas a escribir y los lectores de pantalla no lo anuncian de manera confiable.
Más allá de lo básico
Una vez que tengas resueltos los fundamentos:
- Agrega subtítulos a todo tu contenido en video. Los subtítulos automáticos son un comienzo, pero suelen ser imprecisos. Revísalos y corrígelos.
- Asegúrate de que tu sitio funcione al 200% de zoom. Muchos usuarios con baja visión amplían su navegador. Si tu diseño se rompe, ahí tienes un problema.
- Prueba con tecnología de asistencia real. Enciende VoiceOver (Mac/iPhone) o NVDA (Windows) e intenta usar tu sitio. Te abre los ojos.
- Escribe textos de enlace descriptivos. "Haz clic aquí" y "más información" no le dicen nada a quien usa un lector de pantalla. "Ver nuestros planes de precios" le dice exactamente a dónde va.
- No dependas solo del color para transmitir información. Si tus mensajes de error son solo texto en rojo sin un ícono ni una etiqueta, las personas daltónicas no los van a notar.
La accesibilidad es un proceso, no una casilla por marcar
No vas a lograr la accesibilidad perfecta en un solo sprint. Y está bien. Lo que importa es comprometerte con el proceso:
- Audita tu sitio actual. Identifica las barreras más grandes.
- Arregla primero lo crítico. Navegación, formularios, contraste, texto alternativo.
- Integra la accesibilidad a tu proceso. Cada página nueva, cada función nueva debería ser accesible desde el inicio.
- Prueba con regularidad. Las herramientas automáticas detectan alrededor del 30% de los problemas. Las pruebas manuales detectan el resto.
Las empresas que le atinan a la accesibilidad no la tratan como un proyecto de una sola vez. La tratan como un estándar, de la misma forma en que tratan la seguridad o el rendimiento.
En resumen
La accesibilidad no es un lujo. No es una función que agregas después. Es una cualidad fundamental de un sitio bien hecho, e ignorarla significa ahuyentar clientes, perjudicar tu SEO y exponerte a un riesgo legal.
¿La buena noticia? La mayoría de las mejoras de accesibilidad son sencillas, accesibles en costo y hacen que tu sitio sea mejor para todos, no solo para las personas con discapacidad.
Una de cada cinco personas. A esas estás excluyendo si ignoras esto.
¿Quieres saber qué tan accesible es realmente tu sitio? Platiquemos.