Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

AI agent for web designers

Accessible Alt Text and Reading Order Agent

A document or page with meaningful alt text and a correct reading order, confirmed by an accessibility check

Quality controlCreativesIT and development
See how it worksGet access
Accessible Alt Text and Reading Order Agent: what goes in, what the agent does and what you get

What it does

A deck or web page goes live, and a screen reader user hears 'image, image, image' and then a title after the footer. This agent scans a deck or page and lists every image, chart and element that lacks a description, is marked decorative when it carries meaning, or sits in the wrong order in the reading sequence. It drafts alt text based on the content and the context of the slide or section, keeps it short and useful, and suggests a reading order that follows the visual flow. Then it retests with an accessibility checker and a screen reader style walkthrough, looping until the checker finds no errors. It also flags low contrast and missing headings it notices on the way. The owner approves the final text. Edge case: a chart gets a summary of its key finding, not a description of its colors.

How it works

Follow the arrows from top to bottom. The orange dashed arrow is the loop: when a check fails, the agent goes back and tries again.

Start and resultWhat it doesA check on its own workWaits for your OKGoes back and retries
ApprovedYes, continueYes, continueNoNo 1 STARTS WHEN Document ready for publishing 2 USES A TOOL Run the accessibility checker and list the issues 3 DOES List images and charts with missing, weak orincorrect alt text 4 DOES Draft alt text from the image and the surroundingcontext 5 DOES Map the reading order against the visual layout 6 YOU APPROVE Owner approves the alt text and the reading order 7 USES A TOOL Apply the approved text and order on a copy 8 USES A TOOL Run the accessibility checker again 9 CHECKS THE RESULT Does the checker report no errors for alt text andreading order? If not: List the remaining issues and revise the text ororder. Back to step 3. 10 CHECKS THE RESULT Does a walk through the reading order make sense insequence? If not: Reorder the elements and recheck. Back to step5. 11 RESULT Accessible document and issue report
Read the steps as a list
  1. Document ready for publishing
  2. Run the accessibility checker and list the issues
  3. List images and charts with missing, weak or incorrect alt text
  4. Draft alt text from the image and the surrounding context
  5. Map the reading order against the visual layout
  6. Owner approves the alt text and the reading orderThe agent waits here for your OK.
  7. Apply the approved text and order on a copy
  8. Run the accessibility checker again
  9. Does the checker report no errors for alt text and reading order?If not: List the remaining issues and revise the text or order. Back to step 3.
  10. Does a walk through the reading order make sense in sequence?If not: Reorder the elements and recheck. Back to step 5.
  11. Accessible document and issue report

How it decides

It treats an image as meaningful when removing it would lose information, writes alt text that conveys that information, and marks it decorative only if it adds nothing.

  • Mark an image decorative only if it adds no information
  • Keep alt text under 150 characters unless the image needs more
  • For a chart, state the key finding and the data type
  • Reading order follows the title, then content from top left to bottom right unless the design says otherwise

Make it yours

Every agent is a starting point. You choose these settings for your own situation.

  • Checker or standard used
  • Alt text length limit
  • Which images are decorative
  • Format of the issue report
  • Language and tone of alt text

What keeps you in control

It always asks you first

  • Owner approves every alt text and the final reading order

Hard limits

  • Never publish the document
  • Never invent facts in alt text

It stops when

  • Done: The checker finds no alt text or reading order issues
  • Stop: An image's meaning is unclear, so the agent asks the owner what it conveys

Set it up

We guide you through the set-up, step by step

Members get the full set-up guide for this agent. No technical skills needed: you copy, paste and upload.

10 minto set it up in your AI
5 AIsChatGPT, Claude, Copilot, Gemini, Grok
  • One set of instructions to paste into your AI, with the clicks for ChatGPT, Claude, Microsoft 365 Copilot, Gemini and Grok
  • The agent then walks you through connecting your own data, one source at a time
  • A downloadable copy with the flow chart, the rules and the full guide
Get access to this agent

An example run

What happensA 22 slide deck has 31 images; 19 lack alt text and slide 8 reads the footer before the title. The agent drafts alt text for each, writes a chart description as 'Sales rose from 1.2 to 1.9 million between 2023 and 2025', and reorders slide 8. The checker passes all but two decorative lines marked wrongly, so the agent revises them and reruns.

More agents for web designers

Quality control · Creatives

Design System Drift Repair Agent

Working design files match the approved design library, without breaking layouts or intentional exceptions.

10 steps2 checks5 jobs
Quality control · Creatives

Creative Handoff Packaging Agent

A complete delivery package that matches the client's checklist on the first try.

9 steps1 check5 jobs
Quality control · Coding

Public Form Accessibility Agent

Every public form remains accessible after each revision.

7 steps2 checks5 jobs
Planning · Decisions

Landing Page A/B Test Planning Agent

A single-change test plan that is launched correctly and read at the right time

11 steps2 checks6 jobs