Navegación por teclado
Llega antes, sin ratón
Los enlaces para saltar y los atajos de teclado llevan a quien usa teclado o lector de pantalla directamente al contenido principal, a la navegación y a la búsqueda.
Sin forma de saltar, quien usa el teclado tiene que recorrer todo el menú con Tab en cada página. EZZE WCAG Pro añade a tu tema tres enlaces para saltar y cinco atajos de teclado, comprueba los destinos en tu página de inicio y está incluido en todos los planes.
- Tres enlaces para saltar que funcionan sin JavaScript
- Cinco atajos de teclado con protección contra conflictos
- Comprobación de destinos en tu página de inicio
Dos herramientas
Saltar zonas repetidas sin esfuerzo
El logotipo, el menú y la barra lateral se repiten en cada página. Quien navega con teclado o lector de pantalla necesita una forma rápida de pasarlos.
Enlaces para saltar
La primera pulsación de Tab lleva directo al contenido
Los enlaces para saltar están justo después de la etiqueta body y permanecen invisibles hasta que alguien pulsa Tab. La página de ajustes muestra cada destino en su propia tarjeta.
-
Tres destinos, activables por separado
Contenido principal, navegación y búsqueda están activos tras la instalación. Para cada destino defines el selector CSS, el texto del enlace y, opcionalmente, un atributo title.
-
Comprobación de destinos en tu página de inicio
El estado de configuración distingue entre un destino único, un destino que falta y selectores que coinciden con varios elementos.
-
Diseño de los enlaces con vista previa
Colores, tipografía, espaciados, esquinas, bordes y sombras en un solo editor, alrededor de una vista previa del enlace con foco.
-
Resaltado y margen de desplazamiento
El destino se ilumina brevemente, con fundido o zoom. El margen de desplazamiento, de 50 px por defecto, lo mantiene visible bajo una cabecera fija.
Atajos de teclado
Cinco atajos para las zonas más importantes
Con Alt + Mayús en Windows y Linux, y Control + Opción en Mac. Cada atajo se puede desactivar por separado o asignar a otra letra.
- Alt+Mayús+N Navegación
- Alt+Mayús+H Contenido principal
- Alt+Mayús+S Inicio de la página
- Alt+Mayús+E Final de la página
- Alt+Mayús+F Búsqueda
WCAG
Cuatro criterios que apoya la navegación por teclado
Los enlaces para saltar y los atajos de teclado cierran una de las carencias más habituales de los temas de WordPress. Las etiquetas que faltan o los problemas de contraste los encuentra la prueba de accesibilidad.
Conviene saber
¿Preguntas sobre la navegación por teclado?
Planes, visibilidad, JavaScript, Mac, cabeceras fijas y ayuda de teclado.
1. ¿Los enlaces para saltar y los atajos de teclado están incluidos en el plan Free?
Sí. Ambos forman parte de las optimizaciones web y están incluidos en todos los planes, también en el plan Free.
2. ¿Por qué no veo los enlaces para saltar en mi web?
Es lo correcto. Los enlaces para saltar están ocultos y solo aparecen cuando reciben el foco con la tecla Tab. Recarga la página y pulsa Tab una vez.
3. ¿Los enlaces para saltar y los atajos de teclado necesitan JavaScript?
Los enlaces para saltar no: se insertan justo después de la etiqueta body y funcionan con HTML y CSS. Los atajos de teclado necesitan JavaScript.
4. ¿Qué teclas se usan en Mac?
En Mac usas Control + Opción en lugar de Alt + Mayús, por ejemplo Control + Opción + H para el contenido principal.
5. Mi cabecera fija tapa el destino. ¿Qué hago?
Ajusta el margen de desplazamiento al menos a la altura de tu cabecera fija. Por defecto son 50 px, tanto en los enlaces para saltar como en los atajos de teclado.
6. ¿Cómo saben los visitantes qué atajos hay?
Activa la ayuda de teclado en los ajustes de la barra de herramientas de accesibilidad. Muestra los atajos activos con las etiquetas que definas.
Empieza ahora
¿Listo para una web sin rodeos?
Instala EZZE WCAG Pro gratis, comprueba tus destinos y pulsa Tab una vez en tu página de inicio.
Enlaces para saltar y atajos de teclado en WordPress
Un enlace para saltar al contenido principal es parte de lo básico de una web accesible, pero falta en muchos temas de WordPress. La navegación por teclado de EZZE WCAG Pro añade tres enlaces para saltar al contenido principal, a la navegación y a la búsqueda, además de cinco atajos de teclado que llevan a esas zonas desde cualquier punto de la página. Esto apoya los criterios WCAG 2.4.1 Evitar bloques, 2.1.1 Teclado, 2.1.4 Atajos de teclado de caracteres y 2.4.7 Foco visible.
Ambas herramientas comprueban sus selectores CSS en tu página de inicio para que ningún salto lleve al vacío. Con el diseño de los enlaces adaptas colores, fuente y sombras a tu tema, y un margen de desplazamiento mantiene el destino visible bajo cabeceras fijas.
Parte de las optimizaciones web, en todos los planes
Los enlaces para saltar y los atajos de teclado forman parte de las optimizaciones web y están incluidos en el plan Free. Junto con los contornos de foco, hacen que los visitantes vean siempre dónde están y lleguen rápido a donde quieren ir.