Badges are suitable for use as counters, for example to indicate the number of notifications.


  • The use of color to add meaning provides only a visual cue and does not convey information to the assistive technology user.
  • Use visually hidden text to convey meaning to assertive technologies. We recommend using the .sr-only class.

EOS Accessibility checklist

We have developed an extensive checklist based on the Web Content Accessibility Guidelines (WCAG). Please have a look at the EOS Accessibility checklist.