Optimizaciones web
Haz que tu web sea más fácil de usar
Enlaces para saltar, atajos de teclado, contornos de foco, ajustes de viewport, breadcrumbs y mejoras de enlaces: seis herramientas que actúan directamente en el front-end.
EZZE WCAG Pro complementa tu tema allí donde quienes usan teclado o lector de pantalla suelen atascarse. Activas cada herramienta por separado, la compruebas en la vista previa y no cambias ni una línea del tema.
- Las seis herramientas en todos los planes, también en el plan Free
- Apoyan criterios WCAG como 2.4.1, 2.4.7 y 1.4.4
- Comprobación de destinos, vista previa en directo y prueba de viewport
Las herramientas
Seis optimizaciones para teclado, zoom y orientación
Cada herramienta tiene su propia página de ajustes con ayuda y se activa con independencia de las demás. Las etiquetas muestran qué criterios WCAG apoya.
-
En todos los planes
Enlaces para saltar
WCAG 2.4.1 WCAG 2.1.1
Enlaces invisibles que aparecen al pulsar por primera vez la tecla Tab y llevan directamente al contenido principal, a la navegación o a la búsqueda.
- Destinos por selector CSS, comprobados en la página de inicio
- Diseño propio, resaltado y desplazamiento de scroll
-
En todos los planes
Atajos de teclado
WCAG 2.1.1 WCAG 2.4.1
Cinco atajos saltan a la navegación, el contenido principal, el inicio de la página, el final de la página y la búsqueda: con Alt + Mayús en Windows y Control + Opción en Mac.
- Incluidos en la ayuda de teclado de la barra
- «Comprobar todos los destinos» y protección contra conflictos
-
En todos los planes
Contornos de foco
WCAG 2.4.7 WCAG 1.4.11
Contornos de foco bien visibles muestran en todo momento a quien usa el teclado dónde se encuentra: como outline, border o box-shadow.
- Perfiles estándar, alternativo y para campos de formulario
- Vista previa en directo y :focus-visible por defecto
-
En todos los planes
Ajustes de viewport
WCAG 1.4.4 WCAG 1.4.10
Garantiza que los visitantes puedan hacer zoom en el móvil aunque el tema lo bloquee. El cambio se hace en el servidor.
- maximum-scale 5.0 o sin ningún límite
- Prueba de viewport con cinco puntos
-
En todos los planes
Breadcrumbs
WCAG 2.4.8 WCAG 2.4.5
Una ruta de navegación accesible muestra a los visitantes dónde están en la estructura de tu web y les permite volver con un clic.
- Se integra con shortcode o función PHP
- Marcado Schema.org y aria-current
-
En todos los planes
Mejoras de enlaces
WCAG 2.4.4 WCAG 3.2.5
Los enlaces externos que abren una pestaña nueva lo anuncian o se abren en la misma pestaña. Si quieres, todos los enlaces reciben un subrayado claro.
- Aviso para lectores de pantalla, con icono opcional
- Estilos globales de enlace para subrayado y hover
Configuración
Activar, comprobar, listo
Las páginas de ajustes te ahorran las conjeturas: comprueban los destinos en tu página de inicio real y muestran los cambios antes de que los vean los visitantes.
Con total transparencia
Lo que hacen las optimizaciones y lo que no
Las herramientas cubren carencias habituales de muchos temas. No hacen accesible de forma automática una web cuyos contenidos y plantillas contienen barreras.
Lo que hacen
- Accesos rápidos al contenido con enlaces para saltar y atajos de teclado
- Foco visible, zoom permitido y orientación clara
- Enlaces comprensibles que no abren pestañas sin avisar
Lo que no sustituyen
- HTML semántico y etiquetas en el tema y los contenidos
- Contrastes de color suficientes y textos alternativos
- La prueba de accesibilidad, que encuentra las barreras restantes
Consejo
Después de configurarlo, recorre tu página de inicio una vez solo con el teclado y luego ejecuta la prueba de accesibilidad. Para las preferencias de tus visitantes tienes además la barra de herramientas de accesibilidad.
Conviene saber
¿Preguntas sobre las optimizaciones web?
Planes, WCAG, JavaScript, breadcrumbs, atajos de teclado y estilos de enlace.
1. ¿Las optimizaciones web están incluidas en el plan Free?
Sí. Los enlaces para saltar, los atajos de teclado, los contornos de foco, los ajustes de viewport, los breadcrumbs y las mejoras de enlaces están incluidos en todos los planes, también en el plan Free. No consumen cupo de IA ni cupo de pruebas.
2. ¿Con esto mi web cumple las WCAG?
No, no de forma automática. Las optimizaciones apoyan criterios concretos como 2.4.1 Evitar bloques, 2.4.7 Foco visible o 1.4.4 Cambio de tamaño del texto. Las etiquetas que faltan, los textos alternativos, los contrastes o los problemas del tema los encuentra la prueba de accesibilidad.
3. ¿Las optimizaciones funcionan sin JavaScript?
En su mayoría, sí. Los enlaces para saltar, los contornos de foco, los breadcrumbs y los estilos globales de enlace funcionan con HTML y CSS, y los ajustes de viewport se aplican en el servidor. Los atajos de teclado y la señalización de enlaces externos necesitan JavaScript.
4. ¿Cómo integro los breadcrumbs?
Con el shortcode [wcag_breadcrumbs] en una entrada, una página o un widget, o con la función PHP wcag_breadcrumbs() en tu tema. El resultado es un elemento nav con una lista ordenada, aria-current para la página actual y una BreadcrumbList de Schema.org.
5. ¿Pueden los atajos de teclado chocar con el navegador?
Los atajos combinan Alt + Mayús, o Control + Opción en Mac, con una letra. Los atajos activos deben usar letras distintas. Si cambias una letra, elige una que tu navegador no use ya. «Comprobar todos los destinos» te muestra además si cada destino existe en tu página de inicio.
6. ¿Qué pasa si los visitantes eligen «Subrayar todos los enlaces» en la barra?
Esta opción para visitantes puede afectar a los mismos enlaces que tus estilos globales de enlace. La página de ajustes te avisa. Prueba ambas funciones juntas o deja una desactivada.
Empieza ahora
¿Listo para una web fácil de usar?
Instala EZZE WCAG Pro gratis, activa las optimizaciones web y pruébalas enseguida con el teclado.
Optimizaciones web para WordPress: teclado, foco y zoom
Muchos temas de WordPress tienen buen aspecto, pero dejan tirados a quienes usan teclado o lector de pantalla: falta un enlace para saltar, el foco no se ve o el zoom en el móvil está bloqueado. Las optimizaciones web de EZZE WCAG Pro cubren estas carencias directamente en el front-end, con enlaces para saltar, atajos de teclado, contornos de foco, ajustes de viewport, breadcrumbs y mejoras de enlaces.
Cada herramienta apoya criterios WCAG concretos, como 2.4.1 Evitar bloques, 2.4.7 Foco visible, 1.4.4 Cambio de tamaño del texto o 2.4.4 Propósito de los enlaces. La comprobación de destinos, la vista previa en directo y la prueba de viewport te ayudan a adaptar los ajustes a tu tema sin escribir código.
Incluidas en el plan Free y conectadas con las demás funciones
Las seis optimizaciones forman parte del plugin y están incluidas en todos los planes. Los atajos de teclado aparecen en la ayuda de teclado de la barra de herramientas de accesibilidad, y la prueba de accesibilidad muestra qué barreras quedan después en el tema y los contenidos. Encontrarás un resumen de todas las herramientas en la página Funciones.