Skip to content
Patternfly Logo


A badge is used to annotate other information like a label or an object name. Badges are typically used to reflect counts, like number of unread notifications. Badges are not interactive.

Keyboard users should not be able to focus on a badge.

Screen reader users should be able to have a screen reader describe the contents of and purpose of a badge when it pops up, but not focus on it otherwise.

No props need to be added or modified for badge accessibility.

View source on GitHub