ARIA 标签 ARIA Labels / Accessible Rich Internet Applications
一句话定义
帮助屏幕阅读器理解页面元素的 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 更糟。