ＷＡＩ-ＡＲＩＡ実装方法【ＨＴＭＬ５】

ＷＡＩ-ＡＲＩＡ（Web Accessibility Initiative　Accessible Rich Internet Applications）とは、Ｗｅｂアクセシビリティに関する仕様を検討する部会が策定した、アクセシブルなリッチインターネットアプリケーションに関する仕様です。

ＷＡＩ－ＡＲＩＡの実装方法は、ＨＴＭＬの要素に「role属性」を付記する事で「Ｒｏｌｅｓ（役割）」、「aria-***=”(属性値)”」を付記する事で「Ｓｔａｔｅｓ（状態）」「Ｐｒｏｐｅｒｔｉｅｓ（特性）」を支援技術に伝達する事ができます。

ＨＴＭＬ５では、「role属性」と「aria-***=”(属性値)”」が認められています。

Ｒｏｌｅｓ（ロール：役割）「role属性」

要素のＲｏｌｅｓ（ロール：役割）を支援技術に伝達するには、「role属性」を付記します。更にＲｏｌｅｓ（役割）は、「Ｌａｎｄｍａｒｋ　Ｒｏｌｅｓ」「Ｄｏｃｕｍｅｎｔ　Ｓｔｒｕｃｔｕｒｅ　Ｒｏｌｅｓ」「Ｗｉｄｇｅｔ　Ｒｏｌｅｓ」に分類されます。

Ｌａｎｄｍａｒｋ Ｒｏｌｅｓ（ランドマークロール）

Ｌａｎｄｍａｒｋ Ｒｏｌｅｓ（ランドマークロール）は、文書構造の意味を支援技術に伝え、Ｗｅｂアクセシビティの向上を図ります。以下にＬａｎｄｍａｒｋ Ｒｏｌｅｓ（ランドマークロール）の種類と役割を掲載します。

  • banner：ヘッダー
  • form：フォーム
  • search：検索機能
  • main：メインコンテンツ
  • application：アプリケーション
  • navigation：ナビケーション
  • complementary：補助的情報部分
  • contentinfo：フッター

それぞれの意味・実装例はＬａｎｄｍａｒｋ Ｒｏｌｅｓ（ランドマークロール）に掲載しました。

ホームページ作成方法 TOPに戻る