Images of text are only used for decoration or when necessary
Ensure users can adjust text presentation by avoiding images of text unless essential for style or decoration. Use text whenever possible for content, as images cannot be resized or reformatted, limiting accessibility.
Acceptance Criteria
Use Images of Text only when:
• Decorative: The text is used purely for decoration and does not convey critical information.
• Essential Presentation: The specific presentation of text is essential for conveying meaning (e.g., logotypes or certain branding elements).
Examples
• Good: A webpage uses actual text elements rather than images for headings and body text, allowing users to adjust text size and style as needed.
• Good: A logo or brand name in an image is acceptable if the specific style is essential for the brand identity.
• Bad: Using images of text for regular content like instructions or article headings, which prevents users from adjusting the text for readability.
Exceptions
• Decorative Use: Images of text used purely for decoration where no functional content is lost.
• Essential Presentation: Text as part of a logo or specific branding that requires a unique style.
Tips
• Whenever possible, use HTML or CSS to style text rather than embedding text in images.
• Ensure that any essential images of text (e.g., logos) are accompanied by accessible text alternatives when feasible.
How to test?
1. Check Content: Review the content to ensure that images of text are only used for decoration or essential presentation purposes.
2. Inspect Accessibility: Verify that all important text content is provided in a format that users can adjust, such as using text elements in HTML/CSS.
3. Evaluate Essential Images: Confirm that any images of text used are either decorative or necessary for conveying information, like branding or specific design elements.