Cuando haces clic y yo no puedo
Imagina que entras a tu web favorita y todo “parece” bien. Ahora imagina que la estoy usando yo: una persona con diversidad funcional. Navego con lector de pantalla y teclado. Me recibe un banner sin texto alternativo, un menú imposible de recorrer con el tabulador del teclado y un formulario que no me dice qué error he cometido. No es que no quiera usar tu web: no puedo.
“La accesibilidad no es un detalle técnico: es la diferencia entre poder participar o quedar fuera.”
¿Qué barreras me encuentro en un día cualquiera?
Si no veo la pantalla
Los botones dicen “leer más” sin contexto, las imágenes carecen de alt, los encabezados están desordenados y el foco se pierde. Con lector de pantalla, eso suena a laberinto.
Si tengo movilidad reducida
Los elementos clicables son diminutos, el orden con Tab salta de un sitio a otro, hay “trampas de teclado” en ventanas pop-up y sliders que no me dejan salir. Sin ratón, me quedo atrapada.
Si soy sorda o tengo pérdida auditiva
Los vídeos no tienen subtítulos fiables ni transcripción; los webinars incrustados no ofrecen lengua de signos; los avisos importantes llegan solo con sonidos.
Si tengo dislexia, TDAH o fatiga cognitiva
Párrafos muy densos, jerga innecesaria, animaciones constantes, contraste pobre. Me cuesta concentrarme, recordar el paso anterior y completar una tarea.
Si navego desde un móvil barato o conexión lenta
Una web pesada y mal optimizada es otra forma de barrera: tarda en cargar, se rompe, agota datos y batería. Accesibilidad es también rendimiento.
Vale, ¿y cómo se soluciona? Diseño inclusivo aplicado
Estructura y semántica que guían
- Usa títulos H1–H2–H3 con orden lógico.
- Describe imágenes relevantes con alt; omite las decorativas.
- Componentes nativos antes que inventos con divs; menos ARIA, mejor ARIA.
Navegación con teclado impecable
- Orden de foco predecible, sin trampas.
- Estados visibles de foco y tamaño de target táctil suficiente.
- Saltos “Ir al contenido” al inicio de la página.
Contenido que se entiende
- Lenguaje claro, frases cortas, listas cuando ayuden.
- Contraste suficiente; permite zoom al 200% sin romper el layout.
- Evita autoplay y parpadeos; ofrece controles.
Medios y formularios accesibles
- Subtítulos y transcripción para audio/vídeo.
- Formularios con label asociado, ayudas de campo y mensajes de error útiles.
- Validación accesible, sin depender solo del color; no impongas captchas intrusivos.
Rendimiento y sostenibilidad
- Imágenes responsive y comprimidas, fuentes optimizadas, carga diferida.
- Hosting eficiente y cachés bien configuradas: menos CO₂, más velocidad.
Haz la prueba: 5 test rápidos sin saber de código
1. Solo con teclado
¿Puedes usar toda la página con Tab/Shift+Tab/Enter/Espacio y ver siempre dónde estás?
2. Zoom x2
Usa las opciones de visualización de tu navegados y haz clic en «Ampliar!». ¿Sigue legible? ¿Se puede hacer scroll sin perder contenido ni funciones?
3. Sin sonido
Reproduce un vídeo en silencio. ¿Se entiende con subtítulos o transcripción?
4. Contraste a ojo
Abre la web al sol o baja el brillo: ¿texto gris sobre gris? Señal de alerta.
5. Sin imágenes
Desactívalas en el navegador: ¿los alt explican qué había? ¿Los botones siguen teniendo sentido?
Marco normativo (en sencillo)
En la UE, el sector público ya debe cumplir accesibilidad (EN 301 549 basada en WCAG). En 2025, la Ley Europea de Accesibilidad amplía obligaciones a más productos y servicios digitales. En España, el RD 1112/2018 concreta requisitos para webs y apps públicas. Traducido: no es opcional, y además es lo correcto.
Lo que gana tu web cuando es accesible
- Más personas pueden usarla: reputación y propósito con hechos.
- Mejor rendimiento y SEO: páginas ligeras, claras y rápidas posicionan mejor.
- Menos costes: menos incidencias, menos rehacer, menos soporte, menor consumo energético.
- Confianza: demuestras compromiso con la inclusión y responsabilidad social.
¿Por dónde empiezas mañana?
Prioriza tareas de alto impacto y bajo esfuerzo
- Añade alt significativos a imágenes clave.
- Repara labels y errores de formularios.
- Asegura contrastes mínimos y foco visible.
- Ordena los encabezados y añade “Ir al contenido”.
- Sube subtítulos a tus vídeos más vistos.
Incluye a personas usuarias diversas
Prueba prototipos con personas ciegas, sordas, con movilidad reducida o diversidad cognitiva. Te dirán en 10 minutos lo que una herramienta automática no detecta en 10 días.
Haz de la accesibilidad una práctica continua
Crea una checklist de publicación, define responsables y revisiones periódicas. La accesibilidad no es un proyecto: es una forma de trabajar.
Cómo te acompañamos desde Micelia
En Micelia llevamos años uniendo accesibilidad, diseño web UX y sostenibilidad para que tu web funcione de verdad, para todas las personas y con menor impacto ambiental. Si quieres pasar de la intención a la práctica, podemos ayudarte a diagnosticar, priorizar y acompañar a tu equipo en la implementación.
Dos puertas de entrada, un mismo propósito
- Consultoría de accesibilidad web: evaluación experta, plan de acción claro y acompañamiento con tu equipo. Descubre cómo trabajamos en la consultoría de accesibilidad web.
- Sostenibilidad digital: rendimiento, eficiencia y reducción de huella de carbono como parte de tu estrategia. Conoce nuestros servicios de sostenibilidad digital.
“Diseñar para todas las personas y cuidar el planeta no son caminos paralelos: son la misma ruta bien trazada.”