小規模事業向けWebアクセシビリティチェックリスト（WCAG準拠の確認）
WCAG 2.2に基づく実践的なWebアクセシビリティチェックリスト。キーボードとフォーカス、文字、コントラスト、フォームのラベルとエラー、画像の代替テキスト、自動検査と人によるテストの違い、法令遵守を主張せずに結果を記録する方法を紹介します。
このチェックリストでは、特別なソフトを使わずに、小規模事業の運営者が約1時間で確認できる項目を扱います。キーボードだけでサイトを操作する、文字サイズとコントラストを確認する、すべてのフォーム項目にラベルと明確なエラーがあるか調べる、画像に適切な代替テキストがあるか確認する、といった内容です。多くの法律や方針が参照する基準であるWCAG 2.2と、W3C自身の簡易チェックに基づいています。合格しても、サイトが法的要件に適合することを意味しません。よくある障壁を見つけるためのものです。
1. キーボードとフォーカスの確認
マウスを使わず、ページの最上部からTabキーを押して進み、最後にShift+Tabで戻ります。
[ ] 最初のTabキーで「本文へ移動」リンクが表示される（長いメニューで便利）
[ ] すべてのリンク、ボタン、フォーム項目にTabキーで移動できる
[ ] 現在フォーカスされている場所（枠線やハイライト）が常に見える
[ ] フォーカスが上から下、左から右へ自然な順番で移動する
[ ] EnterまたはSpaceでメニューが開き、Escapeで閉じる
[ ] ポップアップをキーボードで閉じられ、フォーカスがページに戻る
[ ] フォーカスが閉じ込められない（Tabキーで先へ進める）
[ ] 固定ヘッダーがフォーカス中の項目に重ならない2. 文字、コントラスト、フォームのラベルとエラー
[ ] 本文を通常の拡大率で読める（約16px以上が目安）
[ ] 200%に拡大しても重なりや欠けがなく、横スクロールが発生しない
[ ] 文字のコントラスト比が最低4.5:1（大きな文字は3:1）。ツールで確認する
[ ] 色の違いだけに頼らず、リンクを本文と区別できる
[ ] すべてのフォーム項目に見えるラベルがある（プレースホルダーはラベルではない）
[ ] 必須項目を色だけでなく文字でも示す
[ ] エラーの内容と修正方法を項目の横に表示する
[ ] ボタンで操作内容が分かる（「問い合わせを送信」。単なる「送信」やアイコンだけにしない）
[ ] ページの言語が設定され、見出しの順序が適切（H1、H2、H3）カラーコントラスト確認ツールで色の組み合わせを確認します。コントラスト比はWCAGのコントラスト（最低基準）から引用しています。
3. 画像の目的と代替テキスト
- 情報を伝える画像（仕事の写真、地図）：重要な情報として何が写っているかを代替テキストに書きます。例：「新しい笠石を取り付けた石垣」
- 装飾画像（背景の模様）：スクリーンリーダーが読み飛ばせるよう、空の代替テキスト（
alt=""）を設定します。 - 文字入り画像（チラシ、メニューの写真）：同じ文字をページにも掲載します。短い場合は代替テキストに含めても構いません。
- リンク画像またはアイコンボタン：代替テキストやラベルで、リンク先や動作を伝えます（「電話アイコン」ではなく「電話をかける」）。
例外については、W3Cの代替テキストの判断フローをご覧ください。
4. 自動検査と人によるテストの違い
| 自動検査で見つかること | 人が判断する必要があること |
|---|---|
| 代替テキスト属性の欠落 | 代替テキストが本当に役立つか |
| 単色背景でのコントラスト不足 | 写真や動画上の文字のコントラスト |
| ラベルのないフォーム項目 | ラベルやエラーの説明が理解しやすいか |
| ページ言語の欠落、空のリンク | キーボード操作の順番、フォーカスの見え方、閉じ込め |
| 見出しレベルの飛び越し | 見出しが内容を適切に表しているか |
まず自動検査を行います（Webサイト評価ツールには基本的なアクセシビリティ検査が含まれています。W3Cの評価ツール一覧も参照できます）。次に上記の手動確認を行います。顧客に障害のある人が多く含まれる場合は、障害のある利用者によるテストを依頼してください。
記入済みの結果記録（説明用のデモ）
「Harbour Line Plumbing」という架空の事業です。実在の会社ではありません。結果ではなく、記録形式を示します。
確認日：[日付] 確認者：オーナー ページ：ホーム、サービス、問い合わせ
ブラウザー/端末：ノートパソコンのキーボードのみ、スクリーンリーダーを有効にしたスマートフォン
# ページ 問題 WCAG参照 修正済み？
1 ホーム 電話アイコンにラベルがない（「ボタン」） 4.1.2 はい
2 ホーム メイン画像上の白文字が読みにくい 1.4.3 はい、暗いオーバーレイを追加
3 問い合わせ 郵便番号欄のラベルがプレースホルダーのみ 3.3.2 はい
4 問い合わせ エラー表示が「無効」のみ 3.3.1 はい、「電話番号を入力してください」
5 サービス ギャラリー写真の代替テキストがファイル名 1.1.1 はい
6 全ページ メニューリンクのフォーカスが見えない 2.4.7 未対応 - ビルダーに改善依頼
未確認：動画の字幕（サイトに動画なし）空欄
確認日 / 確認者 / ページ / ブラウザーと端末：
# ページ 問題 WCAG参照 修正済み？（はい / 未対応 + メモ）
未確認：5. 法令遵守を主張せずに結果を記録する
- 日付付きで記録を保管します。誠実に取り組んだ内容と、未対応の項目を示せます。
- アクセシビリティに関する説明を正直に公開します。確認した項目、既知の問題、支援が必要な場合の連絡方法を記載します。アクセシビリティ声明生成ツールで下書きを作成できます。
- 「完全にADA準拠」「WCAG認証済み」と主張しないでください。法律は国ごとに異なります。米国では司法省のWebアクセシビリティに関するガイダンスと、小規模事業向けADA Webサイト遵守ガイドをご覧ください。義務について弁護士に相談してください。
- 自動的に法令へ準拠すると約束するオーバーレイウィジェットは避けましょう。根本にあるページの問題は修正されません。
次のステップ
ビジネステンプレートをWe.IncのWebサイトビルダーで使い、公開前にこのチェックリストとWebサイト評価ツールで確認しましょう。Freeではwe.incのアドレスでテンプレートサイトを最大3つ利用できます（AIクレジットと独自ドメインは含まれません）。月額$20のStarterではAIによる作成と独自ドメインが追加されます（料金プラン）。修正や再制作の予算を立てるにはWebサイト費用計算ツールをお使いください。
よくある質問
Webアクセシビリティのチェックリストは、どの基準に従うべきですか？
多くの法律や方針が参照する基準は、レベルAAのWCAG 2.2です。このチェックリストは、小規模事業でよく起きる問題を扱いますが、すべての達成基準を網羅するものではありません。
自動検査ツールでサイトをアクセシブルにできますか？
いいえ。自動ツールは属性の欠落や一部のコントラスト問題を見つけますが、キーボード操作、フォーカス、ラベルや代替テキストが理解できるかは人が確認する必要があります。
このチェックリストに合格すれば、WebサイトはADAに準拠しますか？
チェックリストで法令遵守を保証することはできません。日付付きの記録を保管し、誠実なアクセシビリティ声明を公開し、義務について弁護士に相談してください。
無料で始める · クレジットカード不要
製品
- AI ホームページ作成ツール：作りたいサイトを普段の言葉で伝えるだけで、数分で公開
- ホワイトラベル プラットフォーム：自社ブランド、自社ドメイン、自社の利益で運営
- エンタープライズ：SSO、個別の SLA、専任サポート
- 開発者向け API：自社の SaaS にサイト生成機能を組み込み
ご利用いただける方
- 制作会社・代理店向け：自社ブランドで再販
- フリーランス向け：自分ブランドのビルダーを持つ
- ホスティング事業者向け：サービスにビルダーを追加
- SaaS プラットフォーム向け：API でサイト作成を組み込み
- スタートアップ向け
- 金融サービス向け
- 医療・ヘルスケア向け