HTMLリファレンス

Tweet

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)のエントリー

• 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属性