HTMLのアクセシビリティ問題を見つける
HTMLを貼り付けて、alt属性の欠落やラベルのない入力欄などのWCAG違反を、修正方法つきで確認します。
- お使いのデバイスで動作
- 会員登録不要
- 一度開けばオフラインでも使えます
マークアップのみを確認します。スタイルシートは描画されないため、CSSの色やフォーカス順はテストされません。HTMLはこのタブ内に留まります。
ページのアクセシビリティ問題をチェックする方法
- ページのHTMLを貼り付けるか、サンプルを読み込みます。
- 一覧をエラーまたは警告で絞り込みます。
- 指摘された行ごとに問題を修正します。
よくある質問
何をチェックしますか？
alt属性の欠落、ラベルのない入力欄、中身が空のボタンやリンク、曖昧なリンクテキスト、飛ばされた見出し、ヘッダーセルのない表、正の値のtabindex、スマートフォンでのズームのブロック、titleのないiframe、インラインスタイルの低いコントラスト、字幕のない動画をチェックします。
クリーンな結果が完全な合格にならないのはなぜですか？
このチェッカーはマークアップだけを読みます。スタイルシートによる色、画面上のフォーカス順、スクリーンリーダーが読み上げる内容は確認できません。キーボードとスクリーンリーダーでもテストしてください。
WCAGのレベルとは何ですか？
WCAG 2.2には3つのレベルがあります。Aは最低限、AAはほとんどのアクセシビリティ規格や法律が基準とするレベル、AAAは最も厳しいレベルです。各問題には、違反している達成基準が表示されます。
HTMLはどこかに送信されますか？
いいえ。このタブ内でブラウザがHTMLを読み込むため、サーバーに送信されることはありません。
レビュー
まだレビューはありません。最初のレビューを書いてみましょう。