Alt text examples › Infographics
Infographics are the hardest case for alt text because they are text and data dressed as an image. No single alt attribute can hold them. The correct pattern is a short alt that names the infographic and its main message, plus the complete content as real HTML text on the page or behind a link.
| # | The image | Bad alt | Good alt | Why |
|---|---|---|---|---|
| 1 | Tall infographic: "10 statistics about remote work in 2026" | infographic | Infographic: 10 remote work statistics for 2026; full text below | Short, names the topic, and tells the user where the full content is. |
| 2 | Same infographic with every statistic pasted into the alt (900 characters) | (all ten statistics in one alt attribute) | Infographic: 10 remote work statistics for 2026; full text below | Screen readers read alt as one uninterrupted block, with no headings or pause. Real HTML text below is navigable. |
| 3 | Timeline infographic of a company's history 2010-2026 | timeline | Timeline of Acme from founding in 2010 to 500 employees in 2026; milestones listed below | Give the span and the arc, put the milestones in a list. |
| 4 | How-to infographic: 5 steps to repot a plant | how to repot a plant infographic with pictures | Five steps to repot a plant: water, remove, loosen roots, replant, water again | Short step lists fit in an alt. When they do, the alt can carry everything. |
| 5 | Comparison infographic: iPhone vs Pixel specs | iPhone vs Pixel | Spec comparison of iPhone 17 and Pixel 10; the table below has every row | Comparison data belongs in an HTML table, which screen readers can navigate cell by cell. |
| 6 | Infographic with a single headline statistic: "1 in 4 adults has a disability" | statistic | 1 in 4 adults in the US has a disability (CDC) | Single-fact infographics are basically images of text: the alt is the text, with source. |
| 7 | Map-style infographic of sales by region | map | Sales by region: North America 45%, Europe 30%, Asia 20%, other 5% | When the data is small, the alt can hold it in full. |
| 8 | Decorative icon strip inside the infographic page header | icons | (empty alt="") | Ornamental icons that carry no information should be hidden from screen readers. |
WCAG 1.1.1 Non-text Content (Level A) for the short alternative; WCAG 1.4.5 Images of Text (Level AA): if the same content can be presented as real text, it should be. Put the infographic's text in the HTML. The full requirement is explained in our guide to WCAG 1.1.1 alt text requirements.
Upload a photo to the free generator and get a draft in seconds (3 images a day, no signup). On WordPress, Alt Text BYOK writes it automatically on upload and fixes your whole media library in bulk, using your own AI key.
Try the free alt text generator Alt Text BYOK for WordPress