Turn a chart or diagram into a short alternative, a useful explanation and structured detail. Keep the values and relationships your reader needs to reach the same understanding.
Describe your own source material. This builder does not read an image, invent values or decide whether your description is equivalent. Work stays in this tab. Download a JSON draft to continue later; nothing is saved automatically.
Write the essentials
Switching type preserves both drafts. Only the selected type appears in HTML and text exports.
For your publishing notes only. The builder never fetches this address or loads the image. Exported HTML uses a path you must replace.
Identify the graphic and point to the visible description below. Length is a tool limit, not a WCAG pass criterion.
Include the source, time period, sample, axis range, uncertainty or missing information when it changes the interpretation.
VISIBLE TEXT EQUIVALENT
Description preview
Text-only preview. Your image is not loaded here.
Before publishing
A summary can omit details that matter. Compare the complete description with the source graphic and the reader's task. This builder does not certify accessibility.
Use your description
HTML includes the selected type, a figure, visible caption and structured detail. Replace REPLACE-WITH-IMAGE-PATH before publishing and choose heading levels for its destination page. The exported preview file deliberately blocks image loading.
Inspect HTML markup
Keep a working draft
JSON preserves all fields and both chart and diagram drafts. Import replaces the current draft only after validation and confirmation. Keep a downloaded copy before leaving this page.
A11y404 complex-description version 1 files only; maximum 1 MiB. Selecting a file does not import it.
Two original practice examples
CHART / EXAMPLE DATA
Workshop participation
A fictional bar chart shows 18 participants in April, 26 in May and 24 in June. The vertical axis starts at zero. These are example counts, not research findings.
Explore a chart description
Short alternative: “Workshop participation for April to June. A description and values follow.”
Overview: Participation rose from April to May, then fell slightly in June. The count in June remained above April.
Fictional workshop participation
Month
Participants (people)
April
18
May
26
June
24
State the chart's date range and scale. Do not infer why attendance changed without evidence.
DIAGRAM / EXAMPLE PROCESS
A request with a revision loop
A fictional process has Submit request, Review and Confirm stages. If required information is missing, Review leads to Add details and then returns to Review.
Explore a diagram description
Short alternative: “Request review process with an optional revision loop. Full steps and conditions follow.”
Relationships: Submit request leads to Review. A complete request leads from Review to Confirm. Missing information leads from Review to Add details, which returns to Review.
Key: Arrows indicate direction of work. The two branches from Review are labelled Complete and Missing information.
Reading sequence: Start with Submit request. Read the review condition and follow the applicable branch. Return from Add details to Review until the request can be confirmed.
Publish the information, then test the connection
Keep the full description next to the graphic and make its location clear in the short alternative. Preserve data, labels, relationships and limitations needed for the same task.
Give data tables a useful caption and real header cells. More than two dimensions may need a different table structure or additional explanation.
Review the finished page with keyboard and assistive technology. Check that the image alternative, headings, description and table can all be found.
