どんな人向け？
- 代替テキストの欠落、コントラストの問題、空のリンクをページ上で目で見て探したいデザイナーや開発者向けです。
- ログインの先のページ、ローカルページ、動的なページを自分のブラウザーで確認したい人には拡張機能が向いています。
WAVE — サイト速度・アクセシビリティ測定
WebAIM
WAVEは、アクセシビリティとWCAGのエラーをWebページ上にアイコンで示すWebAIMのツールで、オンラインツールとブラウザー拡張機能の形で提供されています。
おすすめの理由
| 知っておきたいこと | ウェブ | 拡張機能 |
|---|---|---|
| 無料で出力 | — | — |
| 登録不要 | — | — |
| 透かしなし | — | — |
| オフライン対応 | — | — |
| 一括処理 | — | — |
| コンテンツの言語 | — | — |
— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。
提供者からの修正・フィードバック
編集部の選び方ガイド
最終確認:
始め方
- 公開ページは公式サイトにアドレスを入力します。ログインの先やローカルのページはブラウザー拡張機能を入れます。
- レポートの赤いエラー、黄色の警告、緑のアクセシビリティ機能のアイコンを別々に読み、まずエラーを直します。
- 黄色の警告は手作業で確認します。代替テキストが画像に合っているかは自分で判断し、修正後にページを再スキャンします。
選ぶポイント
- ページがログインの先にある、ローカル、または動的なら、オンラインツールより拡張機能を選びます。公式の拡張機能ページは、ブラウザー内で評価しWAVEサーバーに情報を送らないと説明しています。
- 多数のページを継続的に監視したい場合、公式サイトは企業向け監視でPope Techとの提携に触れています。この項目は単一ページのスキャンツールのみを扱います。
制限
- WAVEはページがアクセシブルだと断言できません。公式ヘルプによると、本当のアクセシビリティを判断できるのは人間だけで、ツールはその確認を助けます。
- オンライン版はスクリプトの適用が拡張機能より限定的です。アイコンでレイアウトが崩れる場合はCSSを無効にして読んでください。OOXLはツールを実行しておらず結果も測定していません。
よくある質問
WAVEのエラーが0件ならWCAGに準拠していますか？
いいえ。ツールは自動で見つけられる問題と、人の確認が必要な項目を示すだけです。公式ヘルプによると、アクセシビリティを判断できるのは人間だけです。
ページのデータはWebAIMに送られますか？
オンラインツールでは、ページのアドレスをWAVEに渡すことになります。拡張機能はブラウザー内でページを評価し、公式ページはWAVEサーバーに情報を送らないと説明しています。機密性のあるページには拡張機能を選んでください。