【HTML5プロフェッショナル認定試験レベル1】試験勉強まとめ（グローバル属性）

HTML5プロフェッショナル認定試験レベル1の試験勉強まとめ（グローバル属性）です。

グローバル属性

属性	用途	備考
class	要素が属する種類や分類	空白文字で区切って複数設定可能
id	要素のID	1つだけ設定可能
lang	言語種別	日本語： ja 英語： en
title	補足情報（ツールチップに表示）	テキスト
style	スタイルシート	CSSの宣言
dir	文字表記の方向	dir="ltr"or dir="rtl"or dir="auto"
tabindex	タブキーでの移動順序	整数
accesskey	キーボードのショートカット	文字１つ
hidden	要素の非表示	以下全て同義（論理属性）： hidden hidden="" hidden="hidden"
translate	翻訳有無の指定	translate="yes"or translate="no" ※"yes"の代わりに""も同義
spellcheck	スペルチェックの有無の指定	spellcheck="true"or spellcheck="false" ※"true"の代わりに""も同義
contenteditable	編集可能にするかどうかの指定	contenteditable="true"or contenteditable="false"
contextmenu	要素が使用するコンテキストメニュー	使用するmenuのid
draggable	ドラッグ可否の指定	draggable="true"or draggable="false"
dropzone	ドロップ可否の指定	copyormoveorlinkのどれか１つ 空白文字で区切ってstring: ***, file: ***を複数指定可能
data-*	カスタムデータ（独自の属性を追加できる）	*は１文字以上、大文字不可

WAI-ARIA関連属性

• role・・・要素の役割が何であるか示す要素
  • application, banner, search, navigation, tab, tabpanel など指定可能
• aria-*・・・要素のその時点での状態や特性を示すために使用できる要素

WAI-ARIA

動的コンテンツや複雑なユーザーインタフェイスをもつサイトをアクセシブルにするための仕様。

• WAI（Webアクセシビリティ向上を目的としたガイドラインを決めるW３C内の組織） = Web Accessibility Initiative
• ARIA = Accessible Rich Internet Application

Webアクセシビリティ

心身に機能的な制限があってもWeb上の情報にアクセスでき、理解可能な状態で欠落のない情報が得られ、操作も可能であること

• Webアクセシビリティが確保された状態 = アクセシブル