当テーマのアクセシビリティの適合レベル

以下の表(達成基準リスト)は、JIS X 8341-3:2016 試験実施ガイドライン」で紹介されている達成基準に、当テーマがどこまで対応しているかを表した表です。

「テーマ適応の可否」が「〇」となっている部分は、基準をクリアしている部分です。

「コンテンツ作成時に配慮が必要」となっている部分は、ページを作成する際に、作成者が意識して設定する必要がある部分です。(テーマの仕様だけでは対応できない部分です。)

※当テーマを制作者が独自にカスタマイズした場合は、基準のクリアを保証するものではありません。

達成基準リスト

細分箇条 適合レベル 達成基準 補足説明 テーマ適応の可否
1.1.1 A

非テキストコンテンツ

すべての非テキストコンテンツ(画像、音声、動画etc)に、同等の目的を果たすテキストによる代替を提供する

コンテンツ作成時に配慮が必要

1.2.1 A

音声だけ及び映像だけ(収録済み)

収録済みの音声のみ、または映像のみのメディアに、キャプション※やテキストによる書き起こしなどの代替コンテンツを提供する
※キャプション:コンテンツを理解するのに必要な会話、及び会話でない音声情報を視覚化、テキスト化したもの

コンテンツ作成時に配慮が必要

1.2.2 A

キャプション(収録済み)

収録済みの音声コンテンツに、キャプションを提供する

コンテンツ作成時に配慮が必要

1.2.3 A

音声解説又はメディアに対する代替コンテンツ(収録済み)

収録済みの映像コンテンツに、映像の内容を書き起こしたテキストまたは音声解説を提供する

コンテンツ作成時に配慮が必要

1.2.4 AA

キャプション(ライブ)

ライブの音声コンテンツに、キャプションを提供する

コンテンツ作成時に配慮が必要

1.2.5 AA

音声解説(収録済み)

収録済みの映像コンテンツに対して、音声解説を提供する。

コンテンツ作成時に配慮が必要

1.3.1 A

情報及び関係性

表示されている情報に対して、適切にマークアップ、ラベリングがされており、プログラム(スクリーンリーダーやクローラーなど)から正確に解釈されるようにする。

〇(フォーム作成時に配慮が必要)

1.3.2 A

意味のある順序

スクリーンリーダーなどで読み上げられる際、正しく意味のある順序になっている(DOMの要素をcssなどで順番を入れ替えたり、テキストに余分な空白が入っている場合などは注意)

〇(コンテンツ作成時に配慮が必要)

1.3.3 A

感覚的な特徴

コンテンツの説明を感覚的な特徴(色、形、位置など)だけに依存しない。(説明文で「下の赤いボタンをクリックしてください。」ではなく、「下の送信ボタンをクリックしてください。」にするなど)

コンテンツ作成時に配慮が必要

1.4.1 A

色の使用

色だけで情報を伝えない。色はあくまで情報を伝える為の補足として使う。

コンテンツ作成時に配慮が必要

1.4.2 A

音声の制御

音声が自動再生される場合、音声を一時停止、または音量を調整できるようにする。

コンテンツ作成時に配慮が必要

1.4.3 AA

コントラスト(最低限レベル)

テキストおよび文字画像に十分なコントラストを確保する

〇(※1)

1.4.4 AA

テキストのサイズ変更

キャプション、または文字画像を除き、テキストを200%までサイズ変更出来る様にする

1.4.5 AA

文字画像

画像化された文字を使用しない(文字画像を利用者がカスタマイズ出来る場合と企業のロゴなどの場合は除く)

コンテンツ作成時に配慮が必要

2.1.1 A

キーボード

コンテンツの全ての機能をキーボード操作可能にする

2.1.2 A

キーボードトラップなし

キーボードトラップ(フォーカスがキーボード操作で抜け出せなくなる仕様)があってはいけない。

2.2.1 A

タイミング調整可能

制限時間のあるコンテンツ(自動でスクロールする文字列、スライドショーなど)を設ける場合は、制限時間の解除や時間の調整など出来る様にする。

コンテンツ作成時に配慮が必要

2.2.2 A

一時停止,停止及び非表示

動きのあるコンテンツに対して、ユーザーが一時停止、停止、非表示することができる

コンテンツ作成時に配慮が必要

2.3.1 A

3回のせん(閃)光又はしきい(閾)値以下

1秒間に3回を超える閃光を放つコンテンツはあってはいけない。

コンテンツ作成時に配慮が必要

2.4.1 A

ブロックスキップ

複数のページで重複するコンテンツ(グローバルナビゲーションなど)のブロックをスキップ出来る様にする。すぐにメインコンテンツにリーチできる仕様にする。

2.4.2 A

ページタイトル

ページの主題や目的が分かりやすいタイトルをつける。

コンテンツ作成時に配慮が必要

2.4.3 A

フォーカス順序

フォーカス可能な要素は、コンテンツの意味および操作性を損なわない順序にする。

2.4.4 A

リンクの目的(コンテキスト内)

コンテンツ内のリンクの目的を分かりやすく説明する(悪い例「もっとみる」良い例「最新のお知らせをもっとみる」)

コンテンツ作成時に配慮が必要

2.4.5 AA

複数の手段

任意のページを見つける手段を複数用意する(グローバルナビゲーション、サイトマップ、パンくずetc)

2.4.6 AA

見出し及びラベル

コンテンツ内の見出しおよびラベルは主題や目的を分かりやすく説明する。

コンテンツ作成時に配慮が必要

2.4.7 AA

フォーカスの可視化

フォーカスがコンテンツのどこにあたっているか見える様にする

3.1.1 A

ページの言語

ページのデフォルトの言語が設定されている。(例<html lang=”ja“>)

3.1.2 AA

一部の言語

コンテンツの一部や語句で、デフォルト言語以外の言語を利用している場合は、lang属性でマークアップされている。

コンテンツ作成時に配慮が必要

3.2.1 A

フォーカス時

フォーカスを受取った時に、ユーザーが予期しない挙動や動作をさせない。

3.2.2 A

入力時

入力時に、ユーザーが予期しない挙動や動作をさせない。

3.2.3 AA

一貫したナビゲーション

複数のページで繰り返し使用されているナビゲーションは統一させる。

3.2.4 AA

一貫した識別性

同じ機能を提供しているコンポーネント(リンク、ボタン、アイコンやラベルなど)はサイト内で一貫させる。

コンテンツ作成時に配慮が必要

3.3.1 A

エラーの特定

入力エラーが発生した場合、エラーの箇所が表示され、そのエラー内容をユーザーにテキストで説明する。

フォーム作成時に配慮が必要

3.3.2 A

ラベル又は説明

ユーザーに入力を求める場合、どこに、何を入力するか、分かりやすく説明する。

フォーム作成時に配慮が必要

3.3.3 AA

エラー修正の提案

入力エラーが発生した場合、どのように修正したらよいかをユーザーに分かりやすく説明する。

フォーム作成時に配慮が必要

3.3.4 AA

エラー回避(法的、金融及びデータ)

「法的なもの」、「金融取引」など、ユーザーの入力ミスによって、大きな損失が発生するフォームの場合は、送信の取り消し、修正、確認が出来る仕様にする。

フォーム作成時に配慮が必要

4.1.1 A

構文解析

マークアップされたHTMLに誤りが無いようにする。

4.1.2 A

名前(name)、役割(role)、及び値(value)

ユーザーが操作対象となる要素に、名前(name)、役割(role)、値(value)を持っている場合は、プログラムが解釈できるようにする。

〇(フォーム作成時に配慮が必要)

scrollable

※1.背景色に対して、メインカラー、アクセントカラー、フォントカラーは、十分なコントラクトを確保しています。その他の色の組合せを使用する場合は配慮が必要です。

アクセシビリティ配慮テーマを見る