aria-label属性

このエントリーをはてなブックマークに追加

aria-label属性は要素に対してラベル付けを行うことができるWAI-ARIA属性です。

文字列を表示する必要が無いケース、例えばアイコンのようなビジュアルで目的を表現する要素に対して指定を行います。

以下のサンプルでは、ビジュアルブラウザに対しては「☓」という文字列でダイアログを閉じる機能を提供しています。このままではスクリーンリーダー等では「☓」が提供する機能がわからないため「aria-label=”Close”」としてラベル付を行い補足をおこなっています。

<button aria-label="Close" onclick="myDialog.close()">X</button>

参考URL

aria-label - WAI-ARIA - W3C

登録日 : 2015年10月12日 最終更新日 : 2015年10月12日

同じカテゴリー(WAI-ARIA)のエントリー

検索

スポンサードリンク

バージョン

リファレンス