Accesibilidad en WordPress: los errores comunes y dónde se corrigen
Todos los sitios WordPress que escaneamos comparten el mismo puñado de fallos. Aquí va cada uno: qué es, a quién deja fuera y dónde se corrige en WordPress. Donde dice "tema", es código, y el HTML corregido es lo que necesita tu desarrollador.
1. Imágenes sin descripción
Se arregla en el editor, sin códigoEl lector de pantalla de una persona ciega dice "imagen" y nada más. Si la imagen es un producto, una promo o un botón, esa persona no sabe qué es.
personas ciegas (lector de pantalla)
Dónde en WordPress
Sin desarrollador: Medios → Biblioteca → clic en la imagen → rellena "Texto alternativo". Para imágenes dentro de una página: clic en la imagen en el editor → ajustes del bloque → Texto alternativo.2. Texto difícil de leer
Se arregla en el editor, sin códigoHay textos demasiado claros sobre su fondo. Personas con baja visión, clientes mayores y cualquiera con el celular al sol no los pueden leer. Es el hallazgo más común en demandas de accesibilidad.
personas con baja visión · quien entra desde el celular
Dónde en WordPress
Edita la página → clic en el texto → panel Bloque → Tipografía → Color: elige un color de texto más oscuro. Para todo el sitio: Apariencia → Editor → Estilos → Colores. O pega el CSS de abajo en CSS adicional.3. Enlaces que no dicen a dónde llevan
Se arregla en el editor, sin códigoEnlaces tipo "clic aquí" o una imagen sin texto se leen como "enlace". Quien usa lector de pantalla navega saltando entre enlaces, así que estos son callejones sin salida.
personas ciegas (lector de pantalla)
Dónde en WordPress
Edita la página → clic en el enlace → reemplaza "clic aquí" por palabras que digan a dónde lleva. En enlaces de ícono/imagen, pon el Texto alternativo de la imagen.4. Campos de formulario sin etiqueta
Se arregla en el editor, sin códigoEn tus formularios (compra, contacto, registro) hay campos que no dicen qué va ahí. Un cliente ciego escucha "cuadro de texto" y no puede terminar la compra.
personas ciegas (lector de pantalla) · personas con discapacidad cognitiva
Dónde en WordPress
Si usas un plugin de formularios (Contact Form 7, WPForms, Gravity): edita el formulario → dale a cada campo una Etiqueta visible. El placeholder no basta.5. La página no declara su idioma
Se arregla en el editor, sin códigoEl lector de pantalla adivina el idioma y lee el español con voz en inglés (o al revés): no se entiende nada.
personas ciegas (lector de pantalla)
Dónde en WordPress
Ajustes → Generales → Idioma del sitio. Elige el idioma de tu contenido y guarda.6. La página no tiene título
Se arregla en el editor, sin códigoLa pestaña del navegador sale vacía y el lector de pantalla no puede decir en qué página está. También perjudica en Google.
personas ciegas (lector de pantalla) · personas con discapacidad cognitiva
Dónde en WordPress
Ajustes → Generales → Título del sitio y descripción corta; por página, usa el título de la página o tu plugin SEO (Yoast/Rank Math → Título SEO).7. Títulos fuera de orden
Se arregla en el editor, sin códigoLos títulos saltan niveles (como un documento que pasa del capítulo 1 a la sección 1.1.1). El esquema de la página deja de tener sentido para el lector de pantalla.
personas ciegas (lector de pantalla) · personas con discapacidad cognitiva
Dónde en WordPress
Edita la página → clic en cada encabezado → cambia su nivel (H2, H3) para que no salten.8. Botones demasiado pequeños para tocar
Necesita el tema (código)Algunos botones o enlaces son más pequeños que la yema de un dedo. Clientes mayores y personas con temblor no aciertan.
personas que no pueden usar el mouse · quien entra desde el celular
Dónde en WordPress
En WordPress esto vive en tu tema. Envía el código de abajo a quien instaló el tema, o aplícalo en Apariencia → Editor (temas de bloques) / Apariencia → Personalizar → CSS adicional (estilos).9. Videos sin subtítulos
Se arregla en el editor, sin códigoLos clientes sordos no reciben nada de tus videos.
personas sordas
Dónde en WordPress
Sube un archivo de subtítulos (.vtt) en Medios → tu video → "Pistas de texto", o usa los subtítulos de YouTube e incrusta desde ahí.10. El zoom está bloqueado en el celular
Se arregla en el editor, sin códigoTu sitio prohíbe agrandar con los dedos. Quien necesita ver más grande no puede.
personas con baja visión · quien entra desde el celular
Dónde en WordPress
Suele venir del tema o de un plugin móvil; busca una opción "desactivar zoom" y apágala, o aplica el código de abajo.11. Botones sin nombre
Necesita el tema (código)Los botones que son solo un ícono (menú, carrito, cerrar) se leen como "botón" y ya. Un cliente ciego no distingue el carrito del botón de cerrar.
personas ciegas (lector de pantalla) · personas que no pueden usar el mouse
Dónde en WordPress
En WordPress esto vive en tu tema. Envía el código de abajo a quien instaló el tema, o aplícalo en Apariencia → Editor (temas de bloques) / Apariencia → Personalizar → CSS adicional (estilos).12. La página no tiene un título principal
Se arregla en el editor, sin códigoLas personas ciegas navegan por títulos; sin uno principal la página no tiene punto de partida.
personas ciegas (lector de pantalla) · personas con discapacidad cognitiva
Dónde en WordPress
Edita la página → haz que el título principal sea un bloque Encabezado en nivel H1 (la mayoría de temas lo hacen solos con el título de la página).
Preguntas que hace la gente
- ¿WordPress es accesible de fábrica?
- La plataforma en sí sigue las pautas razonablemente bien; los fallos vienen del tema, de las apps o plugins y del contenido (fotos subidas sin descripción). Un escaneo de tu propio sitio te dice cuáles.
- ¿Necesito un desarrollador para arreglar la accesibilidad en WordPress?
- Para la mayoría no: texto alternativo, títulos de página, encabezados, texto de enlaces, colores y etiquetas de formulario son ajustes. Los menús que ignoran el teclado, las ventanas que atrapan el foco y los iconos-enlace sin nombre viven en el tema; para eso hace falta el código corregido.
- ¿Una app o widget de accesibilidad arregla WordPress?
- No. Un widget cambia lo que ve el visitante en el navegador; el tema y las fotos siguen como estaban, y las demandas citan el código.