content
Available techniques:
- Accessible tooltips
Here is a pattern to create accessible tooltips
- Accordions with details and summary
Create an accordion-like component with details and summary
- User alternative text for chart graphics
Use alternative text to describe the content of charts
- 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
- Hide screenreader only content
A great technique to visually hide text content while preserving it for assistive technologies.
- Ignore decorative icons
Icons with adjacent text can be ignored by assistive technology.
- 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.
- Suficient contrast
Ensure that the contrast of readable content is sufficient.