aria-level属性

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

aria-level属性は段階レベルを指定できるWAI-ARIA属性です。

値には数値を指定でき、リストなどでのネスト構造、需要度などの段階レベルを指定できます。

<div role="list">
	<div role="listitem" aria-level="1">メニュー</div>
	<div role="list">
		<div role="listitem" aria-level="2">フード</div>
		<div role="list">
			<div role="listitem" aria-level="3">ラーメン</div>
			<div role="listitem" aria-level="3">カレー</div>
			<div role="listitem" aria-level="3">親子丼</div>
			<div role="listitem" aria-level="3">デザート</div>
		</div>
		<div role="listitem" aria-level="2">・ドリンク</div>
		<div role="list">
			<div role="listitem" aria-level="3">コーヒー</div>
			<div role="listitem" aria-level="3">コーラ</div>
			<div role="listitem" aria-level="3">ビール</div>
		</div>
	</div>
</div>

参考URL

aria-level (property) - WAI-ARIA - W3C

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

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

検索

スポンサードリンク

バージョン

リファレンス