SuperAPI AI 工具集

anchor-links

前端与建站

查看项目

更新于 10-16 09:32

技能介绍

用途:在创建或审查页内锚点链接、跳过链接(skip link)、片段标识符或标题链接时应用无障碍规则;项目没有页内导航时无需加载。

主要能力与要求:导航应使用带真实 href 的 <a> 元素,只有不导航的动作才用 <button>,避免 href="#" 或 javascript:void(0) 等假链接;链接文本须在脱离上下文时也能判断用途,可用视觉隐藏文本补充上下文;片段目标须是文档内唯一、可见、稳定的 id,不得指向隐藏、折叠或未激活内容;跳过链接应为最先可获得焦点的控件并在聚焦时可见;配合 CSS 处理粘性头部遮挡(scroll-padding/scroll-margin),平滑滚动须包裹在 prefers-reduced-motion: no-preference 中;目录与滚动监听使用 aria-current="location";标题永久链接与返回顶部需有明确目标;单页应用路由须保留真实 href、历史记录与修饰键点击行为。

使用方式:按资料中的 HTML/CSS 与焦点管理示例实施,并做键盘、屏幕阅读器、缩放、运动偏好等测试。

限制:自动化检查无法确认焦点落点、粘性头部避让、运动行为或目标是否可理解;平滑滚动防护属于渐进增强要求,并非 WCAG 2.2 AA 直接测试项。资料未提供安装命令。