ARIAAccessible Rich Internet Applications

WAI-ARIA (Accessible Rich Internet Applications) は W3C WAI が策定する仕様で、JavaScript で構築される動的 UI (ダイアログ・タブ・コンボボックス・ツリー・ライブリージョン) を、スクリーンリーダー等の支援技術に正しく伝えるためのセマンティクス補強属性群です。主要な属性は (1) role (button / dialog / tablist / alert 等) (2) aria-label / aria-labelledby (アクセシブル名) (3) aria-describedby (補足説明) (4) aria-hidden (隠す) (5) aria-expanded / aria-selected / aria-current (状態) (6) aria-live (動的更新通知) などです。最重要原則は「ARIA を使わずに済むなら使わない (No ARIA is better than Bad ARIA)」で、ネイティブHTML要素 (button / a / input) で済む場面では ARIA を使わず、ネイティブが表現できない動的パターンに限定して使うのが現代のベストプラクティスです。WAI-ARIA Authoring Practices Guide (APG) に標準パターンの実装例があります。