Volver arriba
El componente "Volver al principio" es un atajo que permite al usuario navegar rápidamente hasta la parte superior de una página con mucho contenido.
Cuándo usar Volver arriba:
En páginas con contenido estático que ocupe más de dos pantallas en pantallas grandes y medianas, o más de cuatro pantallas en pantallas pequeñas.
Uso:
- En pantallas grandes y medianas.
- Solo usamos un componente "Volver al inicio" por página.
Cuándo no usar Volver arriba:
- En páginas con contenido estático de corta duración.
- En pantallas pequeñas, como las de los dispositivos móviles, no habrá un componente para volver al inicio de la página.
IKN Volver arriba
Colocación:
- El componente Volver al inicio está anclado al borde inferior derecho de su contenedor principal (el área de contenido principal).
- En la vista de escritorio y tableta, debe haber al menos 5 unidades de espaciado (40 pixeles) de espacio en blanco encima del componente Volver arriba y 2.5 unidades de espaciado (20 pixeles) de espacio en blanco debajo.
Comportamiento:
- A medida que el usuario se desplaza hacia abajo en la página, el componente "Volver arriba" se muestra como un elemento fijo en el borde inferior derecho del área de contenido principal.
- El componente "Volver arriba" permanece fijo en el borde inferior derecho del área de contenido principal cuando el usuario llega al final de la página.
- Al hacer clic en "Volver arriba", el usuario regresa al inicio de la página.
Accesibilidad:
- Las animaciones pueden resultar una distracción para los usuarios con trastornos vestibulares.
- Es posible que algunos usuarios tengan desactivado el desplazamiento suave en sus preferencias, lo que afectará a la transición al volver al principio de la página.
- Después de que el usuario hizo clic en Volver arriba, el código debe enfocar un elemento cerca de la parte superior de la página, como el H1.