Badge

Semántica

• Se renderiza como un elemento `<span>`.
• Lleva los atributos `data-scope="badge"` y `data-part="root"`.
• Contiene contenido de texto presentacional proporcionado a través de `children`.

ARIA

• El badge no añade roles o propiedades ARIA por defecto; se basa en su presentación visual como una etiqueta en línea.
• Los consumidores pueden añadir roles semánticos como `role="status"` o `aria-label` dependiendo del contexto y el significado del contenido del badge.

Responsabilidades del consumidor

• Proporcionar contenido de texto significativo a través de `children` que comunique el propósito del badge.
• Añadir `aria-label` o rol ARIA cuando el badge comunica información de estado en vivo o dinámica.
• Asegurar suficiente contraste de color entre el texto del badge y el fondo para la legibilidad.

No aplicable

keyboard

Badge es un elemento de presentación no interactivo sin interacciones de teclado.

focus

Badge es un elemento de presentación no interactivo y no recibe enfoque.