How do I install the Td Headers Attr skill?

Run npx skillmds@latest add thedaviddias/td-headers-attr in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Td Headers Attr safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Td Headers Attr?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Td Headers Attr free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Td Headers Attr?

thedaviddias (@thedaviddias) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Td Headers Attr by thedaviddias — Agent Skill

Name: Td Headers Attr
Author: thedaviddias

Td Headers Attr

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to headers using IDs. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias Updated Sep 17, 2026

File contents

Link table cells to headers using IDs

In complex tables with multi-level headers, explicit header-to-cell linking ensures screen readers accurately announce the relationship between data and its context.

Quick Reference

Use the headers attribute for complex tables where scope isn't enough
Ensure the headers attribute references valid id values of <th> elements
Separate multiple header IDs with spaces

Check

Verify that td headers attributes reference valid and existing th IDs.

Fix

Correct the headers attribute to reference the appropriate th IDs.

Explain

Explain when to use the headers attribute instead of scope for complex table structures.

Code Review

Review the rendered markup and interactive states that affect Link table cells to headers using IDs. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/accessibility/td-headers-attr

Frequently asked questions