tables
CommunityMake data tables accessible and robust
Authormgifford
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Data tables often lack semantic markup, making them difficult to understand for screen readers and other AT. This skill guides teams to ensure correct usage of captions, headers with scope attributes, and proper structure to convey relationships and improve accessibility.
Core Features & Use Cases
- Enforces <caption> presence and proper heading semantics (<th scope>, <thead>/<tbody>/<tfoot>) for data tables.
- Promotes responsive table patterns and fallback strategies for readers using assistive tech across devices.
- Helps CMS/Framework outputs (WordPress, Drupal, DataTables.js, etc.) align with accessibility best practices.
Quick Start
Review your project’s HTML tables and apply the rules in this skill to ensure captions, headers, and semantic sections are present.
Dependency Matrix
Required Modules
[]
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tables Download link: https://github.com/mgifford/accessibility-skills/archive/main.zip#tables Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.