QRコードのアクセシビリティ: WCAG、コントラスト、代替手段

QRコードは、リンクの絵です。使うには、そこにあることを知り、空間の中で見つけ、カメラを向けて、じっと構えなければなりません。この4つのどれかができない人には、情報へ至る道がまったくありません。真剣なアクセシビリティのガイドラインがどれも、コードを唯一の入口ではなく、入口の1つとして扱うのは、そのためです。

義務ははっきり分かれます。画面上では、コードは画像であり、ウェブコンテンツ アクセシビリティ ガイドラインがそれに直接適用されます。印刷物には、紙に届くガイドラインはなく、責任はコードの隣に何を置くかに移ります。どちらの場合も、法的リスクの大半は、実際には遷移先のページにあります。スキャンが機能したあとに何が収集されるかは、同じ四角のデータ面を扱うQRコードとGDPRをご覧ください。

障壁は1つではなく3つ

チームは、目に見える障壁を直します。ほかの2つは残ります。

見つけること。 印刷されたコードは、視覚的にしか存在を知らせません。目の見えない人は、テキストでそう書かれていなければ、ポスターにコードがあること、テーブルテントにあること、手紙に含まれていることを知りません。記号の下に小さな文字で「コードをスキャン」と印刷しても、それだけでは何も解決しないのは、このためです。

スキャンすること。 コードを枠に収めるには、使える中心視野と、ある程度安定した手が必要です。弱視、震え、握力の制限、立った高さに掲示されたコードに向き合う車椅子の利用者は、それぞれ別の失敗でありながら、結果は同じです。ガラスの奥やカウンターの上にあるコードは距離が増えるため、サイズの計算でそれを考慮する必要があります。

開いたものを使うこと。 コードの先にあるページは、ほかと同じウェブページであり、強制力のある義務が集中する場所です。スキャンできるコードが、テキストレイヤーのないPDFメニューにつながっていれば、障壁は移っただけで、取り除かれてはいません。

WCAGが求めること

繰り返し登場する条項は4つあり、どれも過大な要求ではありません。

以下はすべて、WCAG 2.2の本文(2026-10-25 閲覧)によるものです。画像として表示するコードには、達成基準1.1.1 非テキストコンテンツ(レベルA)に基づき、遷移先を説明する代替テキストが必要です。「QRコード」では alt 属性が無駄になり、「診察予約フォームへのQRコード」なら、それが情報になります。同じページにURLがテキストとして印刷されている場合は、コードを装飾として扱うことも妥当です。

コントラストは、デザイナーが最も頻繁に破る項目です。非テキストのコントラストの要件(1.4.11、レベルAA)は、内容を理解するために必要なグラフィックの部分について、隣接する色との間に3:1の下限を定めており、QRではモジュールと背景がこれに当たります。写真の背景、コントラストの低いブランド配色、反転したパターンは、いずれもこのガイドラインに適合せず、スキャナーでも失敗することがよくあります。パターンが読み取れなくなるまでにスタイルをどこまで変えられるかは、ブランドQRコードのデザインで説明しています。

リンクの目的も重要です。コードがリンクの隣にあるときは、見えるテキストで行き先を示すべきで、それを求めているのが文脈におけるリンクの目的(2.4.4、レベルA)の条項です。「ここをクリック」は、ラベルのないコードと同じ理由で不適合です。

そして、パターンの周囲にある空白のクワイエットゾーンは、印刷上の問題であると同時に、アクセシビリティの問題でもあります。レイアウトに合わせてそれを切り詰めると、コードは誰にとっても捉えにくくなり、一部の人にとっては不可能になります。

欧州アクセシビリティ法の位置づけ

指令(EU) 2019/882は2025年6月28日から適用されており(EUR-Lexは2026-10-25 の自動チェックでは読み込めなかったため、文言はそちらで確認してください)、これまでアクセシビリティを公共部門の問題と見ていた民間組織にとって、前提が変わります。

自社に及ぶかどうかは、3つの点で決まります。指定された製品と、Eコマース、消費者向け銀行、旅客輸送、電子書籍を含む消費者向けサービスが対象です。サービスに付随するため、印刷された四角は対象外でも、コードが開くページは対象範囲に入ります。そして国内法に置き換えられるため、執行機関、罰則、サービスに関する零細企業の適用除外の詳細は、販売先の加盟国によって異なります。

マーケティングチームにとっての実際の読み方はこうです。スキャンの先がEU域内の消費者との購入、予約、銀行取引につながるなら、遷移先を規制対象の面として扱い、それに応じてテストしてください。公的機関はすでに、以前のウェブアクセシビリティの規則と、規格EN 301 549の対象です。これは政府向けのURL短縮サービスで詳しく扱っています。

チームがコードの見た目に1週間を費やすより、遷移先のページを直してURLを印刷してくれるほうが、私は好ましいと思います。執行機関が尋ねるのは、まず前の2つだからです。

印刷された短縮URLこそがアクセシビリティ機能

これは、リストの中で最も価値の高い変更です。かかるのは、1行の文字だけです。

コードの下に印刷された短縮URLは、印刷物が他に持てないテキストの代替です。画面拡大を使い、文字は読めてもカメラを構えられない人の助けになります。スマートフォンのカメラアプリが使えない人、借りた端末の人、あとでノートPCでページを開きたい人にも役立ちます。ほかの全員にとっても、光の反射でスキャンが台無しになったときに役立ちます。まれですが、起こります。

書き写せるようにしてください。

1. パスは数文字にとどめ、読んでから入力するまでの間、記憶に保持できるようにします。
2. 全体を小文字にし、印刷で紛らわしい文字の組み合わせは避けます。
3. ランダムな文字列より、単語を選びます。単語として読めるカスタムバックハーフは、劣化したコピーにも耐えますが、ランダムなものは耐えません。
4. コードをスキャンする距離で読める大きさにします。レイアウトが許す最小の文字にはしないでください。
5. 前に自分のドメインを付けます。見覚えのあるドメインは、誰にとっても信頼のシグナルです。それが画面よりも印刷物で重要な理由は、ブランドリンクとは何かで説明しています。

コードごとに読みやすい印刷版のフォールバックを付けて生成しますか? 先に短縮リンクを作成し、それをQRデザイナーに貼り付けてください。デザイナーは、渡されたURLをそのままエンコードし、短縮リンクは作成しないため、順序が重要です。コードの下に印刷するテキストは、コードに含まれる短縮リンクと同じものにします。デザイナーはPNGとSVGを出力でき、どちらも印刷に使えます。

デザイナーでは、前景色と背景色を16進数で選びます。下のスクリーンショットの既定の組み合わせ、#0f172a と #ffffff は、WCAGのコントラスト式でおよそ17.9:1になり、3:1の下限を大きく上回ります。自社のブランドカラーを入力する場合は、出力前に比率を確認してください。組み合わせが不足していてもデザイナーは警告せず、そのヒントも2台のスマートフォンでテストするよう書いているだけだからです。

デザイナーは標準の4モジュールのクワイエットゾーンを描画します。切り取ったり、賑やかなアートワークにコードを密着させて配置したりしないでください。

他の人の立場でテストする

確認は5つです。最初の3つは10分で終わります。

遷移先のページをスクリーンリーダーに通します。チェックリスト用のツールではなく、実際のスクリーンリーダーで、主要な操作に到達でき、ラベルが付いているかを聞き取ります。何を聞き取るべきかの簡潔な参考資料としては、QRコードの実装に関する米国Section 508のガイダンスがあります。

ファイルではなく、印刷した校正刷りのコントラストを測ります。非塗工紙のインクは、画面のプレビューでは分からないコントラストの低下を起こします。

実際の人が占める位置からコードをスキャンします。座った姿勢で、実際の取り付け高さで、会場の実際の照明のもとで行います。高さ1.6メートルのコードは、車椅子の利用者にとって、それを配置したデザイナーとは別のものです。

印刷されたURLを、スマートフォンのキーボードで手入力します。3回かかるなら、スラッグが間違っています。

そして、その先のページを、メインサイトと同じ基準で確認します。義務があるのはそこであり、最も見落とされがちな確認です。

基幹記事シリーズを読む

この記事はコンプライアンスクラスターに属します。URL短縮サービスのGDPRは、同じ面のデータ保護の側面を扱う基幹記事で、QRコードとGDPRは、スキャンで実際に何が収集されるかを説明しています。

ブログの関連記事

• QRコードはどのくらいの大きさにすべきか
• ブランドQRコードのデザイン: ロゴ、色、誤り訂正
• 物理的な面でのNFCとQRコードの比較
• 政府広報のためのURL短縮サービス