Skip to content
Get packs

Avoid Redundant Image Alt Text

Reviews image alt text and flags wording that repeats 'image of' or duplicates nearby text.

Source Download skill
Repository
thedaviddias/Front-End-Checklist
Stars
74,632
Licence
MIT
Files
2 files

What it does

When installed, the agent checks image alt attributes in HTML for filler phrases such as 'image of' or 'photo of', and for alt text that just repeats the words around the image. It then suggests removing that redundancy so screen reader users hear only useful information. It also reviews markup for related accessibility issues like keyboard behaviour, focus flow and accessible names, and explains why screen readers already announce that something is an image.

Great for

  • Front-end developers doing an accessibility pass on a website or component library
  • Designers or content editors who write alt text and want quick feedback
  • Teams learning basic accessibility rules from a checklist-style review

Skip it if

  • Complex image accessibility decisions such as charts, diagrams or decorative images, which need human judgement beyond this simple rule (the skill is a beginner-level checklist item)
  • Full accessibility audits: it covers one narrow rule and does not replace testing with real assistive technology

Try asking

  • “Review the alt text in this HTML page and flag any that say 'image of' or 'photo of'.”
  • “Check whether my product card image alt text repeats the product name written beside it.”
  • “Fix redundant alt attributes in this component and explain why screen readers don't need them.”
  • “Scan my blog post markup for alt text that duplicates the surrounding caption.”
Step-by-step guide: how to use Avoid Redundant Image Alt TextInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    image-redundant-alt.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip image-redundant-alt.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip image-redundant-alt.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Paste the HTML snippet or point the agent at the file so it can check the actual alt attributes.
  • Ask for a before-and-after rewrite of each flagged alt text so you can review the changes quickly.
  • Pair the result with a browser accessibility checker or a screen reader test to confirm the fix works in practice.

What's inside

  • references/rule.md
  • SKILL.md

Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.