WAI-ARIA

以下是关于 WAI-ARIA（Web Accessibility Initiative - Accessible Rich Internet Applications）的核心知识梳理。

---

一、WAI-ARIA 的基本概念

1. 定义与作用

   • WAI-ARIA 是一套由 W3C 制定的技术规范，旨在通过 语义补充 使动态 Web 应用（如单页应用、复杂 UI 组件）对辅助技术（如屏幕阅读器）更可访问。
   • 核心目标：为无法通过原生 HTML 语义化标签表达的 UI 元素（如自定义控件、动态内容）提供无障碍支持。

2. 适用场景

   • 当使用非语义化标签（如
     、）构建交互组件时（如模态框、树形菜单）。
   • 动态内容更新（如 AJAX 加载、实时通知）需要告知辅助技术内容变化。
   • 复杂控件的状态管理（如展开/折叠、进度条、滑块）。

---

二、WAI-ARIA 核心属性

WAI-ARIA 属性分为三类：角色（Roles）、状态（States） 和 属性（Properties）。

1. 角色（Roles）

• 定义：描述元素的类型或功能，覆盖原生 HTML 的语义。
• 常见角色：
  • 基础组件：button、link、checkbox、radio、textbox。