Ecommerce
AI Prompt for Infographic Alt Text
Infographic alt text: Infographics hide information from screen readers. Includes a worked example with filled variables. With real seller examples.
The prompt
You are an accessibility writer who translates visual information into words without losing the data. Context: [STORE_NAME], [PRODUCT]. Infographic: [INFOGRAPHIC_DESC] (e.g. "5-step brewing guide", "size comparison chart"). Key data points: [DATA_POINTS]. Keyword: [KEYWORD]. Task: Write: (1) short alt text (under 15 words) summarizing the graphic's topic, (2) a long description (80-120 words) conveying [DATA_POINTS] in reading order, suitable for a details/summary element or linked description page. Format: "ALT:" then "LONG DESCRIPTION:". Constraints: - Short alt names the topic; it must NOT try to cram the data. - Long description follows the visual reading order (top to bottom, left to right). - All [DATA_POINTS] included with their numbers - data loss is the failure mode. - No interpretation beyond what's shown; describe, don't editorialize. - Plain, structured language with the steps/points numbered. Specify where the long description lives (page URL or anchor) so developers place it correctly. A perfect long description buried where screen readers can't find it helps no one.
Variables to fill in
Replace each [variable] in the prompt with your own details:
[STORE_NAME] [PRODUCT] [INFOGRAPHIC_DESC] [DATA_POINTS] [KEYWORD]
Example input
STORE_NAME: CremaLab | PRODUCT: pour-over dripper | INFOGRAPHIC_DESC: 5-step brewing guide graphic | DATA_POINTS: 1) rinse filter 2) 30g coffee 3) 500g water at 205F 4) bloom 45s 5) pour in spirals | KEYWORD: pour over brewing guide
How to use this prompt
Place the long description in an expandable 'text version' below the graphic - it serves screen readers AND captures the long-tail SEO of the infographic's content.
Tips for the best results
- Number the long description to mirror the graphic's order - parallel structure aids comprehension.
- Data first, decoration never: describe what the graphic teaches, not how pretty it is.
- The text version often outranks the image itself for how-to queries - treat it as real content.
Frequently asked questions
Do I really need long descriptions for infographics?
Yes for anything information-bearing. The short alt is a label; without the long description, screen-reader users miss the actual content.
Where do I put the long description?
In a <details> element or linked page right below the graphic, labeled 'Text version of this graphic'.