Construir un Internet para Todos

sobre un fondo verde oscuro, una línea vertical amarilla, aparece el titulo en letras blancas que dice: "Guía para crear sitios web accesibles e inclusivos" en la siguiente línea: "Asociación Nacional de Ciegos de Guatemala (ANCG)"
en la parte inferior de la imagen, del lado derecho el texto "Accesibilidad Web WCAG 2.1 AA"

La accesibilidad web como un derecho humano

El acceso a la información no es un privilegio, sino un derecho humano fundamental. Para las personas con discapacidad, navegar por Internet puede ser la puerta hacia la educación, el empleo, la cultura y la participación ciudadana. Sin embargo, la mayoría de los sitios web institucionales aún presentan barreras invisibles: menús que no pueden usarse con teclado, formularios imposibles de leer con lectores de pantalla, o documentos en formato imagen que nadie puede leer con un software de asistencia.

En Guatemala, estos desafíos se enmarcan en los compromisos legales asumidos por el Estado al aprobar la Ley de Atención a las Personas con Discapacidad (Decreto 135-96) y la Convención sobre los Derechos de las Personas con Discapacidad (Decreto 59-2008).

El Artículo 9 de la CDPD exige asegurar que las personas con discapacidad puedan acceder, en igualdad de condiciones, al entorno físico, el transporte, la información, las comunicaciones y los servicios electrónicos. El Artículo 21 establece la obligación de los gobiernos de garantizar el acceso a la información pública en formatos accesibles y tecnologías apropiadas.

Garantizar que un sitio web sea accesible no es solo cumplir con la ley: es abrir la puerta a la inclusión, la transparencia y el ejercicio efectivo de derechos.

¿Qué significa que un sitio sea accesible?

Un sitio accesible es aquel que puede ser utilizado por todas las personas, sin importar su condición visual, auditiva, motriz, intelectual o múltiple. Esto implica que:

  • Pueda navegarse con teclado, sin necesidad de usar el ratón.
  • El texto sea legible por lectores de pantalla.
  • Los colores tengan contraste suficiente.
  • Las imágenes tengan descripciones alternativas (“alt text”).
  • Los formularios sean fáciles de llenar y confirmar.
  • El sitio use un lenguaje claro y comprensible.
  • Los documentos descargables estén en formatos accesibles (no escaneos ni imágenes).

Estándares internacionales: WCAG 2.1 Nivel AA

La guía técnica internacional para la accesibilidad web es la WCAG (Web Content Accessibility Guidelines), desarrollada por el W3C (World Wide Web Consortium). La versión vigente es la WCAG 2.1, y su nivel de cumplimiento más recomendable para sitios institucionales es el Nivel AA.

Los cuatro principios básicos son:

  1. Perceptible – La información debe poder ser percibida de más de una forma (texto, audio, braille, alto contraste).
  2. Operable – Debe poder usarse con teclado, voz u otros medios.
  3. Comprensible – El contenido y la navegación deben ser predecibles y claros.
  4. Robusto – Compatible con distintos navegadores y tecnologías asistivas.

Guía práctica para equipos técnicos e informáticos

1. Estructura HTML semántica

  • Usa correctamente los encabezados (<h1>, <h2>, <h3>).
  • Añade lang="es" al inicio del documento.
  • Utiliza role y aria-* donde sea necesario.

2. Navegación y teclado

  • Asegura que todos los menús, botones y enlaces sean accesibles con Tab y Enter.
  • Mantén el foco visible en todo momento.

3. Formularios accesibles

  • Cada campo debe tener una etiqueta asociada (<label>).
  • Muestra mensajes claros de error y confirmación.
  • Incluye un aviso de recepción accesible.

4. Imágenes y multimedia

  • Añade siempre texto alternativo (alt) a las imágenes informativas.
  • Evita imágenes con texto incrustado.
  • Incluye subtítulos o transcripciones para videos y audios.

5. Contraste y color

  • Usa combinaciones con contraste mínimo 4.5:1.
  • No dependas solo del color para transmitir información.

6. Documentos descargables

  • Publica PDF etiquetados y legibles por lector de pantalla.
  • Evita imágenes escaneadas.
  • Prefiere versiones en HTML o Word accesible.

7. Lenguaje claro

  • Usa frases cortas y comprensibles.
  • Incluye listas, subtítulos y enlaces descriptivos.

Herramientas para verificar accesibilidad

  • WAVE: extensión gratuita que detecta errores comunes.
  • Lighthouse: (DevTools de Chrome) genera informes WCAG automáticos.
  • axe DevTools: analiza compatibilidad con lectores de pantalla.
  • Colour Contrast Analyzer: mide contraste entre texto y fondo.

Hacia una web institucional inclusiva

La accesibilidad web no se logra con un solo cambio técnico, sino con una visión institucional de inclusión digital. Cada ajuste en el sitio de una institución pública es un paso hacia una Guatemala más justa, donde todas las personas puedan buscar, recibir y compartir información en igualdad de condiciones.

La Asociación Nacional de Ciegos de Guatemala (ANCG) promueve la implementación de estándares internacionales de accesibilidad web y apoya a las instituciones interesadas en transformar sus plataformas digitales. La accesibilidad no es solo un requisito técnico: es una decisión ética y política para que nadie quede fuera del espacio público digital.

¿Necesitas orientación técnica?

El equipo técnico de la ANCG brinda acompañamiento a instituciones y desarrolladores que deseen implementar buenas prácticas de accesibilidad web. Contáctanos en https://ancg.org.gt/contacto.