Accesibilidad significa que se pueda usar tu web con baja visión, sin ratón, con un lector de pantalla, con temblores o, simplemente, con el móvil a pleno sol. Además suele mejorar el posicionamiento y las conversiones, porque una web clara es más fácil para todos.
No necesitas dominar las pautas WCAG completas para empezar. Estos fundamentos cubren los problemas más habituales y puedes comprobar cada uno tú mismo en pocos minutos.
La accesibilidad empieza con cuatro hábitos: buen contraste de color, uso completo con teclado, texto alternativo con sentido en las imágenes y texto legible. Ayudan a personas con discapacidad y también a todos los demás.
Contraste y texto legible
El texto gris claro sobre blanco queda elegante y es ilegible para muchas personas. El nivel AA de WCAG pide una relación de contraste de al menos 4,5 a 1 para texto normal y 3 a 1 para texto grande. Los verificadores gratuitos de contraste permiten pegar dos colores y obtener la relación.
- Usa texto de cuerpo de al menos 16 px con un interlineado generoso.
- No dependas solo del color, por ejemplo rojo para los errores; añade un icono o palabras.
- Permite ampliar: no desactives el zoom con los dedos.
Teclado y foco
Pulsa Tab en tu web. ¿Llegas a cada enlace, botón y campo en un orden lógico y ves siempre dónde estás? Un contorno de foco visible es esencial. Los menús, ventanas emergentes y carruseles también deben funcionar con Intro, Espacio y Escape.
Texto alternativo, etiquetas y estructura
Toda imagen con significado necesita una descripción breve de lo que muestra o hace; las decorativas llevan un alt vacío para que los lectores de pantalla las omitan. Cada campo de formulario necesita una etiqueta visible, no solo texto de ayuda dentro del campo. Usa encabezados reales y ordenados, y botones que digan lo que hacen en lugar de «haz clic aquí».
Obligaciones legales en España y la UE
En la UE, la Ley Europea de Accesibilidad exige a cada vez más productos y servicios digitales, como el comercio electrónico, cumplir requisitos de accesibilidad, y en España existe normativa específica para las webs del sector público. Comprueba qué se aplica a tu actividad; es información general, no asesoramiento jurídico.
Pídelo por chat
Con Uttra puedes solicitar estas mejoras con palabras sencillas. Un prompt:
«Mejora la accesibilidad de mi web: sube el contraste del texto al nivel AA de WCAG, añade contornos de foco visibles, da a cada imagen un texto alternativo con sentido, etiqueta todos los campos de los formularios y haz que el menú funcione con el teclado.»
Después pruébalo tú: solo con Tab, con zoom al 200 por ciento y con un lector de pantalla gratuito. Las herramientas automáticas detectan solo una parte de los problemas.