SuperAPI AI 工具集

empty-heading

前端与建站

查看项目

更新于 10-16 06:07

技能介绍

用途

empty-heading 是前端检查清单(front-end-checklist)中的一条无障碍(accessibility)规则,用于确保标题元素包含文本。空标题会在文档大纲中产生“幽灵”停靠点,使依赖标题导航和理解页面结构的用户产生困惑。

主要能力

该规则提供以下能力:

  • 快速参考:为所有标题元素(h1-h6)添加可见、具描述性的文本;避免仅将标题用于样式或作为空占位符;确保文档结构对屏幕阅读器导航有意义。
  • 检查:找出任何为空或仅包含不可感知空白字符的标题标签(h1 至 h6)。
  • 修复:为空标题添加描述性文本内容,或在不需要时移除该标题标签。
  • 解释:说明有意义的标题内容对文档导航和无障碍的重要性。
  • 代码审查:审查渲染后的标记和影响“确保标题包含文本”的交互状态,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器无障碍工具或辅助技术验证修复效果。

使用方式

该规则以检查清单条目的形式提供,包含快速参考、检查、修复、解释和代码审查等部分。完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面地址为 https://frontendchecklist.io/rules/accessibility/empty-heading。

适用场景

适用于审查渲染后的 HTML、交互组件或与“确保标题包含文本”相关的设计系统模式。检查时应先考虑原生语义。

限制

关于该规则的具体收费、价格、平台支持范围等信息暂未提供。