¡Hola y hola querido lector! Ya estoy un día más por aquí para hablarte de accesibilidad web en WordPress, que sigue siendo la gran olvidada de internet.
Una web accesible es aquella que cualquier persona puede usar sin barreras, tenga o no una discapacidad. Y además de ser lo correcto, desde 2025 es una obligación legal para muchos negocios.
En esta guía verás qué es, a quién obliga la ley, qué hacer en WordPress y qué mitos conviene evitar. ¡Vamos con ello!
Resumen rápido
- La referencia son las pautas WCAG, y el nivel habitual es el AA.
- Desde junio de 2025, la Ley Europea de Accesibilidad obliga a muchos servicios digitales, como las tiendas online.
- Los widgets de accesibilidad no hacen accesible una web: lo que cuenta es el código y el contenido.
- Lo básico cubre mucho: contraste, textos alternativos, encabezados, teclado y formularios bien etiquetados.
¿Qué es la accesibilidad web?
Es diseñar y desarrollar páginas web que cualquier persona pueda percibir, entender, navegar y utilizar, independientemente de sus capacidades.
No beneficia solo a personas con discapacidad visual, auditiva, motora o cognitiva. También a personas mayores, a quien navega con el móvil al sol o con una mano, y en general a cualquiera.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Las pautas WCAG
Las WCAG (Web Content Accessibility Guidelines) son el estándar internacional. Se organizan en cuatro principios:
| Principio | Qué significa | Ejemplo |
|---|---|---|
| Perceptible | La información se puede percibir por más de un sentido | Texto alternativo en imágenes, subtítulos en vídeos |
| Operable | Todo se puede usar con distintos dispositivos | Navegar solo con el teclado |
| Comprensible | El contenido y el funcionamiento se entienden | Mensajes de error claros en formularios |
| Robusto | Funciona con tecnologías de apoyo | HTML correcto que interpretan los lectores de pantalla |
Tienen tres niveles de cumplimiento: A, AA y AAA. El nivel AA es el que exige la normativa y el objetivo razonable para cualquier web.
¿A quién obliga la ley?
Aquí conviene ser preciso, porque se ha extendido la idea de que todas las webs deben cumplir desde 2025, y no es exactamente así:
| Tipo de web | Situación |
|---|---|
| Administraciones públicas | Obligadas desde hace años por normativa específica |
| Tiendas online y comercio electrónico | Obligadas desde junio de 2025 por la Ley Europea de Accesibilidad |
| Banca, transporte de viajeros, libros electrónicos y telecomunicaciones | Obligadas desde junio de 2025 |
| Microempresas que prestan servicios | Exentas en la mayoría de casos (menos de 10 empleados y facturación reducida) |
| Webs corporativas informativas | Sin obligación general, aunque muy recomendable |
PD. En España, la Ley Europea de Accesibilidad se ha incorporado a través de la Ley 11/2023, y la referencia técnica es la norma EN 301 549, que remite a las WCAG 2.1 AA. Si tienes dudas sobre si te afecta, consúltalo con un profesional jurídico: las exenciones dependen del tamaño de tu empresa y del tipo de servicio.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Por qué merece la pena aunque no te obligue
- Más clientes potenciales: millones de personas en España tienen alguna discapacidad.
- Mejor experiencia para todos: una web clara y bien estructurada convierte mejor.
- Mejora la base técnica que también valoran los buscadores y los asistentes con IA.
- Imagen de marca: demuestra que te importan tus usuarios.
Eso sí, la accesibilidad no es un factor de posicionamiento directo. Comparte buenas prácticas con el SEO, pero no te va a subir posiciones por sí sola.
Cómo hacer accesible tu WordPress
1. Elige una plantilla accesible
Es la base de todo. Una plantilla mal construida arrastra problemas en todas las páginas. Busca las que indiquen compatibilidad con accesibilidad y revisa cómo funcionan con teclado. Te lo cuento en mejores plantillas de WordPress.
2. Estructura bien el contenido
- Un H1 por página y sin saltar niveles, como explico en jerarquía de encabezados.
- HTML semántico:
main,nav,headeryfooterbien puestos. Te lo explico en HTML semántico. - Listas reales para las enumeraciones, no párrafos con guiones.
3. Textos alternativos en las imágenes
- Describe lo que muestra la imagen, con naturalidad.
- Déjalo vacío en imágenes decorativas, para que el lector de pantalla las ignore.
- No metas texto importante dentro de imágenes.
4. Contraste y legibilidad
- Contraste suficiente entre texto y fondo: al menos 4,5 a 1 en texto normal.
- Tamaño de letra legible y que se pueda ampliar sin romper el diseño.
- No transmitas información solo con color: un error en rojo también necesita un texto.
5. Navegación con teclado
- Todo debe poder usarse con el tabulador: menús, botones, formularios y ventanas emergentes.
- El foco debe verse: nunca elimines el contorno del foco sin sustituirlo por otro.
- Añade un enlace para saltar al contenido al principio de la página.
- Usa botones y enlaces reales, no elementos con eventos de clic.
6. Enlaces descriptivos
Evita los «haz clic aquí» y «leer más» sin contexto. Un lector de pantalla puede listar los enlaces de la página, y veinte «leer más» seguidos no dicen nada.
7. Formularios
- Cada campo con su etiqueta visible, no solo el texto de ejemplo.
- Mensajes de error claros que indiquen qué falla y cómo corregirlo.
- Captchas accesibles, o mejor invisibles.
8. Multimedia
- Subtítulos en los vídeos y transcripción si el audio es importante.
- Sin reproducción automática con sonido.
- Evita animaciones excesivas y respeta la preferencia de movimiento reducido.
9. Cuidado con los maquetadores
Los maquetadores visuales facilitan mucho el diseño, pero también generan problemas si se usan sin criterio: encabezados puestos por tamaño, iconos sin texto o carruseles imposibles de usar con teclado. Revísalo en errores SEO con Elementor.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Mitos sobre la accesibilidad
- «Con un widget de accesibilidad ya cumplo»: falso. Esas superposiciones no corrigen el código y a veces dificultan el uso con lectores de pantalla.
- «Es solo para personas ciegas»: beneficia a muchísimos perfiles.
- «Hace la web fea»: una web accesible puede ser tan atractiva como cualquier otra.
- «Es carísimo»: si se tiene en cuenta desde el principio, el coste es bajo.
- «Una herramienta automática me dice si cumplo»: detectan una parte de los problemas; el resto requiere revisión manual.
Cómo comprobar la accesibilidad de tu web
- Pasa una herramienta automática, como mi test de accesibilidad web, para detectar lo evidente.
- Revisa Lighthouse en las herramientas de desarrollo del navegador.
- Navega solo con el teclado por tus páginas principales.
- Prueba un lector de pantalla, como NVDA en Windows o VoiceOver en Mac y móvil.
- Comprueba los contrastes con un verificador de color.
- Amplía la página al 200% y mira si sigue funcionando.
Conclusiones
La accesibilidad no es un extra: es hacer bien una página web. Y para muchos negocios, además, ya es una obligación legal.
Mi recomendación: empieza por lo básico (contraste, textos alternativos, encabezados, teclado y formularios) y olvídate de los widgets milagro. Con eso resuelves la mayoría de barreras.
Si necesitas una página web accesible desde el primer día, puedo ayudarte con mi servicio de diseño web WordPress. Y si quieres revisar la tuya, te lo analizo en una auditoría SEO.
Ahora te toca a ti, querido lector. ¿Has probado alguna vez a navegar por tu web solo con el teclado? ¡Te leo en los comentarios!
Preguntas frecuentes sobre la accesibilidad web
¿Qué es la accesibilidad web?
Es diseñar y desarrollar páginas web que cualquier persona pueda percibir, entender, navegar y utilizar, independientemente de sus capacidades o del dispositivo que emplee.
¿Qué son las pautas WCAG?
Son el estándar internacional de accesibilidad web. Se basan en cuatro principios, perceptible, operable, comprensible y robusto, y tienen tres niveles de cumplimiento: A, AA y AAA.
¿Es obligatorio que mi web sea accesible?
Depende del tipo de servicio y del tamaño de la empresa. Las administraciones públicas ya estaban obligadas, y desde junio de 2025 también lo están servicios como el comercio electrónico, con exenciones para muchas microempresas.
¿Sirve un plugin de accesibilidad para cumplir la ley?
Los widgets que añaden una barra de opciones no corrigen el código ni el contenido de la página, y en ocasiones dificultan el uso con lectores de pantalla. No sustituyen a una web construida de forma accesible.
¿Mejora la accesibilidad el posicionamiento?
No es un factor de posicionamiento directo, aunque comparte muchas buenas prácticas con el SEO, como una estructura clara, textos alternativos y HTML semántico.
¿Cómo comprobar si mi web es accesible?
Combinando herramientas automáticas, que detectan los problemas evidentes, con revisiones manuales: navegar solo con el teclado, probar un lector de pantalla, verificar contrastes y ampliar la página.
¿Qué contraste de color es el mínimo recomendado?
Para el nivel AA, una relación de al menos 4,5 a 1 entre el texto normal y el fondo, y de 3 a 1 en textos grandes.
