Logo Gobierno de España Logo DINTEL · Sistema de diseño Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Primeros pasos ¿Qué es DINTEL? Diseñadores Desarrolladores Recursos Preguntas frecuentes Fundamentos Fundamentos Color Tipografía Elevaciones Espaciado Retícula Borde Radio Iconografía Ilustraciones Animación Accesibilidad Tokens de diseño Contenidos digitales Visualización de datos Elementos de interfaz Elementos de interfaz Módulos Plantillas Componentes Actualizaciones Contacto
Elementos de interfaz Componentes Enlace Volver

Enlace Volver

Este componente se utiliza para ayudar a los usuarios a volver a la página o sección anterior.

El botón de back link suele ser representado por una flecha hacia la izquierda o por la palabra "Atrás", y se encuentra comúnmente en la barra de navegación, en la parte superior o lateral de la pantalla.

Vista previa

Vista previa del componente de enlace volver

Usos

Cuándo usar

El usuario ha accedido a una página a través de un enlace o una acción específica, y se espera que pueda querer regresar a la página anterior. La navegación entre las diferentes páginas o secciones de la aplicación o sitio web es lineal y lógica, y el usuario puede esperar poder volver a la página anterior de manera fácil. El usuario ha realizado una acción en una página y se le pregunta si desea deshacerla o confirmarla antes de regresar a la página anterior.

Cuándo no usar

El usuario ha accedido a una página a través de un proceso no lineal o no intuitivo. El usuario ha realizado una acción en una página y la acción no puede ser deshecha o confirmada antes de regresar a la página anterior.

Comportamiento

Al hacer clic en un botón de back link en una aplicación móvil o de escritorio, el usuario es redirigido a la pantalla anterior dentro de la aplicación. Esto puede ser la pantalla desde la que se accedió a la pantalla actual, o una pantalla previamente visitada en un flujo de trabajo específico.

En algunas aplicaciones o sitios web, un botón de back link puede llevar al usuario a un paso anterior en un proceso específico, como la compra de un producto o la creación de una cuenta.

En general, es importante proporcionar al usuario una manera intuitiva de navegar a través de la aplicación o sitio web, ya sea mediante el uso de botones de back link o mediante otras herramientas de navegación, y considerar el contexto de uso y las acciones del usuario antes de redirigir al usuario.

Tamaños

Visualización del componente enlace volver a tamaño S

S

Visualización del componente enlace volver a tamaño M

M

Estados

Visualización del componente enlace volver en estado activo

Active

Visualización del componente enlace volver en estado hover

Hover

Visualización del componente enlace volver en estado focus

Focus

Visualización del componente enlace volver en estado presionado

Pressed

Visualización del componente enlace volver en estado deshabilitado

Disabled

Accesibilidad

Este componente ha sido validado para cumplir con los requisitos de accesibilidad la UNE-EN 301549:2022 en la que se engloban los criterios de la WCAG 2.1 (AA), sin embargo, los cambios del contenido y estilos pueden afectar al cumplimiento de la accesibilidad. Debemos de asegurarnos de revisar y seguir las directrices de esta sección cuando actualice o añada nuevo contenido o estilo a este componente.

Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Si continúa navegando consideramos que acepta su uso.

 Logo de Financiación por la Unión Europea NextGenerationEU Logo de Plan de Recuperación Transformación y Resiliencia Logo España digital Aviso legal Accesibilidad Política de Cookies Contacto Mapa web