La accesibilidad web es la práctica de diseñar sitios que puedan usar todas las personas, incluidas quienes tienen discapacidad visual, auditiva, motora o cognitiva, y quienes navegan con lector de pantalla, solo con teclado o con una conexión lenta. En Costa Rica, cerca del 18 % de la población reporta alguna discapacidad, y la Ley 7600 y sus reglamentos exigen igualdad de acceso a la información. Para instituciones públicas es obligatorio; para empresas privadas es, además, una ventaja: un sitio accesible es más usable y posiciona mejor.
Qué son las WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) son el estándar internacional del W3C. La versión vigente es la 2.2 (octubre de 2023). Se organizan en cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto. Y tienen tres niveles: A (mínimo), AA (el que exigen la mayoría de leyes y contrataciones públicas) y AAA (especializado).
En Costa Rica, las directrices de accesibilidad para sitios del sector público (MICITT y la Ley 8661 que ratifica la Convención sobre los Derechos de las Personas con Discapacidad) toman como referencia el nivel AA. Si vende a instituciones, es probable que se lo pidan en los carteles.
Los 12 errores más comunes que encontramos
- Imágenes sin texto alternativo, o con alt «imagen1.jpg».
- Contraste insuficiente entre texto y fondo (el mínimo AA es 4.5:1 para texto normal).
- Botones y enlaces que dicen «clic aquí» o «leer más» sin contexto.
- Formularios con campos sin etiqueta visible o asociada.
- Menús que no se pueden abrir con teclado.
- Sin indicador visible de foco al navegar con Tab.
- Videos sin subtítulos.
- Encabezados usados por tamaño y no por jerarquía (un H3 antes del H2).
- Texto en imágenes (promociones, horarios) que el lector de pantalla no puede leer.
- Carruseles automáticos sin pausa.
- Ventanas emergentes que atrapan el foco o no se pueden cerrar con Escape.
- Idioma de la página no declarado (
lang="es").
Cómo auditar su sitio
- Automático: Lighthouse (en Chrome), la extensión axe DevTools o WAVE. Detectan entre el 30 % y el 40 % de los problemas.
- Manual: navegue todo el sitio solo con teclado; abra las páginas con VoiceOver (Mac/iPhone) o NVDA (Windows); amplíe el texto al 200 %.
- Con personas: nada sustituye a un usuario real con lector de pantalla probando el formulario de contacto.
Cómo lo aplicamos en WordPress y Elementor
Elementor permite definir etiquetas semánticas, atributos ARIA y orden de foco; Hello Elementor entrega HTML limpio. En nuestros proyectos: paleta con contrastes verificados, tipografía mínima de 16 px, foco visible, alt en todas las imágenes, formularios con etiquetas, y auditoría automatizada con Lighthouse antes de entregar. Para instituciones y proyectos con requisito AA, agregamos revisión manual con lector de pantalla y un informe de conformidad.
Accesibilidad y SEO
Muchas de estas prácticas coinciden con lo que Google recompensa: textos alternativos, encabezados ordenados, enlaces descriptivos, contenido legible. Un sitio accesible es un sitio mejor rastreado. Por eso la accesibilidad básica está incluida en todo diseño de páginas web que entregamos, y la conformidad AA completa se cotiza como módulo en el cotizador.
¿Está pensando en un sitio nuevo o en mejorar el actual? Use nuestro cotizador en línea: cinco pasos y recibe un rango de inversión, sin llamadas de por medio. O escríbanos y lo revisamos juntos.
Preguntas frecuentes
¿La accesibilidad web es obligatoria en Costa Rica?
Para instituciones públicas, sí, con referencia al nivel AA de las WCAG. Para empresas privadas no hay sanción directa, pero la Ley 7600 establece el principio de igualdad de acceso y las licitaciones suelen exigirla.
¿Un plugin de accesibilidad soluciona el problema?
Los «widgets de accesibilidad» que agregan un botón flotante no corrigen el código; algunos incluso interfieren con lectores de pantalla. La accesibilidad se construye en el diseño y el HTML.
¿Cuánto cuesta hacer accesible un sitio existente?
Depende del estado. Corregir contrastes, alt y formularios en un sitio pequeño toma pocos días; una conformidad AA documentada en un portal grande es un proyecto en sí.
