アクセシビリティ 2026/06/20

【2026年版】LPアクセシビリティチェックリスト完全版｜WCAG AA準拠と改善の優先順位を解説

「ウェブアクセシビリティ対応が必要なのはわかったが、自社のLPに何の問題があるのか把握できていない」——そのような担当者の方のために、本記事ではLPアクセシビリティの実践的なチェックリストを提供します。

チェックリストはWCAG 2.2のAAレベル（国内の一般的な目標水準）に準拠した内容で、「まず手をつけるべき項目」から「余裕があれば対応する項目」まで優先度別に整理しています。自動チェックツールと組み合わせて使うことで、短時間でLPのアクセシビリティ現状を把握できます。

この記事でわかること

WCAG AA準拠に必要なLPアクセシビリティの全項目
優先度別のチェックリスト（High/Medium/Low）
各チェック項目の確認方法
自動ツールと手動チェックの使い分け
Dejamを使ったLP改善と計測の方法

チェックリストの使い方
【High】最優先で対応すべき項目
【Medium】対応が望ましい項目
【Low】余裕があれば対応する項目
自動チェックツールとの組み合わせ方
チェック後の改善優先順位の決め方
DejamでLP改善の効果を計測する
よくある質問
まとめ

チェックリストの使い方

本チェックリストは以下の3つの優先度で項目を分類しています。

優先度	基準	対応タイミング
High	WCAG AA必須・法的リスクあり・CVRへの直接影響が大きい	即時対応
Medium	WCAG AA推奨・UX向上に効果的	次の改修時
Low	WCAG AAA・ベストプラクティス	余裕があれば

各項目には「✅ 確認済み」「⚠️ 要対応」「❌ 未対応」の3段階でステータスを記録してください。

【High】最優先で対応すべき項目

視覚・カラー

コントラスト比（テキスト）: 本文テキストのコントラスト比が4.5:1以上
コントラスト比（大文字・太字）: 18px以上または14px太字のテキストが3:1以上
コントラスト比（CTAボタン）: ボタン内テキストと背景のコントラスト比が4.5:1以上
色だけで情報を伝えない: エラーは赤色のみでなくアイコン＋テキストで示している
フォーカスインジケーター: キーボード操作時のフォーカスリングがCSSで消されていない

テキスト代替

画像alt属性: すべての意味のある画像にalt属性が設定されている
装飾画像alt属性: 装飾的な画像はalt=""（空）で設定されている
バナー内テキスト: 画像内のテキスト情報がHTMLテキストでも提供されている

キーボード操作

キーボードのみで全操作完結: マウスなしでTop→CTA押下→フォーム送信まで操作できる
タブ順序の論理性: Tabキーで移動する順序がコンテンツの読み順と一致している
フォーカストラップ防止: モーダル以外の場所でフォーカスがトラップされない

フォーム

ラベルの関連付け: 全入力欄に<label for="...">が正しく関連付けられている
必須項目の明示: 必須フィールドがテキストで明示されている（*だけでない）
エラーメッセージ: フォームバリデーションエラーがテキストで具体的に示されている
エラーの場所特定: エラーが発生した入力欄が明確に示されている

ページ構造

ページタイトル: <title>タグがページの内容を表している
見出し階層: H1が1つあり、H2→H3の論理的な階層が保たれている
言語設定: <html lang="ja">が設定されている

【Medium】対応が望ましい項目

視覚・カラー

テキスト拡大: ブラウザで200%に拡大してもコンテンツが重ならず読める
縦方向スクロールのみ: 縦方向スクロールだけで全コンテンツにアクセスできる（横スクロールが不要）
フォーカスの外観: フォーカスインジケーターが3:1以上のコントラストで視認できる（WCAG 2.4.11）

テキスト代替

動画の字幕・書き起こし: 動画コンテンツに字幕または書き起こしが付いている
音声の文字起こし: 音声コンテンツに文字起こしが付いている

キーボード操作

スキップリンク: 「メインコンテンツへスキップ」リンクがページ先頭にある
モーダルフォーカス管理: モーダルが開いたときフォーカスがモーダル内に移動する
Escキー: モーダル・ポップアップがEscキーで閉じられる

フォーム

入力ヒント: 入力フォーマット・例が提示されている（例：info@example.com）
エラー提案: バリデーションエラー時に正しい入力例が示されている
タッチターゲット: ボタン・チェックボックスなどが最低24×24px（理想は44×44px）
重複入力防止: 同一セッション内で同じ情報の再入力を求めない（WCAG 3.3.7）

コンテンツ

リンクテキスト: リンクテキストが「こちら」「詳しくはこちら」でなく目的が分かる
新規ウィンドウの予告: 別ウィンドウ・別タブで開くリンクがそのことを事前に示している
点滅コンテンツ: 3回/秒以上の点滅要素がない

【Low】余裕があれば対応する項目

視覚（WCAG AAA相当）

コントラスト比（強化）: テキストのコントラスト比が7:1以上（AAAレベル）
画像テキスト: 情報を伝えるテキストが画像に埋め込まれていない（HTMLテキストで表現）

コンテンツ（WCAG AAA相当）

読み上げ順序: コンテンツが意味的に正しい順序で書かれている
読解レベル: 文章が中学校3年生程度の語彙・文構造で書かれている
異常なフォーカス変化なし: フォーカスが移動しても自動的な遷移・ポップアップが起きない

フォーム（WCAG AAA相当）

ヘルプ情報の一貫した配置: ヘルプリンク・問い合わせ先が一定の位置に配置されている（WCAG 3.2.6）
認証の代替手段: ログイン・CAPTCHA等の認知テストに代替手段が提供されている（WCAG 3.3.8）

自動チェックツールとの組み合わせ方

本チェックリストは手動確認を前提としていますが、自動ツールを活用することで効率化できます。

チェック項目	自動ツールで検出可能	推奨ツール
コントラスト比	✅	Lighthouse, axe, WAVE
alt属性の有無	✅	Lighthouse, axe
フォームラベルの有無	✅	axe, WAVE
言語設定	✅	Lighthouse
alt属性の内容が適切か	❌（手動必須）	—
キーボード操作の論理性	❌（手動必須）	—
リンクテキストの適切さ	△（部分的）	axe
モーダルのフォーカス管理	❌（手動必須）	—

自動ツールの活用方法は「【2026年版】アクセシビリティ自動チェックツール比較7選｜LP・Webサイトの効率的な診断方法」で詳しく解説しています。

チェック後の改善優先順位の決め方

チェックリストで問題を把握したら、以下の基準で対応優先度を決定します。

優先度マトリクス

影響の大きさ	実装コスト低	実装コスト高
影響大	最優先（今すぐ実施）	計画して実施
影響小	スキマ時間で実施	後回し可

影響が大きいアクセシビリティ問題

特に以下の問題はCVRへの直接影響が大きいため最優先で対応します。

フォームが入力できない: ラベルなし・エラーが不明確→コンバージョン不能
CTAが押せない: キーボード非対応・コントラスト不足→直接CVR影響
ページが読めない: コントラスト不足のテキスト→滞在時間短縮・離脱増
動画が無音で意味不明: 字幕なし→一部ユーザーがコンテンツを受け取れない

DejamでLP改善の効果を計測する

アクセシビリティ改善の効果は、LPのユーザー行動変化として現れます。

Dejamのヒートマップ機能で、改善前後のCTAクリック率・フォーム離脱率を比較してください。アクセシビリティ改善はすべてのユーザーへのUX向上に直結するため、全体のCVRに影響が現れます。

またウェブアクセシビリティ機能では、このチェックリストに対応する形でLPのアクセシビリティ問題を自動診断し、優先度別の改善箇所を提示します。

詳しくは「【2026年版】ウェブアクセシビリティとは？基礎から対応義務・改善方法まで徹底解説」と「【2026年版】WCAG対応の方法｜WCAG 2.1/2.2の達成基準と実装手順を実践的に解説」もご確認ください。

よくある質問

Q. チェックリストの全項目に対応しないとWCAGに準拠できませんか？

A. WCAG AA準拠のために必須なのは【High】の項目です。【Medium】はWCAGのAA基準の一部で、余裕があれば対応することで品質が向上します。【Low】はWCAGのAAA（最高水準）相当で、多くの企業にとっては必須ではありません。まず【High】をすべてクリアすることを目標にしてください。

Q. LP単体でチェックリストを適用する意味はありますか？

A. 非常に大きな意味があります。LPは広告からの流入を受け取る窓口であり、アクセシビリティ上の問題はコンバージョンの損失に直結します。特にフォームのラベルなし・CTAのコントラスト不足・キーボード操作の問題は、一部のユーザーがまったくコンバージョンできない致命的な問題です。

Q. チェックリストを定期的に実施する必要がありますか？

A. はい。LPはデザイン変更・コンテンツ更新・新機能追加のたびにアクセシビリティ問題が生じる可能性があります。重要な改修後は必ずチェックリストを再実施してください。また自動チェックツールをCI/CDパイプラインに統合することで、リグレッション（再発）を継続的に監視できます。

まとめ

LPのアクセシビリティチェックは、WCAG AA準拠と同時に、あらゆるユーザーへのCVR改善施策でもあります。

まず【High】の最優先項目（コントラスト比・alt属性・フォームラベル・キーボード操作）から着手し、自動チェックツール（Google Lighthouse・axe）で効率的に問題を洗い出してください。その後、本チェックリストの【Medium】項目を次の改修スプリントに組み込むことで、継続的なアクセシビリティ向上が実現します。

CVR改善ならDejam！アクセシビリティ対応からLP改善まで一気通貫

Dejamは、LP制作・ヒートマップ分析・ABテスト・ウェブアクセシビリティ診断をオールインワンで提供するCVR改善特化ツールです。本チェックリストの確認から問題修正・効果測定まで、Dejam一つで完結できます。

Dejamが選ばれる理由

国内唯一のワンプロダクト: LP制作・ヒートマップ分析・ABテストをすべて単一ツールで完結
月額3万円〜利用可能: オプティマイズプラン月額3万円〜 / CMSプラン月額5万円〜 / オールインワン月額12万円〜
ISMS認証取得: ISO/IEC 27001:2022 & JIS Q 27001:2023認証取得済み
毎週アップデート: 市場トレンドとユーザーリクエストに応じて機能を毎週拡充
権威ある実績: 代表がダイレクトアジェンダで2連覇。国内唯一のLPO顕彰制度「LPO AWARD」主催者

Dejamの詳しい機能を見る →　無料トライアルを申し込む →

タグ: JIS X 8341-3 ウェブアクセシビリティ WCAG アクセシビリティ対応 LP改善 CVR改善コントラスト比 LP制作アクセシビリティチェックリストフォームアクセシビリティ

この記事の監修者

平井翔吏

株式会社LeanGo 代表取締役CEO / Dejamプロダクトオーナー

CVRを改善するノウハウを体系化するプロフェッショナル。

株式会社リクルートホールディングスに新卒入社、ゼクシィのUXデザインを担当。累計250件以上の施策を実施しCVR改善を140%達成。タグ検索の開発やゼクシィ花嫁割のリブランディングなどのプロジェクトオーナーとして事業を推進した。

株式会社LeanGoを設立。CVR改善ツールDejamのプロダクトオーナー。運用型LPOやセグメントCVRなど独自のメソッドを構築、PDCAハンドスピナーをはじめとするプロモーションも実施している。日本最高峰のダイレクトマーケティングカンファレンス「ダイレクトアジェンダ2025」「ダイレクトアジェンダ2026」のAgenda awardにて2連覇。