aria-label属性
aria-label属性は要素に対してラベル付けを行うことができるWAI-ARIA属性です。
文字列を表示する必要が無いケース、例えばアイコンのようなビジュアルで目的を表現する要素に対して指定を行います。
以下のサンプルでは、ビジュアルブラウザに対しては「☓」という文字列でダイアログを閉じる機能を提供しています。このままではスクリーンリーダー等では「☓」が提供する機能がわからないため「aria-label=”Close”」としてラベル付を行い補足をおこなっています。
<button aria-label="Close" onclick="myDialog.close()">X</button>評価対象
スクリーンリーダーなどの支援デバイスは、
aria-labelledby属性 > aria-label属性 > テキストの内容
の順に評価するため、aria-labelledby属性と同時に指定はできません。
参考URL
登録日 : 2015年10月12日 最終更新日 : 2018年1月7日
同じカテゴリー(WAI-ARIA)のエントリー
- aria-required属性
- aria-current属性
- aria-orientation属性
- aria-multiselectable属性
- aria-multiline属性
- aria-live属性
- aria-level属性
- aria-labelledby属性
- aria-label属性
- aria-invalid属性
- aria-hidden属性
- aria-haspopup属性
- aria-grabbed属性
- aria-flowto属性
- aria-expanded属性
- aria-dropeffect属性
- aria-disabled属性
- aria-describedby属性
- aria-checked属性
- aria-controls属性
- aria-busy属性
- aria-autocomplete属性
- aria-atomic属性
- aria-activedescendant属性
- role属性