跳到正文

ARIA 标签 ARIA Labels / Accessible Rich Internet Applications

词条 #248 / 700 · 第 5 章 · 5.3 网站安全、HTTPS 与无障碍可访问性(241–248)
一句话定义

帮助屏幕阅读器理解页面元素的 HTML 属性。

打个比方 Analogy

给盲人描述的语音导览。"这是主菜单按钮"、"这是搜索框,请输入关键词"。

岗位实战怎么做 In Practice

对非语义化元素使用 ARIA,如 <div role="button" aria-label="Close">。但优先使用原生 HTML 元素(<button>, <nav>),它们自带语义。

案例与避坑 Pitfalls

ARIA 是补充,不是替代。不要对原生元素滥用 ARIA(如 <button aria-label="Submit">Submit</button> 是多余的)。错误的 ARIA 比没有 ARIA 更糟。