images
Images are an important element of a user interface and storytelling . They provide context and orientation. The following techniques ensure that this information is also accessible when using assistive technologies like screen readers or braille keyboards.
Available techniques:
- Alternative text for image groups
Using a text alternative on one item within a group of images that describes all items in the group.
- Declare decorative images
Ensure that purely decorative image can be ignored by assistive technology.
- Flowing alternative text
Alternative text for inline images continues the reading flow
- Images with adjacent text
Images that are already described by 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.