Badges
Documentación y ejemplos de insignias, nuestro componente de etiquetado y recuento pequeño.
Ejemplo
Las insignias se escalan para coincidir con el tamaño del elemento principal inmediato mediante el uso de emunidades y tamaños de fuente relativos .
Encabezado de ejemploNuevo
Encabezado de ejemploNuevo
Encabezado de ejemploNuevo
Encabezado de ejemploNuevo
Encabezado de ejemploNuevo
Encabezado de ejemploNuevo
Las insignias se pueden usar como parte de enlaces o botones para proporcionar un contador.
tenga en cuenta que, según cómo se utilicen, las insignias pueden resultar confusas para los usuarios de lectores de pantalla y tecnologías de asistencia similares. Si bien el estilo de las insignias proporciona una pista visual de su propósito, a estos usuarios simplemente se les presentará el contenido de la insignia. Dependiendo de la situación específica, estas insignias pueden parecer palabras o números adicionales aleatorios al final de una oración, enlace o botón.
A menos que el contexto sea claro (como en el ejemplo de “Notificaciones”, donde se entiende que el “4” es el número de notificaciones), considere incluir contexto adicional con un fragmento de texto adicional visualmente oculto.