To ensure content is accessible and WCAG 2.1 AA compliant, please follow these guidelines when working with images that contain text (such as flyers, posters, or infographics):
Avoid Using Images with Embedded Text
Whenever possible, use real text (typed directly into WordPress using blocks) instead of uploading an image that contains important text.
- Text inside images cannot be read by screen readers.
- It does not resize well on mobile or for users who zoom in.
- It can create barriers for people with vision or cognitive disabilities.
When You Can Use Text in Images
Images with text (e.g., flyers, branded posters, event graphics) are allowed if you meet both of these requirements:
- Add concise alt text to the image
- In the WordPress image block or media library, enter short descriptive alt text.
- Example: “Flyer for Fall Arts Festival. Full text provided below.”
- Provide a full text alternative nearby
- Immediately below or beside the image, type out all the text from the image using regular blocks (headings, paragraphs, etc.).
- This ensures screen reader users and mobile users have full access to the information.
Quick Checklist Before Publishing
- Did you avoid using an image of text unless it was necessary?
- If you used a text-heavy image, did you add a short alt description?
- Did you write out all the image’s text somewhere on the page?
- Is your typed-out version easy to read, with headings and line breaks?
Acceptable Use Examples
- Logos with text (no alternative text required beyond “Company logo”)
- Posters and flyers with a full text version typed out below
- Infographics with long descriptions written in the post content
Not Allowed
- Uploading an event flyer with no alt text or description
- Using screenshots of schedules, menus, or announcements without typed versions
- Replacing important website headings or calls to action with stylized image text