Accesibilidad web: guía práctica

Las Web Content Accessibility Guidelines (WCAG) son el estándar internacional de accesibilidad web, publicado por el W3C. La versión actual, WCAG 2.2, define criterios organizados en tres niveles de conformidad: A (mínimo), AA (recomendado para la mayoría de sitios) y AAA (máximo). La mayoría de legislaciones y contratos exigen nivel AA como referencia.

WCAG se organiza en cuatro principios fundamentales: perceptible (el contenido debe poder percibirse por al menos un sentido), operable (la interfaz debe poder usarse con distintos dispositivos de entrada), comprensible (la información y la operación deben ser claras) y robusto (el contenido debe funcionar con tecnologías asistivas actuales y futuras).

La accesibilidad se implementa en todas las capas del desarrollo: HTML semántico, estilos CSS y comportamiento JavaScript. El punto de partida es usar elementos HTML nativos correctamente: un <button> para acciones, un <a> para navegación, encabezados jerárquicos (<h1> a <h6>), y landmarks como <nav>, <main> y <aside>. Esto proporciona estructura que los lectores de pantalla interpretan automáticamente.

Los formularios requieren atención especial: cada campo necesita un <label> asociado, los errores deben anunciarse de forma accesible (usando aria-live o aria-describedby), y el orden de tabulación debe ser lógico. Las imágenes informativas llevan alt descriptivo; las decorativas, alt vacío. Los vídeos necesitan subtítulos y, idealmente, audiodescripción.

El testing de accesibilidad combina herramientas automatizadas, revisión manual y pruebas con usuarios reales. Ninguna herramienta automática detecta todos los problemas —estudios del W3C estiman que cubren entre el 30% y el 50% de los criterios WCAG—, pero son imprescindibles como primera línea de defensa.

axe DevTools (de Deque) es la referencia en testing automatizado: se integra como extensión del navegador, en pipelines CI/CD y en frameworks de testing como Cypress o Playwright. Lighthouse incluye auditorías de accesibilidad en su puntuación. WAVE, de WebAIM, ofrece una visualización intuitiva de errores directamente sobre la página. Para testing manual, NVDA (Windows) y VoiceOver (macOS/iOS) son los lectores de pantalla más utilizados.

La accesibilidad web no es solo una buena práctica: en muchos mercados es una obligación legal. La Directiva Europea de Accesibilidad (European Accessibility Act) exige que productos y servicios digitales sean accesibles a partir de junio de 2025, afectando a ecommerce, banca digital, transporte y telecomunicaciones en toda la UE.

En Estados Unidos, la ADA (Americans with Disabilities Act) ha sido aplicada en miles de demandas contra sitios web no accesibles. En España, el Real Decreto 1112/2018 obliga a las webs del sector público a cumplir WCAG 2.1 nivel AA. El incumplimiento puede suponer sanciones económicas, demandas y daño reputacional.

La accesibilidad tiene un impacto directo en métricas de negocio. Según la OMS, más de 1.300 millones de personas —el 16% de la población mundial— viven con alguna discapacidad. Ignorar la accesibilidad es excluir a un segmento enorme de usuarios potenciales y, por extensión, de clientes.

Los sitios accesibles tienden a tener mejor SEO porque los motores de búsqueda valoran el HTML semántico, los textos alternativos y la estructura clara. También muestran mejores tasas de conversión: los formularios accesibles son más fáciles de completar para todos, la navegación clara reduce el abandono, y los contrastes adecuados mejoran la legibilidad en cualquier contexto.

El informe anual de WebAIM (WebAIM Million) analiza el millón de páginas más visitadas y consistentemente encuentra los mismos problemas. En 2025, el 95,9% de las homepages analizadas tenía errores WCAG detectables automáticamente. Los errores más frecuentes son sorprendentemente básicos y fáciles de corregir.

El contraste insuficiente de texto es el error más prevalente (81% de las páginas), seguido de imágenes sin texto alternativo, enlaces vacíos, campos de formulario sin label, y botones sin nombre accesible. Estos cinco errores representan la gran mayoría de barreras detectadas. Resolverlos no requiere conocimientos avanzados, solo disciplina en el desarrollo.