用途
该技能属于前端无障碍检查规则,主题为“避免使用已废弃的 ARIA 角色”。它适用于审查渲染后的 HTML、交互组件或设计系统模式,帮助开发者在代码审查阶段发现并修正已废弃的 ARIA 角色用法。
主要能力
- 检查:在代码库中搜索已废弃的 ARIA 角色,例如 directory,以及不应在 HTML 中使用的抽象角色。
- 修复:将已废弃的 ARIA 角色更新为现代推荐的等效角色,或改用原生 HTML 元素。
- 解释:说明使用已废弃 ARIA 角色的风险,以及迁移到现代 ARIA 标准的好处。
- 代码审查:审查渲染后的标记和交互状态,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器无障碍工具或辅助技术验证修复。
使用方式
该技能以规则形式提供,可在代码审查或无障碍检查流程中调用。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/accessibility/aria-deprecated-role。
适用场景
- 审查前端代码中的 ARIA 角色使用情况。
- 检查设计系统或组件库中的无障碍模式。
- 在代码合并前进行无障碍合规性检查。
限制
使用已废弃角色可能导致不同浏览器和屏幕阅读器行为不一致,且浏览器未来版本可能不再支持这些角色。该技能的具体实现细节、代码示例和框架相关指导需参考 references/rule.md,本资料未提供更多内容。