ここから本文です

ヘルプ・使い方 の中の 使い方:HTMLテキスト入力によるチェック方法

使い方:HTMLテキスト入力によるチェック方法

step1. トップページ

ハレッタサイトトップページのスクリーン画像

ハレッタサイトのトップページには、利用規約に同意する”欄の下に、"HTMLファイルをアップロードしてチェックしたい方"というリンクと、"HTMLテキストを入力してチェックしたい方"というリンクがあります。
  1. "HTMLテキストを入力してチェックしたい方"をクリックしてください。

step2. テキスト入力トップページ

HTMLテキスト入力のトップページのスクリーン画像

HTMLテキスト入力のトップページには、”HTMLテキスト入力”欄、”チェック”ボタン、ご利用規約へのリンク、”利用規約に同意する”チェック欄があります。最初ご利用になる場合は、”利用規約に同意する”にチェックしてからでないと、”チェック”ボタンが押せないようになっています。
  1. ご利用規約をお読みの上、"利用規約に同意する"にチェックをしてください。
  2. 入力欄に、チェックしたいHTMLテキストを入力してください。
    • ※ チェック可能なテキストはHTML4形式もしくはXHTML1.0・XHTML1.1形式のテキストのみとなります。
    • ※ HTMLテキスト全体をコピーしてチェックする場合は、既に入力されているHTMLテキストを消してから入力してください。
  3. "チェック"ボタンをクリックしてください。

step3. 診断結果

診断結果表示ページのスクリーン画像

診断結果ページにはチェックしたページの総合点、診断結果に応じたイラスト、URL/ファイル名へのリンク、晴れポイント・雨ポイント・曇りポイントに該当した数、3つのポイントの詳細結果を全て表示するリンクが出てきます。ポイントに該当した数もリンクになっていて、そこから詳細結果に飛べるようになっています。
  1. 総合点と、以下のような4段階のイラストで、診断結果が表示されます。
たいへんよくできました よくできました もうすこし がんばろう
たいへんよくできましたのイラスト よくできましたのイラスト もうすこしのイラスト がんばろうのイラスト
  1. JIS X 8341-3:2010の達成基準Aに基づいた診断の結果により、晴れポイント・雨ポイント・曇りポイントの数が表示されます。各箇所の数を選択すると、その箇所の詳細結果が表示されます。晴れポイント・雨ポイント・曇りポイントの意味は以下のとおりです。
    • 晴れポイント…アクセシビリティへの配慮が十分なされている項目です。
    • 雨ポイント…アクセシビリティへの配慮が不十分で、改善が必要な項目です。
    • 曇りポイント…アクセシビリティへの配慮が十分かどうかを目視で確認していただく項目です。

step4. 詳しい診断結果

詳しい診断結果ページのスクリーン画像

詳しい詳細結果ページには、「7」から始まる番号およびガイドラインの内容が書かれているバーの下に、達成基準、達成等級、診断ポイント、結果、該当行をまとめた表が表示されます。診断ポイントと該当行はリンクになっています。
  1. 「7」から始まる番号およびガイドラインの内容が書かれているバーの+(プラス)、-(マイナス)マークを押すと、詳細結果を表示、非表示にすることができます。
  2. 診断ポイントを選択すると、より詳細な解説文書が表示されます。
  3. 行数を選択すると、該当箇所がソースの中でどこにあたるかを示した、ソース上の指摘箇所確認画面が表示されます。

ソース上の指摘箇所確認ページのスクリーン画像

ソース上の指摘箇所確認ページには、達成基準・達成等級、解説ページに飛ぶ診断ポイントのリンクの下に、”画像で見る”リンクとチェックしたページのソースが表示されます。ソースの該当する箇所には、「該当箇所始まり」「該当箇所終わり」と書かれています。
  1. 該当する箇所が(HTML/CSS)ソース中でハイライト表示されます。
  2. 「画面で見る」を選択すると、表示された画像上で確認する画面が表示されます。

step5. ブラウザ画面上での確認

ブラウザ画面上での確認ページのスクリーン画像

”画像で見る”リンクを選択すると、チェックしたページをブラウザで見たように再現され、該当する箇所とその解説が表示されます。
  1. 該当する箇所がハイライト表示されます。
  2. 解説メッセージが表示されます。

注・・・診断対象のコンテンツや該当する箇所の位置によってはハイライト表示されないことがあります。

このページの先頭に戻る

トップに戻る