用途:在创建新组件或页面区块、审查标记的可访问性与语义、在原生 HTML 元素与 ARIA 属性之间做选择、规划标题层级、构建可访问的交互元素与表单、创建响应式表格时使用本技能。
主要能力与原则:强调内容真实性,需考虑长句长词、不同宽高比图片、多语言与动态内容;先规划整页地标结构,再处理单个组件,避免过度使用地标;遵循 ARIA 第一条规则,原生元素能满足语义与行为时优先使用,避免冗余 ARIA 与用 role 覆盖原生语义;视觉层级与语义层级分离,用 CSS 类控制外观。
文档结构:跳过导航链接应作为 body 中首个可聚焦元素,主跳过链接指向 main,main 需加 tabindex="-1";地标元素包括 header、footer、nav、main、aside、search、form、article、section,main 每页仅一个且须包含主 h1;section 需通过 aria-labelledby 关联标题才成为地标;article 用于可独立存在的内容;address 用于作者或所有者联系信息而非普通邮政地址;aside 与 section 按内容移除后页面是否完整来区分。
标题与列表:每页一个 h1,不跳级;组件标题级别应可配置并有合理默认值;列表在数量对用户有帮助时使用,ul、ol、dl、menu 各有适用场景,ol 支持 reversed 与 start。
交互与表单:按钮做事、链接去往某处,但若 URL 在 JavaScript 失败时提供有意义的回退,链接也可用于类操作交互;重复按钮需唯一可访问名称;禁用控件需注意 aria-disabled 不阻止交互;轻量浮层优先使用 Popover API,而非 ARIA menu 模式;details/summary 用于渐进式披露;表单用 fieldset 与 legend 做主题分组。
限制:资料未提供安装命令、收费、价格、平台或效果信息。