Skip to content
Get packs

Accessible Tables Reviewer

Reviews HTML tables for screen-reader-friendly headers, captions and structure

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

What it does

This skill teaches an AI agent to review web page table markup for accessibility. When asked, the agent checks that data tables use proper header cells with scope attributes, a caption or labelled name, and that tables are not misused for page layout. It then reports exact elements that break the rule and suggests fixes, explaining why screen reader users need this structure to understand data.

Great for

  • Front-end developers reviewing data tables before shipping
  • Designers or QA reviewers auditing pages for accessibility issues
  • Teams wanting a consistent checklist-style review of table semantics

Skip it if

  • Teams needing a full WCAG audit; this covers only table markup, not colour contrast, keyboard behaviour across the whole page, or other areas.
  • Non-technical users without access to the HTML, since the review needs rendered markup to inspect.

Try asking

  • “Review this HTML pricing table for screen reader accessibility and tell me what to fix.”
  • “Check whether the headers in this data grid use th elements with scope attributes.”
  • “Does this complex table with merged cells need id and headers attributes? Show me the fix.”
  • “Audit my dashboard tables for layout misuse and missing captions.”
Step-by-step guide: how to use Accessible Tables ReviewerInstall, 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.

    accessible-tables.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip accessible-tables.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip accessible-tables.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 rendered HTML of the table rather than a description, so the agent can point to exact elements.
  • Mention whether the table has a visible heading nearby, since that changes which finding matters most.
  • Ask the agent to suggest how to verify the fix with a browser accessibility tool or screen reader.

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.