What the component handles
- Pictograms are hidden from screen readers by default (aria-hidden="true")
What you need to provide
- In rare cases where a pictogram conveys essential information, provide aria-hidden="false" and add a descriptive title prop
Color contrast
Pictograms serve a decorative role and should not convey information independently. If a pictogram disappeared, the user context wouldn't change. Therefore, pictogram colors don't always meet accessible contrast requirements with backgrounds, as they're meant to be skipped by assistive technologies.