Accesibilidad web en Chile: guía práctica con WCAG 2.2

Accesibilidad no es una capa visual

WCAG 2.2 organiza sus recomendaciones en cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto. Esto incluye diseño, redacción, estructura HTML, interacción por teclado y compatibilidad con tecnologías de asistencia.

La Ley 20.422 establece un marco chileno de igualdad de oportunidades y medidas de accesibilidad. La aplicabilidad jurídica concreta depende del tipo de organización y servicio; esta guía es técnica y no reemplaza asesoría legal ni una evaluación formal de conformidad.

• Perceptible: alternativas y contraste suficiente.
• Operable: teclado, foco, tiempo y objetivos táctiles.
• Comprensible y robusto: lenguaje, errores, estructura y compatibilidad.

Contenido y estructura primero

Cada página necesita un título descriptivo, idioma declarado, un encabezado principal y una jerarquía que represente el contenido. Las imágenes informativas requieren una alternativa equivalente; las decorativas deben quedar fuera del árbol accesible.

Los enlaces deben explicar su destino fuera de contexto. No dependas sólo del color para comunicar estado y conserva ampliación de texto y zoom sin pérdida de información o funcionalidad.

• Título, idioma y encabezados coherentes.
• Texto alternativo según propósito de la imagen.
• Enlaces descriptivos y estados que no dependan sólo del color.

Teclado, foco y controles móviles

Toda función debe poder operarse con teclado. El foco necesita ser visible, avanzar en un orden predecible y no quedar oculto por barras persistentes. WCAG 2.2 añadió criterios sobre foco no oculto, movimientos de arrastre y tamaño mínimo de objetivos.

Menús, diálogos y asistentes deben devolver el foco al control que los abrió. En móvil, revisa objetivos táctiles, zoom, orientación y solapamientos reales; una auditoría de escritorio no cubre automáticamente la experiencia responsive.

• Recorrido completo con Tab, Shift+Tab, Enter y Escape.
• Foco visible y no cubierto por elementos fijos.
• Alternativa a gestos complejos y objetivos táctiles utilizables.

Formularios y errores recuperables

Cada campo necesita una etiqueta programática, propósito comprensible e instrucciones antes de que ocurra el error. Al validar, relaciona el mensaje con el campo y mueve el foco sólo cuando ayude a recuperarse.

No borres información válida después de un fallo. Los estados de envío deben anunciarse y el usuario debe conservar una alternativa clara. La revisión automática encuentra una parte de los problemas; teclado, lector de pantalla, zoom y comprensión requieren evaluación humana.

• Etiquetas persistentes y ayudas asociadas.
• Errores específicos con una acción de recuperación.
• Pruebas automáticas combinadas con revisión humana.

Fuentes oficiales consultadas

Estas referencias sostienen el marco factual de la guía. La aplicación concreta siempre debe revisarse según el contexto de cada organización.

• Web Content Accessibility Guidelines (WCAG) 2.2 — W3C

  Estándar técnico normativo con criterios de éxito y requisitos de conformidad.

• WCAG 2 de un vistazo — W3C WAI

  Resumen de los principios perceptible, operable, comprensible y robusto.

• Ley 20.422 — Biblioteca del Congreso Nacional

  Marco chileno sobre igualdad de oportunidades, accesibilidad y medidas contra la discriminación.