Ir al contenido

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. 1. Imágenes sin descripción

    Se arregla en el editor, sin código

    El 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.

    Cómo corregir: Imágenes sin descripción

  2. 2. Texto difícil de leer

    Se arregla en el editor, sin código

    Hay 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.

    Cómo corregir: Texto difícil de leer

  3. 3. Enlaces que no dicen a dónde llevan

    Se arregla en el editor, sin código

    Enlaces 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.

    Cómo corregir: Enlaces que no dicen a dónde llevan

  4. 4. Campos de formulario sin etiqueta

    Se arregla en el editor, sin código

    En 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.

    Cómo corregir: Campos de formulario sin etiqueta

  5. 5. La página no declara su idioma

    Se arregla en el editor, sin código

    El 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.

    Cómo corregir: La página no declara su idioma

  6. 6. La página no tiene título

    Se arregla en el editor, sin código

    La 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).

    Cómo corregir: La página no tiene título

  7. 7. Títulos fuera de orden

    Se arregla en el editor, sin código

    Los 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.

    Cómo corregir: Títulos fuera de orden

  8. 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).

    Cómo corregir: Botones demasiado pequeños para tocar

  9. 9. Videos sin subtítulos

    Se arregla en el editor, sin código

    Los 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í.

    Cómo corregir: Videos sin subtítulos

  10. 10. El zoom está bloqueado en el celular

    Se arregla en el editor, sin código

    Tu 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.

    Cómo corregir: El zoom está bloqueado en el celular

  11. 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).

    Cómo corregir: Botones sin nombre

  12. 12. La página no tiene un título principal

    Se arregla en el editor, sin código

    Las 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).

    Cómo corregir: La página no tiene un título principal

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.

Mira qué falla en tu sitio WordPress, en un minuto

Pon tu dirección. Cada fallo explicado sin jerga, el código corregido y el menú exacto donde se arregla. Gratis, sin cuenta.

Una oportunidad más: escaneo gratis · sin cuenta

Otras plataformas

Las pruebas automáticas cubren cerca de la mitad de los criterios WCAG; una declaración de conformidad completa requiere además revisión manual. Información técnica, no asesoría legal.