Validate HTML data tables for captions, headers, and semantic structure.
npx skills add https://github.com/mgifford/accessibility-skills --skill tables
Please help me install this Agent Skill. Skill: tables Source: https://github.com/mgifford/accessibility-skills/tree/main/skills/tables Command: npx skills add https://github.com/mgifford/accessibility-skills --skill tables
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.
Review your project’s HTML tables and apply the rules in this skill to ensure captions, headers, and semantic sections are present.
High-intent search queries and answers about installing and using this skill.
To make HTML data tables accessible, ensure proper semantic markup using <caption> elements, <th scope> attributes for headers, and thead/tbody/tfoot sections to convey data relationships clearly to assistive technology.
For complex data tables, use <th scope> to define header relationships for simple rows or columns, and apply optional headers/id attributes to associate data cells with multiple headers, ensuring screen readers can navigate the structure.
Yes, this approach helps CMS and framework outputs from WordPress, Drupal, and DataTables.js align with accessibility best practices by guiding the implementation of proper table captions, headers, and semantic sections.
Implement responsive table patterns with fallback strategies to maintain robust keyboard navigation and consistent semantics across devices, ensuring readers using assistive technology can still access the data relationships effectively.
Use the headers and id attributes for complex tables where data cells need to reference multiple header cells, whereas <th scope> is sufficient for simple tables to define row and column relationships for assistive technology.
kreuzberg-devConvert HTML tables into GitHub Flavored Markdown pipe tables.
hdkz-devAudit web applications for semantic HTML, keyboard navigation, and color contrast issues.
imMamdouhaboammarScaffold custom themes, modules, and plugins for Drupal and WordPress.
ncaqIdentify and correct ARIA misuses and redundancies in HTML/JSX markup.
