Web アクセシビリティ評価ツールの紹介
2016年D2Dアクセシビリティ勉強会の間違い探しで使用するチェックツール紹介です。
- WAVE Web Accessibility Tool
- チェックしたいサイトのURLを入力して→をクリックする。
- WAVE Evaluation Tool-Chrome Web Store - Google
- チェックしたいページを表示し、ツールバーの「W」をクリックする。
- HTML_CodeSniffer
- チェックしたいページを表示し、ツールバー上にブックマークした「HTML_CodeSniffer」をクリックする。
- Accessibility Developer Tools-Chrome Web Store - Google
- Ctrl+Shift+Iを押してChromeのデベロッパーツールを立ち上げる。一番右(aXeを入れていた場合右から2番目)にある「Audits」のAccessibilityにチェックを入れ「Run」ボタンを押す。
- aXe-Chrome Web Store - Google
aXe Developer Tools :: Add-ons for Firefox - Ctrl+Shift+Iを押してChrome又はFirefoxのデベロッパーツールを立ち上げる。一番右にあるChromeは「axe」、Firefoxは「Accessibility」の「Analyze」ボタンを押す。
- カラー・コントラスト・アナライザー 2013J(Windows)
Colour Contrast Analyser (CCA)(Windows,OS X) - スポイトアイコンをクリックして画面上のチェックしたい背景色もしくは文字色の箇所でクリックする。