检查将术语与说明配对呈现的HTML定义列表，找出元素嵌套和对应关系中的问题，并帮助调整结构，使屏幕阅读器能够识别相关信息的分组。
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.
这项技能检查将术语与说明成组排列的HTML定义列表。它会查看<dl>内部的<dt>、<dd>等元素，指出因不恰当的元素或包裹方式而破坏结构的位置。它会指导删除有问题的元素或调整包裹方式，帮助修正结构，让屏幕阅读器也能识别术语与说明之间的关系。
适合审查术语表等同时展示术语及其说明的页面。即使视觉上排列整齐，屏幕阅读器读出时，信息的分界和对应关系仍可能不清楚。这时可以根据页面实际呈现的HTML排查原因，也可以用它检查设计系统中的定义列表。
<dl>，确认术语与说明的结构是否存在问题。”流程包含修改后的检查，需要使用浏览器的无障碍检查工具或辅助技术，确认相关信息是否得到恰当分组并传达。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月23日 评估。仅供参考，安装前请同时查看原文。
安装前可以查看交给 AI 代理的指令内容。
Broken list structures confuse assistive technologies, preventing users from understanding the relationship between terms and their definitions.
Verify that all <dl> elements contain only valid child elements (dt, dd, or allowed wrappers).
Remove any invalid elements from within the <dl> or wrap them appropriately to maintain semantic integrity.
Explain how proper definition list structure helps screen readers navigate and group related information.
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/rules/accessibility/definition-list
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Create and review custom 404 pages that help visitors recover from broken or moved links through search and navigation. Check the rendered page and HTTP response so missing content returns a proper 404 status.
中文简介正在准备中。当前显示英语简介。
Audit or create a dedicated About page that explains a website’s purpose and identifies its people or organization. Review the rendered output and supporting information, including expertise and contact details, to find gaps.
中文简介正在准备中。当前显示英语简介。
为页面和共用组件添加自动无障碍测试，检查现有测试的覆盖缺口，并将检查接入持续集成流程，以发现结构、属性问题及修改引入的新问题。
检查从登录、多因素认证到账户恢复的完整流程，找出禁止粘贴、验证码必须手动输入等使用障碍，并协助改进认证方式。
检查表单错误、完成通知和实时更新能否通过屏幕阅读器传达，核对实际显示的HTML属性、通知停留时间及关闭方式，并指出具体问题。
检查表头与数据单元格的对应关系，将 HTML 调整为屏幕阅读器也能传达数据含义的结构。从简单表格到包含合并单元格的复杂表格都可检查。