SuperAPI AI 工具集

semantic-lists

前端与建站

查看项目

更新于 10-16 06:42

技能介绍

用途:该技能用于在代码审查中检查页面是否使用语义化列表元素,属于无障碍(accessibility)规则。适用对象为渲染后的 HTML、交互组件以及设计系统模式。

主要能力:识别导航菜单、产品特性、步骤等成组的相关条目,验证其是否使用 ul、ol 或 dl 元素,而非用 div 或 span 加样式伪装成列表;对违规处给出具体元素、角色、标签、焦点行为或键盘交互问题,并说明如何用浏览器无障碍工具或辅助技术验证修复。

用法要点:无序列表(导航、特性、项目符号)用 ul;有序序列(步骤、排名、说明)用 ol;术语-定义对(词汇表、FAQ)用 dl。列表项用 li,定义列表用 dt/dd。屏幕阅读器会播报“包含 X 项的列表”,帮助用户理解内容组织,而样式化的 div 不提供任何语义信息。

限制:资料未提供具体代码示例、框架专属指导与完整实现细节,仅指向 references/rule.md 与规则页面;未提供收费、平台或效果信息。