Accesibilidad en WordPress: los 10 fallos más comunes y dónde se arreglan sin programar
Lo que sale una y otra vez al escanear sitios en WordPress: imágenes sin descripción, contraste del tema, formularios de plugins sin etiqueta, carruseles. Y el menú exacto donde se corrige cada uno.
· Rampa
WordPress en sí es razonablemente accesible: el núcleo sigue las pautas WCAG desde hace años. Los fallos vienen de tres sitios: el tema (colores, botones, menús), los plugins (formularios, carruseles, chats) y el contenido (fotos subidas sin descripción). Esto es lo que más se repite en los escaneos y dónde se corrige cada cosa.
1. Imágenes sin texto alternativo
El fallo número uno en cualquier sitio. Se corrige en Medios → Biblioteca → clic en la imagen → "Texto alternativo": una frase que diga qué hay en la foto. Si la imagen es decorativa (un adorno, un separador), deja el campo vacío a propósito; el lector de pantalla la salta.
2. Contraste bajo en el tema
Gris claro sobre blanco en subtítulos, precios y pies de foto. Apariencia → Editor → Estilos → Colores (temas de bloques) o Apariencia → Personalizar → Colores (temas clásicos). El texto normal necesita 4,5:1 contra el fondo.
3. Enlaces que dicen "leer más" o "clic aquí"
Edita la entrada, selecciona el enlace y cambia el texto por algo que diga a dónde va: "Ver precios", "Leer el artículo sobre X". En listados de entradas, muchos temas tienen la opción "incluir el título en el enlace Leer más".
4. Campos de formulario sin etiqueta
Contact Form 7, WPForms y Gravity permiten ocultar la etiqueta y dejar solo el texto de ejemplo. El texto de ejemplo desaparece al escribir y el lector de pantalla no lo lee. Edita el formulario y activa la etiqueta visible en cada campo.
5. Idioma no declarado
Ajustes → General → Idioma del sitio. Si está en "English" y tu sitio es en español, el lector de pantalla lee el español con voz inglesa.
6. Encabezados que saltan de H2 a H4
En el editor, cada bloque de encabezado tiene su nivel. No saltes niveles: H1 (el título), H2 (secciones), H3 (subsecciones). Muchos temas dejan H1 al título automáticamente; no pongas otro H1 en el contenido.
7. Carruseles que se mueven solos
Slider Revolution, Smart Slider, el carrusel de Elementor: casi todos tienen "autoplay" activado. Desactívalo o añade el botón de pausa (opción "mostrar controles"). WCAG exige poder parar cualquier cosa que se mueva más de 5 segundos.
8. Botones demasiado pequeños en el celular
Iconos de redes en el pie, flechas de carrusel, la X del aviso de cookies. Mínimo 24×24 píxeles. En Personalizar → CSS adicional se puede subir el tamaño; muchos plugins de cookies tienen la opción "tamaño del botón".
9. Zoom bloqueado
Algunos temas y plugins de "web app" añaden user-scalable=no y bloquean el zoom en el celular. Busca esa opción en el tema ("desactivar zoom") y apágala.
10. Videos sin subtítulos
Si el video está en YouTube, activa los subtítulos ahí (y revísalos: los automáticos tienen errores). Si lo subiste a WordPress, Medios → el video → "Pistas de texto" acepta un archivo .vtt.
Y lo que no se arregla con menús
Menús desplegables que no se abren con el teclado, ventanas emergentes que atrapan el foco, iconos-enlace del tema sin nombre: eso está en el código del tema. Ahí lo que necesitas es el HTML corregido para pasárselo a quien lo instaló, no otro plugin.