How do I install the Definition List skill?

Run npx skillmds@latest add thedaviddias/definition-list 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 Definition List 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 Definition List?

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 Definition List free to use?

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

Who published Definition List?

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

Definition List by thedaviddias — Agent Skill

Name: Definition List
Author: thedaviddias

Definition List

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct definition list structure. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias e1653c3 2 files · 4.6 KB Updated Sep 17, 2026

File contents

Use correct definition list structure

Broken list structures confuse assistive technologies, preventing users from understanding the relationship between terms and their definitions.

Quick Reference

Ensure <dl> contains only <dt>, <dd>, or / tags
Avoid wrapping list items in invalid container elements like
Maintain semantic relationships between terms and descriptions

Check

Verify that all <dl> elements contain only valid child elements (dt, dd, or allowed wrappers).

Fix

Remove any invalid elements from within the <dl> or wrap them appropriately to maintain semantic integrity.

Explain

Explain how proper definition list structure helps screen readers navigate and group related information.

Code Review

Review the rendered markup and interactive states that affect Use correct definition list structure. 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/definition-list

Frequently asked questions