Icon
What component has
Roles and attributes
The following list describes attribute that the component already has.
| Attribute | Usage |
|---|---|
aria-hidden="true" | Hides the icon from the assistive technology. |
Considerations for developers
For an "interactive" icon, use one of these components with addon only:
- Tertiary Button or ButtonLink for icon buttons
- Link for icon links
Considerations for designers
Check icon contrast against background. The contrast ratio should be at least 3:1.
Other recommendations
For more accessibility recommendations, refer to the common Accessibility guide.