icons
Icons can transport a lot of information. The following techniques ensure that this information is also accessible when using assistive technologies like screen readers or braille keyboards.
Available techniques:
- Avoid empty buttons
Ensure that icon buttons are accessible for screenreader and other assistive technologies.
- Avoid empty links
Links with just a visible icon offer a text alternative for assistive technologies
- Ignore decorative icons
Icons with adjacent text can be ignored by assistive technology.
- Non-text elements have sufficient contrast
Ensure that the contrast between the non-text element and its background meets the minimum contrast ratio.