Ensure that everyone has access to written content.
Why this matters
How to implement
See Avoid text in images for instructions on what is and isn’t allowed, and how to document text that should overlay an image.
Implement the text as provided by the UX Designer. MDN’s Styling Text provides a tutorial for text styling if you’re unfamiliar with these aspects of CSS.
How to test
- Review Avoid text in images to ensure you understand what is and isn’t allowed according to the WCAG guidelines.
- Right-click and inspect any image that appears to have text on it to confirm that the text is not embedded in the image.
- If there is no text in any image, this criteria passes.
- If there is text in an image, it must meet the exception criteria outlined in Avoid text in images to pass.