La accesibilidad web es la práctica de diseñar y desarrollar sitios que puedan ser usados por todas las personas, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas. En Chile, aproximadamente el 17% de la población tiene algún tipo de discapacidad según el Segundo Estudio Nacional de la Discapacidad (SENADIS 2015). Si tu sitio web no es accesible, estás excluyendo a una parte significativa de tus potenciales clientes y usuarios.
¿Qué son las WCAG y por qué importan?
Las WCAG (Web Content Accessibility Guidelines, o Pautas de Accesibilidad para el Contenido Web) son el estándar internacional de accesibilidad desarrollado por el W3C. La versión vigente es WCAG 2.1, con tres niveles de conformidad:
- Nivel A: Requisitos mínimos. No cumplir estos criterios hace que algunos usuarios no puedan usar el sitio en absoluto.
- Nivel AA: El nivel recomendado para la mayoría de los sitios web. Exigido en muchos marcos legales públicos y en licitaciones del Estado chileno.
- Nivel AAA: El más exigente. Recomendado para servicios especializados, aunque algunos criterios son difíciles de cumplir para todo el contenido.
La Ley 20.422 establece el principio de igualdad de oportunidades para personas con discapacidad. Las instrucciones del Ministerio Secretaría General de Gobierno exigen nivel WCAG 2.0 AA como mínimo para todos los sitios del Estado chileno. El proyecto de nueva Ley de Transformación Digital del Estado (en tramitación) elevaría estos requisitos y podría extenderlos a servicios privados que operan con el Estado.
Los 4 principios WCAG: POUR
Las WCAG se organizan en cuatro principios fundamentales que todo sitio accesible debe cumplir:
Perceptible
El contenido debe presentarse de forma que todos los usuarios puedan percibirlo. Ejemplos: texto alternativo en imágenes (alt text), subtítulos en videos, no usar el color como único medio de transmitir información.
Operable
La interfaz debe ser operable con distintos dispositivos de entrada. Ejemplos: navegación completa por teclado (sin ratón), tiempo suficiente para leer contenido, no usar elementos que parpadeean más de 3 veces por segundo.
Comprensible
El contenido y la navegación deben ser comprensibles. Ejemplos: idioma del documento declarado en el código HTML, mensajes de error claros que indiquen cómo corregir el problema, navegación consistente en todas las páginas.
Robusto
El contenido debe ser interpretado por distintos agentes de usuario, incluyendo tecnologías asistivas (lectores de pantalla). Ejemplos: HTML semántico correcto, uso apropiado de roles ARIA, sin errores de validación críticos.
Errores de accesibilidad más frecuentes
Según el reporte anual WebAIM Million, que analiza el millón de sitios web más visitados, los errores más comunes son:
| Error | % de sitios afectados | Principio WCAG |
|---|---|---|
| Bajo contraste de texto | ~82% | Perceptible (1.4.3) |
| Imágenes sin texto alternativo | ~58% | Perceptible (1.1.1) |
| Formularios sin etiquetas | ~45% | Comprensible (3.3.2) |
| Botones sin nombre accesible | ~27% | Robusto (4.1.2) |
| Links sin propósito claro ("clic aquí") | ~23% | Operable (2.4.4) |
| Idioma de la página no declarado | ~18% | Comprensible (3.1.1) |
Cómo auditar la accesibilidad de tu sitio
Existen herramientas automatizadas que pueden detectar una parte importante de los problemas de accesibilidad:
- WAVE (wave.webaim.org): Herramienta visual en línea que superpone iconos sobre la página indicando errores, alertas y elementos correctos. Ideal para una primera evaluación.
- axe DevTools: Extensión de Chrome/Firefox que analiza la página activa. Detecta violaciones WCAG clasificadas por impacto.
- Lighthouse (Chrome DevTools): La auditoría de accesibilidad de Lighthouse (disponible al presionar F12 en Chrome) entrega una puntuación de 0 a 100 con problemas específicos.
- Colour Contrast Analyser: Herramienta de escritorio para verificar el ratio de contraste entre texto y fondo.
Las herramientas automatizadas detectan aproximadamente el 30-40% de los problemas de accesibilidad. Para una evaluación completa, es necesario combinar revisión automática con pruebas manuales, incluyendo navegar con teclado y usar un lector de pantalla como NVDA (gratuito) o VoiceOver (macOS/iOS).
Guía práctica: cómo mejorar la accesibilidad de tu sitio
Agrega texto alternativo a todas las imágenes
El atributo alt describe la imagen para lectores de pantalla. Para imágenes decorativas usa alt="" (vacío). Para imágenes informativas describe lo que muestra. Para imágenes que son enlaces, describe el destino del enlace.
Verifica el contraste de colores
Texto normal requiere ratio de contraste 4.5:1 contra el fondo. Texto grande (18pt o 14pt negrita) requiere 3:1. Herramientas como WebAIM Contrast Checker calculan el ratio automáticamente.
Asegura la navegación por teclado
Presiona Tab repetidamente en tu sitio. Debes poder acceder a todos los enlaces y controles. El foco debe ser visible en todo momento. No debe existir ningún "trampa de foco" donde el usuario no pueda salir con el teclado.
Usa HTML semántico
Usa los elementos HTML correctos: <h1>-<h6> para encabezados en orden jerárquico, <button> para botones, <a href> para enlaces, <nav>, <main>, <footer> para la estructura.
Etiqueta todos los campos de formulario
Cada campo de formulario debe tener una etiqueta <label> asociada. El placeholder no reemplaza a la label porque desaparece al escribir y no es compatible con todos los lectores de pantalla.
Subtitula los videos y audios
Los subtítulos permiten que personas sordas o con baja audición accedan al contenido audiovisual. Las plataformas como YouTube ofrecen subtítulos automáticos, aunque siempre es recomendable revisarlos para mayor precisión.
Declara el idioma en el HTML
El atributo lang="es" en la etiqueta <html> indica a los lectores de pantalla el idioma para pronunciar correctamente el contenido. Para contenido en otro idioma usa lang en el elemento específico.
Accesibilidad = mejor SEO y experiencia de usuario
Muchas mejoras de accesibilidad también benefician directamente el posicionamiento en buscadores:
- El texto alternativo en imágenes ayuda a Google a indexar el contenido visual.
- La estructura semántica con encabezados facilita el rastreo de bots.
- Tiempos de carga menores y sitios usables en móvil (criterios de accesibilidad de operabilidad) son factores de ranking.
- Un sitio accesible es más fácil de usar para todos, no solo para personas con discapacidad, lo que reduce la tasa de rebote.
¿Cuándo es obligatoria la accesibilidad web en Chile?
Para el sector público chileno, el estándar WCAG 2.0 AA es obligatorio según las instrucciones del Ministerio Secretaría General de Gobierno (instrucción técnica Nº 001). Las instituciones del Estado deben realizar una declaración de accesibilidad en sus sitios web.
Para el sector privado, no existe actualmente una obligación legal directa de cumplir WCAG. Sin embargo:
- Las licitaciones del Estado chileno en desarrollo web frecuentemente exigen WCAG 2.1 AA.
- La Ley 20.422 establece el principio de no discriminación que puede aplicarse en contextos digitales.
- Las tendencias regulatorias internacionales (EAA europea, ADA americana) apuntan a mayor exigencia que probablemente llegará a Chile en los próximos años.
La recomendación de Adecua es adoptar accesibilidad WCAG 2.1 AA como estándar para todos los proyectos web, independientemente de si es legalmente exigible. Es la decisión correcta para el negocio y para la sociedad.
¿Necesitas mejorar la accesibilidad de tu sitio web?
En Adecua desarrollamos e implementamos sitios web con estándares de accesibilidad desde la base. Conversemos sobre tu proyecto.
Hablar con un especialista