ページ毎に、アクセシビリティをチェックすることができます。
チェック結果は、ページ右上またはページツリーの2箇所から確認することができます。
アクセシビリティチェックが表示されない！
アクセシビリティチェックが表示されない原因として、以下の内容があります。
- 「環境設定」の「セーフモード」が有効になっている
- コンテキストメニューの「アクセシビリティ」にチェックが入っていない
- 「HTML形式設定」で指定されているHTML形式が「HTML5」になっている
※アクセシビリティチェックを表示させるには「アクセシビリティ設定」を行う必要があります。
合格の場合
不合格の場合
チェック結果の表示
アクセシビリティチェック結果アイコンをクリックすると、サブウィンドウにてチェック結果を表示します。
該当個所への結果表示
1 アクセシビリティ結果一覧の警告メッセージをクリックします
2 ページ内の不合格箇所に警告アイコンが表示されます
不合格の場合、管理者にて公開操作や承認依頼ができないように制限されている場合があります。
ご注意ください。
外部サーバのCSSを利用している場合
ページ上で外部サーバのCSS※1を利用している場合、ブラウザ側の挙動※2によっては、セキュリティエラーとなることがあります。
例：ページツリーとページ内のアクセシビリティチェックのステータス（アイコン）にズレが発生します。
アクセシビリティチェックのエラー内容がページをリロードすると変わる等。
※1 翻訳などの外部サービスでは、CSSを外部から読み込む場合があります。
※2 ChromeやFirefoxをご利用の場合、バージョンよっては、セキュリティエラーとなることがあります。
アクセシビリティチェックの内容について
ガイドライン毎のアクセシビリティチェックの内容を以下に記します。ご参照ください。
JIS X 8341-3:2004
| 項目番号 |
チェック内容 |
| 5.1a |
機種依存文字を使用していないか？ |
| 半角カナを使用していないか？ | |
| W3Cの非推奨タグ（<s>タグ、<strike>タグ）を使用していないか？ | |
| XHTML規格外タグ（<blink>タグ、<marquee>タグ、<bgsound>タグ）を使用していないか？ | |
| 5.1b |
JavaScript 「window.status」を使用していないか？ |
| <embed>タグ、<object>タグ、<applet>タグを使用していないか？ | |
| 5.2a |
<q>タグをデザインのために利用していないか？
※<q>タグを2回以上、入れ子に利用している場合はデザインの為に利用しているとみなします。
|
|
<blockquote>タグをデザインのために利用していないか？
※<blockquote>タグを2回以上、入れ子に利用している場合はデザインの為に利用しているとみなします。
|
|
| 5.2c |
タグ「<table>」表チェック
（border="1"を指定している、または<th>、<caption>、< tbody>、<tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします）
|
| 5.3a |
以下のイベント属性を使用していないか？
ondblclick , onchange , ondragdrop ,onmousedown , onmouseup , onmouseover , onmouseout
|
| 5.3b |
入力要素（input, textarea, select）にid属性を指定し忘れていないか？
※input タグのチェック対象のtypeはradio, checkbox, text, password, fileに限る
|
| 5.3e |
<a>タグのtarget属性に「_blank」または「_new」を指定していないか？ |
| <area>タグのtarget属性に「_blank」または「_new」を指定していないか？ | |
| 5.3g | 指示代名詞（「ここ」「こちら」等）だけにリンクを指定していないか？ |
| 5.4a |
<img>タグに有効なalt属性を指定しているか？
※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと
|
| 5.4b |
タグ「<input type=“image”>」に有効なalt属性を指定しているか？
※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと
|
|
<area>タグに有効なalt属性を指定しているか？
※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと
|
|
| 5.4e |
<embed>タグ利用時に、併せて<noembed>タグも指定しているか？ |
| JavaScript利用時に、<noscript>タグも併せて指定しているか？ |
|
|
<object>タグ内に代替表示要素を指定しているか？ |
|
| <applet>タグにalt属性を指定しているか？ |
|
| 5.5b |
取り消し線タグ（<del>、<s>、<strike>）を使用していないか？ |
| 日付を書式「yy/mm/dd」（2桁西暦、半角および全角）で表現していないか？ |
|
| 金額の表記に全角文字「￥」「＄」を使用していないか？ |
|
| 「※1」「※2」等を注釈の意味として使用していないか？ ＜合格＞ 文章中に※を使用する ("地図で建物を表現する記号を仮に※としましょう。") ＜不合格＞ 注釈として※を使用する ("詳細は※1を参照してください。 ※1 テストということです。") |
|
| 5.6a |
CSSスタイルにて、font-sizeを固定していないか？ |
| CSSスタイルにて、「overflow: hidden」を指定していないか？ |
|
| 5.6c |
文字色と背景色のコントラストは十分か？ |
| 5.7a |
停止不能な音声が自動再生されていないか？ ※<embed>タグを使用し、属性autostartがtrueかつhidden属性がtrueの場合、NG |
| 5.9c |
数値表記を「100千」「10百万」等、「0」を省略していないか？ |
| 5.9e |
縦書きにするために1文字おきに<br>タグを指定していないか？ （警告表示のみ。3文字以上の文字列で改行が1文字間隔で2回以上含まれる場合、NG） |
JIS X 8341-3:2010
| 項目番号 | チェック内容 |
| 7.1.1.1 |
<img>タグに有効なalt属性を指定しているか？ ※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと |
| タグ「<input type=“image”>」に有効なalt属性を指定しているか？ ※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと |
|
| <area>タグに有効なalt属性を指定しているか？ ※有効なalt属性とは、「スペースのみ」や「記号のみ」ではないこと |
|
| <embed>タグ利用時に、併せて<noembed>タグも指定しているか？ |
|
| JavaScript利用時に、<noscript>タグも併せて指定しているか？ |
|
| <object>タグ内に代替表示要素を指定しているか？ ※<object>～</object>タグの間に何らかの文字列またはHTML要素が含まれている事。 |
|
| <applet>タグにalt属性を指定しているか？ |
|
| 7.1.3.1 |
<q>タグをデザインのために利用していないか？ ※<q>タグを2回以上、入れ子に利用している場合はデザインの為に利用しているとみなします。 |
| <blockquote>タグをデザインのために利用していないか？ ※<blockquote>タグを2回以上、入れ子に利用している場合はデザインの為に利用しているとみなします。 |
|
| タグ「<table>」表チェック （border="1"を指定している、または<th>、<caption>、<tbody>、< tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします） |
|
| 7.1.3.2 |
数値表記を「100千」「10百万」等、「0」を省略していないか？ |
| 縦書きにするために1文字おきに<br>タグを指定していないか？ （警告表示のみ。3文字以上の文字列で改行が1文字間隔で2回以上含まれる場合、NG） |
|
| 7.1.3.3 |
取り消し線タグ（<del>、<s>、<strike>）を使用していないか？ |
| 日付を書式「yy/mm/dd」（2桁西暦、半角および全角）で表現していないか？ |
|
| 金額の表記に全角文字「￥」「＄」を使用していないか？ |
|
| 「※1」「※2」等を注釈の意味として使用していないか？ ＜合格＞ 文章中に※を使用する ("地図で建物を表現する記号を仮に※としましょう。") ＜不合格＞ 注釈として※を使用する ("詳細は※1を参照してください。 ※1 テストということです。") |
|
| 7.1.4.2 |
停止不能な音声が自動再生されていないか？ ※<embed>タグを使用し、属性autostartがtrueかつhidden属性がtrueの場合、NG |
| 7.1.4.3 |
文字色と背景色のコントラストは十分か？ |
| 7.1.4.4 |
CSSスタイルにて、font-sizeを固定していないか？ |
| CSSスタイルにて、「overflow: hidden」を指定していないか？ |
|
| 7.2.1.1 |
以下のイベント属性を使用していないか？ |
| 7.2.2.2 |
<a>タグのtarget属性に「_blank」または「_new」を指定していないか？ |
| <area>タグのtarget属性に「_blank」または「_new」を指定していないか？ |
|
| 7.2.4.4 | 指示代名詞（「ここ」「こちら」等）だけにリンクを指定していないか？ |
| 7.3.3.2 |
入力要素（input, textarea, select）にid属性を指定し忘れていないか？ |
| ※input タグのチェック対象のtypeはradio, checkbox, text, password, fileに限る |
|
| 7.4.1.1 |
機種依存文字を使用していないか？ |
| 半角カナを使用していないか？ W3Cの非推奨タグ（<s>タグ、<strike>タグ）を使用していないか？ | |
| XHTML規格外タグ（<blink>タグ、<marquee>タグ、<bgsound>タグ）を使用していないか？ | |
| JavaScript 「window.status」を使用していないか？ <embed>タグ、<object>タグ、<applet>タグを使用していないか？ |
W3C WCAG 2.0
| 項目番号 | チェック内容 |
| 1.1.1 |
<area>タグに有効なalt属性が指定されていること。 |
| <embed>タグには、<noembed>を含むこと |
|
| すべての画像(<img>)タグには、alt属性を含むこと |
|
| <input>タグのtype属性値「image」の場合、有効なalt属性が指定してあること |
|
| 1.3.1 |
<input>タグのtype属性値「text」「password」「checkbox」「file」「radio」には、id属性で関連付けられた有効な文字列を含む<label>タグがあること |
| <select>タグは、id属性で関連付けられた有効な文字列を含む<label>タグがあること |
|
| <textarea>タグは、id属性で関連付けられた有効な文字列を含む<label>タグがあること |
|
| 1.4.3 |
文字色と背景色のコントラスト比が「4.5時1分」以上であること |
| 2.1.1 |
すべての要素にて、「onmousedown」イベントと対応する「onkeydown」イベントが記載されること |
| すべての要素にて、「onmouseout」イベントと対応する「onblur」イベントが記載されること |
|
| すべての要素にて、「onmouseover」イベントと対応する「onfocus」イベントが記載されること |
|
| すべての要素にて、「onmouseup」イベントと対応する「onkeyup」イベントが記載されること |
|
| 2.2.2 |
<blink>タグ、<marquee>タグを使用ていしないこと |
| <meta>タグでのリフレッシュ表示によるリダイレクトを使用していないこと |
|
| 2.4.4 |
アンカータグ(<a>)がテキストを含むこと |
| 3.1.1 |
ドキュメントは有効な言語が指定されていること |
| 3.3.2 |
<input>タグは、唯一の<label>タグと関連づいていること（複数の<label>タグと関連づかない） |
| <input>タグは、関連する<label>タグ内に有効なテキストを含むこと |
|
| 4.1.1 |
id属性は、<body>タグ内でユニークであること |
