Free
Sin tarjeta de crédito0 $
Gratis para siempre
- Abrir el inspector y navegar
- Tarjeta de elemento
- 25 generaciones de AI Element Fix únicas
- Vista previa en el navegador
- Dock de escritorio y panel móvil
Inspector de accesibilidad para WordPress
Del hallazgo directamente al punto afectado
Un clic en el resultado del test y el inspector marca el elemento en tu web, con todos los detalles que necesitas para corregirlo.
Se acabó buscar en el código fuente: el inspector de accesibilidad te muestra cada hallazgo allí donde se produce, te explica el elemento y, con IA, propone una solución que pruebas al instante en el navegador.
- Elementos afectados marcados directamente en la página
- Tarjeta de elemento con rol, nombre, tamaño y visibilidad
- AI Element Fix con vista previa en el navegador
Así funciona
En cuatro pasos del resultado del test a la solución
El inspector conecta el test de accesibilidad con tu web real. Cada hallazgo te lleva directamente al elemento que lo provoca, sin herramientas de desarrollo y sin adivinar.
-
Paso 1: Abre el hallazgo en el resultado del test
Cada hallazgo del test de accesibilidad enumera los elementos afectados. En un elemento, haz clic en «Mostrar en el inspector».
-
Paso 2: Salta directamente al punto
La página se abre con el inspector. El elemento se marca, se desplaza a la zona visible y se resalta brevemente.
-
Paso 3: Revisa el elemento y el hallazgo
La tarjeta de elemento muestra tipo, rol, descripción, tamaño y visibilidad. Con «Atrás» y «Siguiente» recorres todos los puntos afectados.
-
Paso 4: Prueba la solución y aplícala
AI Element Fix propone una corrección de código y la muestra como vista previa en el navegador. El cambio definitivo lo haces en el editor o en el tema.
Tarjeta de elemento
Todo sobre el elemento de un vistazo
La tarjeta de elemento describe el elemento marcado tal como lo ven el navegador y las tecnologías de apoyo. Así reconoces si un hallazgo se debe al contenido, al marcado o a un ajuste del tema.
-
Icono, tipo y ruta DOM
El elemento se muestra con su icono de tipo, su nombre accesible y su ruta en el documento, para que también lo encuentres en el código.
-
Visibilidad y tamaño
Ves si el elemento está visible u oculto, qué dimensiones tiene y si forma parte del árbol de accesibilidad.
-
Rol y descripción
El rol, la descripción y el nombre accesible muestran lo que los lectores de pantalla anuncian para este elemento, sin que tengas que abrir las herramientas de desarrollo.
Cuando no aparece una marca clara
El inspector te dice qué pasa
No todos los elementos se pueden enmarcar en la página. En lugar de dejarte en la duda, el inspector explica en cada caso por qué no es posible marcar y qué puedes hacer.
Función de IA
AI Element Fix: propón la solución y pruébala en el navegador
Para el elemento marcado, la IA te explica por qué es importante el hallazgo y propone una corrección de código concreta. Con un clic ves el cambio como vista previa directamente en tu página, y después decides si lo aplicas.
- Explica por qué es importante el hallazgo
- Ofrece propuesta de código y vista previa directamente en el navegador
- La vista previa es temporal y no modifica tu web
- Leer y la vista previa son gratis, solo cuenta la generación
Escritorio y móvil
Un panel que se adapta a tu página
El inspector es una herramienta junto a tu web, no encima de ella. Se puede acoplar, mover y ocultar para que veas siempre libre el punto marcado, tanto en una pantalla grande como en el móvil.
-
Dock en el escritorio
El inspector se sitúa a la derecha de la página. Puedes moverlo a la izquierda, arriba o abajo para que no tape nada.
-
Panel inferior en el móvil
En pantallas pequeñas, el inspector se abre desde abajo. Con un gesto de deslizamiento lo ocultas y lo recuperas.
-
Ocúltalo cuando moleste
Un clic oculta el inspector. Un pequeño botón en el borde lo trae de vuelta en cualquier momento.
Desde la práctica
Hallazgos típicos que el inspector hace visibles
Muchas barreras son invisibles en el backend y quedan claras al instante en la página. Tres ejemplos en los que saltar al punto afectado marca la diferencia.
-
Medio WCAG 1.4.1
Enlace reconocible solo por el color
El inspector marca el enlace en el texto corrido. AI Element Fix propone un subrayado u otra característica adicional.
-
Medio WCAG 1.3.1
Orden de encabezados
Se ha saltado un nivel. Ves de inmediato qué encabezado está afectado y corriges el nivel en el editor.
-
Grave WCAG 4.1.2
Falta el nombre del botón
Un botón de icono sin texto. La tarjeta de elemento muestra el nombre vacío y la propuesta añade un aria-label adecuado.
Planes y cupos
El inspector viene incluido en todos los planes
Marcar, navegar y leer la tarjeta de elemento puedes hacerlo en todos los planes. Solo el número de generaciones de IA para AI Element Fix depende de tu tarifa; la vista previa y la lectura son siempre gratuitas.
Función
Sin tarjeta de crédito Free
0 $
Basic
95,59 $ / añoIVA del 21 % incl.
Recomendado Plus
180,29 $ / añoIVA del 21 % incl.
Premium
361,79 $ / añoIVA del 21 % incl.
Agency
1.087,79 $ / añoIVA del 21 % incl.
Abrir el inspector y navegar
Sí
Sí
Sí
Sí
Sí
Tarjeta de elemento
Sí
Sí
Sí
Sí
Sí
Generaciones de AI Element Fix
25 únicas
50 / mes
100 / mes
1.000 / mes
1.000 / mes por web
Vista previa en el navegador
Sí
Sí
Sí
Sí
Sí
Dock de escritorio y panel móvil
Sí
Sí
Sí
Sí
Sí
La indicación del plan en el checkout de Freemius es determinante para tu licencia activa. Leer y la vista previa de propuestas ya generadas no consumen cupo, solo la generación de propuestas nuevas.
Basic
Un buen comienzo95,59 $ / año
equivale a 7,97 $ / mes
79,00 $ sin IVA + 16,59 $ IVA (21 %)
- Abrir el inspector y navegar
- Tarjeta de elemento
- 50 generaciones de AI Element Fix / mes
- Vista previa en el navegador
- Dock de escritorio y panel móvil
Plus
Recomendado180,29 $ / año
equivale a 15,02 $ / mes
149,00 $ sin IVA + 31,29 $ IVA (21 %)
- Abrir el inspector y navegar
- Tarjeta de elemento
- 100 generaciones de AI Element Fix / mes
- Vista previa en el navegador
- Dock de escritorio y panel móvil
Premium
Para webs grandes361,79 $ / año
equivale a 30,15 $ / mes
299,00 $ sin IVA + 62,79 $ IVA (21 %)
- Abrir el inspector y navegar
- Tarjeta de elemento
- 1.000 generaciones de AI Element Fix / mes
- Vista previa en el navegador
- Dock de escritorio y panel móvil
Agency
Para varias webs1.087,79 $ / año
equivale a 90,65 $ / mes
899,00 $ sin IVA + 188,79 $ IVA (21 %)
- Abrir el inspector y navegar
- Tarjeta de elemento
- 1.000 generaciones de AI Element Fix / mes por web
- Vista previa en el navegador
- Dock de escritorio y panel móvil
La indicación del plan en el checkout de Freemius es determinante para tu licencia activa. Leer y la vista previa de propuestas ya generadas no consumen cupo, solo la generación de propuestas nuevas.
Bueno saberlo
¿Preguntas sobre el inspector de accesibilidad?
Qué puede hacer el inspector, qué no modifica y cómo funcionan los cupos de IA.
1. ¿Qué planes incluyen el inspector de accesibilidad?
Todos. El inspector forma parte del test de accesibilidad y está disponible de Free a Agency. Solo hay diferencias en el cupo de generaciones de AI Element Fix.
2. ¿El inspector modifica mi web?
No. El inspector solo lee la página y marca elementos en el navegador. También la vista previa de AI Element Fix es temporal: en cuanto recargas la página, desaparece. Los cambios definitivos los haces como siempre en el editor, en el tema o en tu page builder.
3. ¿Los visitantes de mi web ven el inspector?
No. El inspector solo se abre para usuarios con sesión iniciada y permisos de test, mediante una llamada segura y de duración limitada desde el resultado del test. Los visitantes no ven ni las marcas ni el panel.
4. ¿Por qué el inspector muestra «Elemento no encontrado»?
El hallazgo procede de un resultado de test guardado. Si la página ha cambiado desde entonces, por ejemplo por cambios de contenido, caché o contenidos dinámicos, el selector guardado ya no coincide. Vuelve a iniciar el test y abre el inspector desde el nuevo resultado.
5. ¿Qué cuenta en AI Element Fix contra mi cupo?
Solo la generación de una propuesta nueva. Una propuesta ya generada puedes leerla, aplicarla como vista previa y deshacerla tantas veces como quieras, sin que baje el cupo. En el plan Free hay 25 generaciones únicas; en los planes de pago, un cupo mensual por web.
6. ¿Qué significa «árbol de accesibilidad» en la tarjeta de elemento?
El árbol de accesibilidad es la estructura que el navegador pone a disposición de las tecnologías de apoyo, como los lectores de pantalla. La tarjeta de elemento muestra si el elemento forma parte de él. «Excluido» significa que un lector de pantalla no lo anuncia: en elementos decorativos es lo deseado, en elementos de control es un problema. El dato se determina lo mejor posible a partir del marcado y no sustituye una prueba con tecnología de apoyo real.
Empieza ahora
¿Listo para ver los hallazgos allí donde se producen?
Prueba tu web, salta con un clic al punto afectado y ensaya la solución antes de aplicarla.
Inspector de accesibilidad para WordPress – ve los hallazgos en la página
El inspector de accesibilidad de EZZE WCAG Pro cierra la brecha entre el resultado del test y la web. Cada hallazgo del test de accesibilidad se puede abrir con un clic en la página real: el elemento afectado se marca, se desplaza a la zona visible y se describe en una tarjeta de elemento con tipo, rol, nombre accesible, tamaño, visibilidad y ruta DOM. Así entiendes los problemas de accesibilidad sin herramientas de desarrollo y sin buscar en el código fuente.
Con «Atrás» y «Siguiente» recorres todos los puntos afectados de un hallazgo. Si un elemento no se puede marcar con claridad, por ejemplo porque es invisible, aparece varias veces o la página ha cambiado desde el test, el inspector explica el motivo y el siguiente paso.
AI Element Fix: propón soluciones WCAG y compruébalas en el navegador
Para cada elemento marcado, AI Element Fix puede generar una explicación y una propuesta de código concreta, por ejemplo un aria-label que falta, un nivel de encabezado corregido o un diseño de enlace reconocible. La vista previa aplica la propuesta solo de forma temporal en el navegador; tu web permanece sin cambios hasta que apliques el cambio en el editor, en el tema o en el page builder. Leer y la vista previa no consumen cupo, solo la generación de propuestas nuevas.
El inspector forma parte del test de accesibilidad y está incluido en todos los planes de EZZE WCAG Pro. Como dock en el escritorio o panel inferior en el móvil, se adapta a tu página: una herramienta práctica para no solo comprobar WCAG, BITV y BFSG, sino también corregir las barreras allí donde se producen.