HTML
ARIA
中級読み方:アリア|英語:Aria
Accessible Rich Internet Applications の略。HTMLにアクセシビリティ情報を追加する属性群。
やさしい説明
ARIAは、HTMLだけでは伝えきれないアクセシビリティ情報を追加する属性群です。
スクリーンリーダーに「このボタンは何をするか」「この領域は何か」を伝えるために使います。
具体例・使い方
aria-label="メニューを開く" → ボタンの目的をスクリーンリーダーに伝える
role="navigation" → この領域がナビゲーションであることを伝える
よくある疑問
Q: ARIAはいつ使う?
A: HTMLのネイティブ要素で表現できない場合にのみ使います。まずは正しいHTMLタグを使うのが優先です。