Accesibilidad web: el detalle que separa a un profesional de un aficionado
Un sitio accesible no es una opción militante: es un sitio mejor posicionado, utilizable por todos y jurídicamente más seguro. Estos son los reflejos WCAG que aplico por defecto, no como opción.
Un sitio que una parte de tus visitantes no puede usar
Imagina entregar una tienda cuya puerta es demasiado estrecha para una quinta parte de tus clientes. Eso es exactamente lo que hace un sitio inaccesible: personas con baja visión, daltónicas, que navegan con el teclado, con un lector de pantalla o simplemente a pleno sol en el móvil — todas chocan con barreras invisibles para el desarrollador que no las prueba.
La accesibilidad (a11y) no es una capa que se añade al final. Es una manera de construir, desde la primera línea.
Lo que verifico sistemáticamente
No son casos exóticos, son fundamentos que aplico en cada proyecto:
- Contraste — un texto debe destacar sobre su fondo (ratio 4.5:1 mínimo para el cuerpo). El gris claro «elegante» sobre blanco suele ser ilegible.
- Navegación por teclado — todo lo que se hace clic debe alcanzarse con la tecla
Tab, con un foco visible. Muchos sitios eliminan el contorno de foco «por diseño»: es un error. - Textos alternativos — cada imagen con significado lleva un
altdescriptivo; las imágenes decorativas se marcan como tales. - Estructura semántica — un solo
<h1>, una jerarquía de títulos lógica, puntos de referencia (nav,main,footer) que los lectores de pantalla anuncian. - Objetivos táctiles — en el móvil, un botón demasiado pequeño es un botón que se falla.
La accesibilidad no limita el diseño. Lo disciplina. Las exigencias de contraste y foco casi siempre producen una interfaz más clara para todo el mundo.
El vínculo directo con el SEO
Lo que muchos ignoran: Google lee una página como un lector de pantalla. Una estructura semántica limpia, alt pertinentes, enlaces explícitos — son las mismas señales que sirven a la accesibilidad y al posicionamiento. Hacer un sitio accesible es, casi mecánicamente, hacerlo más visible.
Un sitio accesible marca así tres casillas de una vez: más usuarios, mejor SEO, menos riesgo jurídico (la accesibilidad se convierte en obligación legal en cada vez más países).
Cero violaciones WCAG no es lo mismo que «realmente utilizable»
Las herramientas automáticas (Lighthouse, axe) atrapan una parte de los problemas — contrastes, alt faltantes, roles ARIA rotos. Pero una puntuación de 100 no garantiza que un humano se las arregle. Algunas cosas solo se prueban a mano:
- Navegar toda la página solo con el teclado, sin ratón.
- Escucharla con un lector de pantalla (VoiceOver, NVDA).
- Verificar que nada dependa únicamente del color para entenderse.
Es esa última línea — la prueba humana — la que el aficionado se salta y el profesional nunca olvida.
Mi postura
No cobro «la accesibilidad» como una opción premium. Forma parte de lo que significa entregar un sitio correcto, igual que debe mostrarse en el móvil. Un entregable que excluye a una parte de sus visitantes no está terminado — está incompleto. Y esa exigencia, invisible en una demo de treinta segundos, es precisamente lo que distingue un trabajo duradero de un sitio desechable.