ARIAラベル
ARIA Label
別名: アクセシブルネーム
ライブデモ
説明
一言で説明
画面上には表示されないが、スクリーンリーダーなどの補助技術に対して要素の意味や名前を伝えるための属性。
いつ使う？
アイコンだけのボタン（×ボタンなど）や、視覚的なテキストがないインタラクティブ要素。
💡 日常の言い方
「目には見えないけど、読み上げソフトには「閉じるボタンですよ」と教える裏側の名前」
似ている用語との違い
ARIAラベル vs ラベル
ラベルは画面上に文字として見えるもの。ARIAラベルはコード内にのみ存在し、補助技術向けに提供されるもの。
AIへの指示例
SNSの『いいね』ボタンにARIAラベルを付けて。アイコンのみなので、読み上げ時に『いいねボタン』と認識されるようにして。