Volver arriba

El botón de subir: aparece en una esquina cuando se ha bajado por la página, la sube de vuelta y lleva el foco al principio: al primer h1 que se vea, o al elemento cuyo id diga focusTarget. Aparece a partir de los píxeles de bajada que diga from (400 por defecto). Mientras no se ve, no está en el DOM, así que tampoco ocupa una parada del Tab.

Cuándo usarlo

• Páginas largas de verdad: un catálogo con muchas filas, una guía, unas condiciones.
• Junto a otro botón flotante, dentro de un FloatingGroup para que no se pisen.

Cuándo no

• Una página que cabe en dos pantallas: no aporta nada.
• Para saltar a una sección concreta: TableOfContents, que también se lleva el foco.
• Cualquier otra acción flotante: FloatingButton.

Teclado: cuando aparece es un botón en el sitio del DOM donde se ponga: al final, que es donde el teclado lo espera. Intro o Espacio suben la página y dejan el foco arriba, así que el siguiente Tab sigue desde el principio y no desde la mitad. Subir solo el scroll no es volver arriba.

Accesibilidad: se llama «Volver arriba» (label), o lo que diga text si se quiere a la vista. El desplazamiento es suave, salvo con movimiento reducido, que salta sin animación. Si el destino no es enfocable, se le pone tabindex="-1" mientras tiene el foco y se le quita al salir.

Aspecto fino: es un FloatingButton de contorno: sin variables propias; se ajusta con las --amset-button-* sobre .amset-button-floating.

En esta ficha, baja dentro del marco de cada historia para que aparezca.