WordPress impulsa una gran parte de la web, lo que significa que los sitios de WordPress también están entre los objetivos más habituales de las reclamaciones de accesibilidad. La buena noticia: la mayoría de las barreras en sitios de WordPress proceden de una lista corta de problemas repetidos en temas, constructores de páginas y contenido. Corrígelos y estarás mucho más cerca del nivel AA de WCAG 2.2.
Usa esta lista de verificación para auditar tu sitio. Cada punto explica qué revisar, por qué importa y cómo corregirlo en WordPress.
Tema y estructura
1. Empieza con un tema preparado para la accesibilidad
Los temas etiquetados como accessibility-ready en el directorio de WordPress.org han superado una revisión básica de navegación con teclado, enlaces de salto, encabezados y contraste. Si usas un tema premium o personalizado, pruébalo tú mismo: es la base que heredan todas las páginas.
2. Mantén un orden lógico de los encabezados
Cada página debe tener un solo H1, normalmente el título de la página o de la entrada, seguido de H2 para las secciones y H3 dentro de ellas. No elijas los niveles de encabezado por su tamaño. En el editor de bloques o en Elementor, elige el nivel por la estructura y ajusta el aspecto con estilos.
3. Asegúrate de que haya un enlace de salto
Un enlace “Saltar al contenido” permite a los usuarios de teclado saltarse el menú. Pulsa Tab una vez en tu página de inicio: lo primero que debería aparecer es un enlace de salto visible que mueva el foco al contenido principal.
4. Define el idioma de la página
Los lectores de pantalla usan el atributo de idioma para pronunciar el texto correctamente. Revisa Ajustes → Generales → Idioma del sitio y, si gestionas un sitio multilingüe con Polylang o WPML, confirma que cada versión de idioma define su propio atributo lang.
Navegación y teclado
5. Prueba todo el sitio con el teclado
Deja el ratón a un lado y usa Tab, Mayús+Tab, Intro y la barra espaciadora. Deberías poder abrir menús, usar controles deslizantes, enviar formularios y cerrar ventanas emergentes. Los megamenús y los menús móviles fuera de pantalla fallan con frecuencia.
6. Mantén visible el foco
Muchos temas eliminan el contorno de foco del navegador por estética. WCAG 2.2 exige un indicador de foco visible, y los elementos enfocados no deben quedar ocultos tras cabeceras fijas o banners de cookies. Añade un contorno claro en el CSS de tu tema, por ejemplo :focus-visible { outline: 3px solid #1f2beb; outline-offset: 3px; }.
7. Da el tamaño adecuado a las zonas táctiles
WCAG 2.2 introdujo un tamaño mínimo de destino de 24 por 24 píxeles CSS para la mayoría de los elementos interactivos. Revisa en el móvil los botones que solo llevan un icono, como los enlaces a redes sociales, las flechas de carruseles y los botones de cierre.
Contenido
8. Escribe texto alternativo significativo
Añade texto alternativo en la Biblioteca de medios o en el bloque de imagen para cada imagen que transmita información, y déjalo vacío en las imágenes puramente decorativas. Consulta nuestra guía sobre cómo escribir texto alternativo que funcione para ver ejemplos.
9. Usa textos de enlace descriptivos
“Haz clic aquí” y “Leer más” no tienen sentido fuera de contexto, y muchos usuarios de lectores de pantalla navegan por una lista de enlaces. Escribe enlaces que describan el destino, como “Lee nuestra declaración de accesibilidad”.
10. Comprueba el contraste de color
El texto normal necesita una relación de contraste de al menos 4,5:1 con su fondo, y el texto grande de 3:1. El texto gris claro, el texto sobre imágenes y los botones de colores suelen ser los culpables. Corrige los colores en los ajustes globales de tu tema o constructor de páginas para que el cambio se aplique en todas partes.
Formularios, medios y plugins
11. Etiqueta todos los campos de formulario
Cada campo necesita una etiqueta visible, no solo un marcador de posición que desaparece al escribir. Los mensajes de error deben decir qué salió mal y cómo solucionarlo. Prueba tu formulario de contacto, la suscripción al boletín y el proceso de compra de WooCommerce, y evita los CAPTCHA basados en imágenes, que excluyen a muchos usuarios.
12. Subtitula los vídeos y revisa los PDF
Añade subtítulos a los vídeos y transcripciones al audio. Los PDF subidos a WordPress también forman parte de tu sitio: necesitan etiquetas, un título y un orden de lectura lógico, o una alternativa HTML accesible.
13. Audita tus plugins
Los carruseles con reproducción automática, las ventanas emergentes que atrapan el foco, los widgets de chat sin etiquetas y los banners de cookies que no se pueden cerrar con el teclado son problemas habituales de los plugins. Asegúrate de que todo lo que se mueve se pueda pausar y sustituye los plugins que no se puedan corregir.
Mantén la accesibilidad con el tiempo
La accesibilidad en WordPress no es un proyecto puntual. Cada nueva entrada, actualización de plugin o cambio en el constructor de páginas puede introducir problemas. Un proceso sostenible es así:
- Escanea todo el sitio con regularidad y después de las actualizaciones importantes
- Da a los editores pautas sencillas sobre encabezados, enlaces y texto alternativo
- Prueba las plantillas nuevas con el teclado antes del lanzamiento
- Publica una declaración de accesibilidad y mantenla al día
Preguntas frecuentes
¿Es WordPress accesible de serie?
El núcleo de WordPress y sus temas predeterminados se crean pensando en la accesibilidad, pero tu tema, tus plugins, tu constructor de páginas y tu contenido deciden si tu sitio real es accesible.
¿Son accesibles los constructores de páginas como Elementor?
Pueden serlo. Elige con cuidado los niveles de encabezado, añade etiquetas a los botones que solo llevan icono, revisa el contraste en los colores globales y evita las animaciones que no se pueden pausar.
¿Necesito un desarrollador para hacer accesible mi sitio de WordPress?
Muchas correcciones, como el texto alternativo, los encabezados, los textos de enlace y el contraste, se pueden hacer desde el editor. Los problemas de temas y plugins a veces requieren un desarrollador o un servicio de corrección gestionado.
Revisa tu sitio de WordPress en minutos
El plugin de Reguweb para WordPress conecta tu sitio con un clic. Escanea todas las páginas según WCAG 2.2, sugiere texto alternativo escrito por IA, te avisa de plugins vulnerables y añade un widget de accesibilidad para los visitantes. Haz un escaneo gratuito ahora o empieza una prueba gratuita de 14 días sin tarjeta de crédito.
En esta página
¿Tu sitio web cumple la normativa?
Obtén tus puntuaciones WCAG 2.2 y SEO en unos 60 segundos. Sin registro.
