Qraft (クラフト)

QR コードのアクセシビリティ - 視覚障害者や高齢者に配慮した設計

最終更新: 約 2 分で読めます

QR コードが抱えるアクセシビリティの課題

QR コードは視覚情報に完全に依存するメディアです。視覚障害のあるユーザーにとって、QR コードの存在を認識すること自体が困難であり、スキャン操作にも支援が必要です。WHO の推計によると世界で約 2 億 9,500 万人が視覚障害を抱えており、日本国内でも約 31 万人の視覚障害者と推定 145 万人のロービジョン (弱視) の方がいます。

高齢者にとっても QR コードは使いにくい場面があります。小さすぎる QR コード、コントラストの低いデザイン、スマートフォンのカメラ操作への不慣れが主な障壁です。総務省の調査では 60 歳以上のインターネット利用率が 86% を超えており、QR コードのアクセシビリティ改善は社会的に重要な課題です。

代替手段の提供

QR コードを設置する際の最も重要なアクセシビリティ対策は、代替手段を必ず併記することです。QR コードの近くにテキスト形式の URL を記載するか、NFC タグを併設することで、QR コードを読み取れないユーザーにも同じ情報へのアクセス手段を提供できます。

Web ページ上に QR コードを表示する場合は、画像の alt 属性にリンク先の説明を記述してください。「QR コード」とだけ書くのではなく、「公式サイトへのリンク (https://example.com)」のように、QR コードが指す先の情報を含めます。スクリーンリーダーのユーザーはこの alt テキストを頼りにリンク先を判断します。

視認性を高めるデザイン

ロービジョンの方や高齢者が QR コードを認識しやすくするためのデザイン指針をまとめます。第 1 に、前景色と背景色のコントラスト比を最低 4.5:1 以上確保してください。WCAG 2.2 の達成基準 1.4.3 に準拠する水準です。黒と白の組み合わせ (コントラスト比 21:1) が最も安全です。

第 2 に、QR コードのサイズは最低 3cm 角以上を確保してください。名刺サイズの印刷物でも 2cm 角が下限です。高齢者向けの案内物では 4cm 角以上を推奨します。

第 3 に、QR コードの周囲に十分な余白 (クワイエットゾーン) を設けてください。最低 4 モジュール分の余白が必要ですが、アクセシビリティを考慮すると 6 モジュール以上が望ましいです。周囲の装飾やテキストが QR コードに近すぎると、カメラが QR コードの境界を正しく認識できません。

コードの周囲に添える説明文の工夫

QR コードは、それ単体では何の情報も伝えません。読み取って初めて中身が分かるため、コードのそばには、読み取ると何が得られるのかを言葉で添えることが大切です。メニューが見られるのか、申し込みができるのか、目的を一言で示すだけで、読み取るべきかどうかを利用者が判断できます。視覚に頼りにくい人のために、この説明文は音声読み上げで意味が通る、簡潔で具体的な表現にします。コードと説明文をひと組として設計することが、誰にとっても親切な案内になります。

押しつけにならない配置と大きさ

アクセシビリティに配慮した QR コードは、置き場所と大きさにも気を配ります。低い位置や手の届きにくい場所にあると、車いすの利用者や背の低い人には読み取りにくくなります。目線の高さに近い位置で、十分な大きさで掲示することが基本です。また、コードを読み取らなければ情報にたどり着けない、という設計は避けるべきです。コードはあくまで近道の一つであり、読み取れない人のために別の経路を必ず残しておくことが、すべての人を取り残さない案内の前提になります。

誰もが使える案内を目指して

QR コードを使った案内は、便利な反面、使える人と使えない人の差を生みやすい仕組みでもあります。スマートフォンを持たない人、操作に不慣れな人、視覚や手の動きに困難を抱える人にとっては、コードだけの案内は壁になり得ます。そのため、コードと並べて、文字での説明、電話番号、窓口の案内など、複数の手段を用意しておくことが望まれます。便利さを一部の人だけのものにせず、誰もが同じ情報に等しくたどり着けるように整えることが、本当の意味でのアクセシビリティです。

スキャン操作の支援

QR コードの存在を触覚で伝える工夫も有効です。印刷物では QR コードの位置に点字シールや触覚マーカー (凸加工) を施すことで、視覚障害者が QR コードの位置を手で確認できます。公共施設の案内板では、QR コードの横に点字で「ここに QR コードがあります」と記載する事例が増えています。

デジタルサイネージや Web アプリケーションでは、QR コードのスキャンに成功した際に音声フィードバックを提供することが推奨されます。「ピッ」という確認音に加えて、「リンクを開きます」のような音声ガイダンスがあれば、視覚に頼らずにスキャン完了を確認できます。

アクセシビリティの関連書籍はAmazon でも探せます。