「仕様書にはJIS X 8341-3、制作会社からはWCAG 2.2と言われた。どちらで頼めばいいのか」。まずは仕様書に書かれた規格の版と、AAなどの適合レベルを確認しましょう。JIS X 8341-3:2016とWCAG 2.2は同じ基準ではありません。この記事では違いを確認したうえで、発注先へ何を聞けばよいかをまとめます。
WCAGとJIS X 8341-3は何が違うのか
WCAGは、W3Cが策定するウェブアクセシビリティのガイドラインです。WCAG 2.2は2023年10月に初めてW3C勧告となりました。W3CのWCAG 2.2本文では、達成基準と適合要件を確認できます。ガイドライン名だけでなく「2.2」のような版を指定して使います。
JIS X 8341-3:2016は、ウェブコンテンツを対象とする日本産業規格です。ISO/IEC 40500:2012との一致規格で、WCAG 2.0に対応します。WAICによるJIS X 8341-3:2016の解説も参照できます。JIS X 8341-3という番号だけでは、将来の改正版と区別できないため「:2016」まで確認してください。
AAは、A・AA・AAAという適合レベルの一つです。「AA」という名前が同じでも、規格の版が違えば確認する達成基準も変わります。JIS X 8341-3:2016のAAに対応したからといって、WCAG 2.2のAAも満たしたとは言えません。
企業は仕様書と利用者に合わせて基準を選ぶ
国内の仕様書でJIS X 8341-3:2016のAA準拠が指定されているなら、その要件を確認するところから始めます。一方、新規制作や大きな改修では、WCAG 2.2のAAも含めて設計・試験するかを検討できます。「国内企業なら必ずJISだけを先に」という一律の順番ではなく、調達要件と利用者の使い方で決めます。
発注先には「JISのAAに対応していますか」だけでなく、対象ページ、試験方法、納品物まで聞いてください。公的機関なら仕様書と運用方針を確認し、民間企業なら取引先からの要求と自社で目指す範囲を分けて書くと、話が進めやすくなります。
社内で進める場合も、試験結果をどう残すかを決めておきましょう。JISの対応度表記や試験方法はWAICの資料を参照できます。対象ページの選び方や実際の確認手順は、アクセシビリティチェックの対応手順と基準で説明しています。
発注前に確認したい5項目
- 規格の版とレベル：JIS X 8341-3:2016のAAか、WCAG 2.2のAAも含むか。
- 対象範囲：公開ページ、フォーム、PDF、外部サービスなど、どこまで調べるか。
- 試験方法：自動ツールと手動確認をどう組み合わせ、ページをどう選ぶか。
- 納品物：問題一覧、達成基準ごとの試験結果、対応度の表記や公開用の情報を含むか。
- 作業の境界：改修・再確認・運用時の支援を含むか、別途見積りか。
WCAG 2.2では、フォームや操作の何が変わるのか
WCAG 2.2を検討するときは、達成基準の総数より、自社サイトの操作に関わる内容を見るほうが判断しやすくなります。たとえば、フォーム入力やログイン、小さなボタンの操作で困る場面がないかを確認します。
WCAG 2.2の「2.5.8 ターゲットのサイズ（最低限）」（AA）では、原則として24×24 CSSピクセル以上の操作対象が求められます。ただし、対象間の間隔、同じ機能を持つ別の操作対象、文章中のリンクなどの例外があります。すべてのリンクを一律に24×24へ広げるという意味ではありません。「一貫したヘルプ」や、同じ手続きでの重複入力を減らす「冗長な入力」なども確認したい内容です。
既存サイトの改善では、重要な操作を妨げている問題から直しながら、目標の規格に必要な項目を確認します。新規制作では、追加基準も設計段階で扱うかを発注先と決めておくと、完成後の認識違いを減らせます。アクセシビリティ対応が難しいと感じる理由も参考にしてください。
WCAG 2.2で確認したい例
・小さなボタンやリンクを操作できるか（ターゲットのサイズと例外条件）
・キーボードで選択中の場所が、固定表示などで完全に隠れないか
・同じ手続きで、入力済みの情報を何度も入力させていないか
・認証に、記憶や認知機能のテストを要求する場合の代替手段があるか
JIS規格の改正状況は、発注時の公式情報で確認する
WAICの2026年6月8日のお知らせでは、ISO/IEC 40500が2025年9月にWCAG 2.2と同内容へ改正されたことと、対応するJIS X 8341-3の改正を検討していることが説明されています。改正作業の進行と、新しいJISの正式発行は別です。発行時期を「2026年度中」と断定して契約の前提にせず、発注時点の公式情報を確認してください。
これまでの改善で得た、代替テキストやキーボード操作への配慮は引き続き役立ちます。ただし、新しい版へ移るときには追加・変更点の確認が必要です。WCAG 2.2では「4.1.1 構文解析」が削除されています。WCAG 2.2の試験結果を、そのままJIS X 8341-3:2016の試験結果として読み替えず、両方を目標にする場合はそれぞれの要件を確認します。
新規制作やリニューアルでは、「JIS X 8341-3:2016のAA」と「WCAG 2.2のAA」をどこまで対象にするか、設計前に相談してください。公開日までに満たす範囲、試験するページ、公開後に残る課題を分けて決めると、納品時に何を確認するかが明確になります。
総務省が伝える「公的機関の責務」
総務省が公表している資料「ウェブアクセシビリティ対応は – 公的機関の責務です」では、ウェブアクセシビリティについて重要なポイントが示されています。
合理的配慮・環境の整備・規格適合を分けて考える
- 障害者基本法：国及び地方公共団体は、行政の情報化において障害者の利用の便宜を特に配慮しなければならない
- 障害者差別解消法：ウェブアクセシビリティは「環境の整備」として計画的推進が求められている
- JIS X 8341-3：ホームページを誰もが利用できるものとするための基準
障害者差別解消法は2021年に改正され、その改正法が2024年4月1日に施行されました。これにより、それまで努力義務にとどまっていた民間事業者への「合理的配慮の提供」が法的義務へと引き上げられています。
ウェブサイトを利用しやすくする事前の取組は「環境の整備」であり、個別の場面で行う「合理的配慮の提供」と区別します。内閣府の基本方針では、環境の整備を行政機関等と事業者の努力義務としています。JISのAAを満たさないことだけで直ちに違法と判断したり、AAに対応すれば個別の合理的配慮も不要と考えたりしないことが大切です。
よくある間違った理解
ここでは、担当者が迷いやすい3つの点を確認します。
色や画像、動画を使うことと、アクセシビリティへの配慮は両立できます。たとえばAAの文字コントラストは、通常の文字で原則4.5:1以上、大きな文字で3:1以上です。装飾、ロゴなどの例外もあるため、すべての表示へ同じ数値を機械的に当てはめるのではなく、該当する基準を確認します。
制作会社に任せる場合も、原稿を用意する人や公開を承認する人の役割を決めておきます。画像が伝える内容は原稿担当者が説明し、実装方法は制作者と確認するなど、分担を明確にしましょう。情報を伝える画像には適切な代替テキストが必要ですが、装飾だけの画像は空の代替テキストなどで読み上げを省く場合があります。
「一部のページを確認したので、サイト全体がAA準拠」とは言えません。一方、試験は常に全ページを1枚ずつ調べる方法だけではなく、ウェブページ一式を対象として選定する方法もあります。WAICの対応度表記ガイドラインに従い、試験の対象範囲・方法・結果と、表明する範囲を一致させてください。まず自分で確認する項目は、ウェブアクセシビリティチェックの第一歩で紹介しています。
誤解しやすい点
・色や画像を使わないことが目的ではなく、情報や操作を利用できることが目的です。
・制作会社、原稿担当者、承認者の分担が必要です。
・「準拠」「一部準拠」「配慮」は同じ意味ではありません。実際の試験結果と対応度の表記を合わせます。
継続的な取り組みが重要
公開後もページを追加したり、画像やフォームを変更したりします。修正したページを確認する担当者を決め、問題が見つかったら直して再確認する流れを、普段の更新作業に入れておきましょう。
詳しく調べたいときは、次の公的資料も参照してください。
- みんなの公共サイト運用ガイドライン：必要な取組内容と注意事項が詳しく示されています
- 障害者のウェブページ利用方法の紹介ビデオ：YouTube総務省動画チャンネルで公開
- miChecker（エムアイチェッカー）：総務省開発の無料評価ツール
- デジタル庁「ウェブアクセシビリティ導入ガイドブック」：考え方や取り組み方のポイントを解説
「うちのサイトは大丈夫？」チェックで見つかる典型的な問題
規格名は分かっても、何をチェックするのかは想像しづらいかもしれません。実際のページでは、次のような点を確認します。
ページで確認したい問題の例
以下は、チェックする項目の例です。見つかった件数だけでなく、利用者がどの操作で困るのかも確かめます。
情報を伝える画像に代替テキストがあるかを確認します。読み上げで画像の内容を理解するための手がかりになります。ただし装飾画像にまで説明を付けると、かえって読み上げの負担になる場合があります。画像の役割に合わせて判断します。
薄い文字や背景に埋もれる文字は、弱視の方や高齢者などに読みづらい場合があります。通常の文字で原則4.5:1以上、大きな文字で3:1以上というAAの基準と、該当する例外条件を確認します。
キーボードでメニューを開けるか、フォームの送信ボタンまで進めるかも確認します。マウスを使わずに操作する方もいるためです。Tabキーで移動できても、今どこを選んでいるか見えない場合があるので、移動先の表示も見てください。
見出しが内容の構造を伝えるか、必要な動画に字幕があるかなども確認します。AIや自動ツールだけで全項目を判定できるわけではありません。キーボード操作などの手動確認と組み合わせ、問題がある箇所と追加確認が必要な箇所を分けて残します。
チェックや改修、どこまで頼むか迷ったら
自社で確認する範囲と、外部へ頼む範囲で迷ったら、アクセシビリティチェック・対応支援をご覧ください。対象ページと、必要な試験や成果物を確認するところから相談できます。
「仕様書にあるAA準拠を、どう確かめればよいか」「今の制作会社に何を頼めばよいか」。そのままの疑問で構いません。チェック、改修、再確認のどこまでを依頼するかは、内容と費用を確認して決めます。
発注先を比較するときは、アクセシビリティチェック業者の選び方も参考にしてください。自動チェックの件数だけでなく、手動確認や試験結果の説明が含まれるかを確かめます。
相談するときは、困っていることから
JISとWCAGの基準選びについてよくある質問
規格・範囲・試験方法を決めてから依頼する
依頼の前に、次のような一文を書いてみてください。決まっていない部分は「相談したい」で構いません。
「自社サイトをJIS X 8341-3:2016のAAで確認したいです。WCAG 2.2のAAも対象にするか、試験するページと結果の納品方法を相談したいです。改修費用はチェック費用と分けて教えてください。」
ハマ企画へ相談する場合も、サイトURLと、仕様書や発注条件で分からない点を分かる範囲でお知らせください。初回にログインパスワードや機密資料は不要です。相談・見積りと、有料のチェック・改修作業は分けてご案内します。
- 現状把握：今のサイトの状態をチェック
- 目標設定：規格の版と適合レベルを決める
- 継続改善：定期的なメンテナンス
- 将来準備：新しい規格への対応
