Componentes
Los componentes son elementos de interfaz de usuario (UI) reutilizables que proporcionan soluciones coherentes y accesibles para las necesidades comunes de un sitio web. Los componentes de InsureKidsNow.gov cumplen con los estándares del Sistema de Diseño Web de los Estados Unidos (USWDS) para garantizar que nuestro sitio web sea accesible, confiable y fácil de usar para todos los visitantes.
Cada componente incluye pautas de diseño, recomendaciones de uso y ejemplos para ayudar a los editores de contenido y a los desarrolladores a implementarlos de forma correcta y coherente en todo el sitio web.
Por qué los componentes son importantes:
Coherencia: el uso de componentes estándar crea una experiencia previsible y familiar para los usuarios.
Accesibilidad: todos los componentes están diseñados para cumplir con los estándares de accesibilidad WCAG
Eficiencia: los componentes prefabricados ahorran tiempo y garantizan la calidad
Mantenibilidad: los componentes estandarizados son más fáciles de actualizar y mejorar.
¿Qué se incluye?
Acordeón
Un acordeón es una lista de encabezados en los que se puede hacer clic para mostrar u ocultar contenido adicional debajo de ellos. Los acordeones ayudan a organizar el contenido y permiten a los usuarios centrarse en una sección a la vez sin abrumarlos con demasiada información simultáneamente.
Volver arriba
Un enlace o botón "Volver arriba" permite a los usuarios regresar rápidamente al inicio de una página larga sin tener que desplazarse manualmente. Esto resulta especialmente útil en páginas con contenido extenso o con varias secciones.
Banner
Un banner identifica a InsureKidsNow.gov como un sitio web oficial del gobierno de los Estados Unidos. Aparece en la parte superior de cada página y ayuda a los visitantes a comprender que el sitio web es oficial y seguro.
Ruta de navegación
Las migas de pan proporcionan una navegación secundaria que muestra a los usuarios dónde se encuentran dentro de la estructura del sitio web. Muestran la ruta desde la página de inicio hasta la página actual, lo que facilita a los usuarios volver a las páginas principales.
Botón
Un botón llama la atención sobre las acciones importantes mediante un elemento claro y en el que se puede hacer clic. Los botones se emplean para acciones como enviar formularios, iniciar procesos o navegar a páginas importantes.
Casilla de verificación
Las casillas de verificación permiten a los usuarios seleccionar una o más opciones de una lista. A diferencia de los botones de opción, las casillas de verificación permiten a los usuarios seleccionar varios elementos al mismo tiempo.
Selector de fecha
Un selector de fechas ayuda a los usuarios a seleccionar una fecha específica en una interfaz de calendario. Garantiza que las fechas se introduzcan en el formato correcto y facilita a los usuarios la selección de fechas sin necesidad de escribirlas.
Paginación
La paginación divide listas largas o grandes cantidades de contenido en páginas separadas. Incluye controles de navegación (como números de página y botones de "Siguiente"/"Anterior") que permiten a los usuarios desplazarse entre las páginas.
Selector (Menú desplegable)
Un menú desplegable (también llamado elemento de selección) permite a los usuarios elegir una opción de una lista. La lista aparece cuando los usuarios hacen clic en el menú desplegable, y solo se puede seleccionar una opción a la vez.