SuperAPI AI 工具集

breadcrumb-navigation

前端与建站

查看项目

更新于 10-16 05:42

技能介绍

用途:这是前端检查清单中的一条 HTML 规则,主题为“实现可访问的面包屑导航”。适用于审查模板、服务端渲染 HTML 与共享组件输出的面包屑标记,确认最终面向浏览器的 HTML 符合可访问性要求。

主要能力与检查点:面包屑需使用 nav 元素并设置 aria-label='Breadcrumb';使用有序列表 ol 表达语义层级;用 aria-current='page' 标记当前页面;结构化数据需与可见的面包屑路径保持一致。规则同时提供检查、修复、解释与代码审查四种使用方式:检查用于验证是否正确使用 nav、ol、aria-current;修复给出符合语义 nav 与 ol/li 结构、含正确 ARIA 属性的实现方式;解释说明良好标记对导航、SEO 与屏幕阅读器可访问性的作用;代码审查则针对模板、服务端 HTML 与共享组件,指出渲染结果中违反规则的具体元素、属性与路由。

使用方式与限制:完整实现细节、代码示例与框架相关指引见 references/rule.md,规则页面为 https://frontendchecklist.io/rules/html/breadcrumb-navigation。资料未说明安装命令、依赖、授权方式、价格及支持的框架列表,这些信息暂未提供。