Los enlaces que utilizan Next/Link omiten el componente de enlace de salto que se utiliza para la accesibilidad de los usuarios de teclado.

Si usamos etiquetas regulares, a primera pulsación de Tab en el teclado se centrará en el componente de salto de enlace, pero si estamos usando Next/Link , entonces no se centrará en eso, sino que se centrará en el segundo elemento, que en la mayoría de los casos es el logotipo.

Este error aparece cuando la página se almacena en caché. Entonces, si abre el modo de incógnito, todos los enlaces generalmente funcionarán la primera vez como se esperaba, pero cuando se vuelvan a visitar, no funcionarán.

Básicamente, esto omitirá el primer elemento en la página siguiente que se carga cuando presiono Tab ,

 <Link href="/search"> <a aria-label="Search Page" className="header__search"> Search </a> </Link>

pero esto será como se esperaba:

 <a href="/search" aria-label="Search Page" className="header__search"> Search </a>

Comportamiento esperado

Cada vez que cambiamos la página, el primer clic en la Tab debería activar un enlace de salto si está disponible allí.

Reproducir

• Ingresa a https://vercel.com/home
• Haga clic en Integraciones en la barra de navegación.
• Presiona la tecla Tab en el teclado.

Cualquier ayuda es apreciada.