【Webエンジニア向け】簡単に理解できるアクセシビリティチェックについて

アクセシビリティ対応についての記述はこちらをご覧ください。

アクセシビリティ対応を行ったページが、基準を満たしているかを確認する事を指します。また、HTMLコード・リンクが正しいかなど基本的な確認も含めます。

当たり前ですが,,,(笑)

上記を踏まえて、確認項目をまとめると下記の３項目になります。

まとめてみると、意外に少ないように感じますが、アクセシビリティ基準を満たすことをスケールダウンさせ、仮にレベルAAAを目指す場合は、合計61項目の確認項目があります。１ページごとに61項目の確認するのは骨が折れます,,,

なので、「アクセシビリティ基準を満たすことを確認する。」のではなく「アクセシビリティ基準を満たしているコードを使用する。」ことで確認の手間を省きます。

また確認の際には、下記のツールを使用することで、作業を簡易的にし効率化に繋がります。

Micheckerとは、高齢者や色覚障がい者などどのようなユーザーでも操作しやすいものになっているかチェックする、アクセシビリティ対応したツールである。
総務省が提供しており、利用環境に制限がある。

総務省ホームページにてツールが提供されている。

HTMLValidatorとは、入力チェックのことであり、主に入力内容や記述内容が要件を満たしているか、妥当性を確認することである。入力チェックのことであり、主に入力内容や記述内容が要件を満たしているか、妥当性を確認することである。

下記の３要素が概ねValidatorにあたる。

Firefoxの拡張機能などでツールが提供されている。

W3Cとは、Web技術の標準化を行う非営利団体である。

HTMLやXMLの標準規約を決めるなどの活動を行っている。

例えば、webページの表示は、ブラウザによってレイアウトが変わってしまう問題を抱えている。
ブラウザやバージョンの互換性を保証することは、ユーザの使いやすさや開発者の負担軽減につながる。
互換性を保証するために、Web標準規格を準拠させることを推奨としており、規約を定めている。

W3Cなどでツールが提供されている。

BROKEN LINK CHECKERとは、リンク切れの確認を行うツールである。
ページ上から外部・内部のサイトへのリンクを貼った中で、リンク切れがあるかどうかを、一括チェックしてくれる。

chromeの拡張機能等でツールが提供されている。

アクセシビリティチェックは範囲が広く、基準が曖昧である。その為、チェック自体にも、ある程度のラインを設ける事が必要であると思う。

なので、ツールを上手く活用し、一定の品質を保つことが重要である。

My pace Blog