How-To 2026-02-25 5 min By Cornelious Fazal

QR Code Accessibility: WCAG Contrast, EAA 2025 Compliance, and Inclusive Design Guide

Quick Answer

The European Accessibility Act requires accessible QR code deployments from June 2025. This guide covers WCAG contrast ratios, placement height, text.

Why QR Code Accessibility Matters in 2025

The European Accessibility Act (EAA, Directive 2019/882) required full compliance by 28 June 2025 for businesses providing digital products and services in the EU market. While the EAA does not mention QR codes by name, it mandates that any touchpoint used to access or interact with a covered service must meet accessibility requirements - and QR codes increasingly serve as entry points to digital services.

In the United States, Section 508 and ADA Title III create similar obligations for federal agencies and public accommodations. The UK's Public Sector Bodies Accessibility Regulations apply to government and public sector QR code deployments.

This is not only a legal question. Accessible QR code implementation also increases scan success rates across your entire audience - users with low vision, older smartphone cameras, or challenging lighting conditions all benefit from the same design improvements that meet accessibility standards.

The Fundamental Rule: Never Use a QR Code Alone

The single most important accessibility requirement for QR codes is this: a QR code may never be the only means of accessing information or completing a task. A QR code is a convenience accelerator, not an exclusive channel.

Every QR code deployment must include at least one accessible alternative:

  • The destination URL in readable text alongside the code
  • A phone number for voice access to the same information
  • A physical document or sign containing the information the code links to
  • Staff members able to provide the information verbally

For food allergen QR codes (covered in our dedicated allergen compliance guide), EU food law independently requires verbal allergen information from staff - which satisfies this requirement for that specific application.

Contrast Ratio Requirements

QR codes must meet minimum contrast ratios between the dark modules (foreground) and the light background (quiet zone and background):

StandardMinimum Contrast RatioApplication
WCAG 2.1 (Level AA) - non-text3:1Minimum threshold for informational images
WCAG 2.1 (Level AA) - for best reliability4.5:1Recommended for all QR codes including colour-customised ones
Industry standard for scanners4:1Minimum for reliable scanning across all device types
Optimal black on white21:1Highest possible contrast - ideal baseline

Black QR modules (#000000) on a white background (#ffffff) give 21:1 contrast - well above all requirements. Colour-customised codes reduce this ratio. Always verify contrast using a colour contrast checker (WebAIM's Contrast Checker is free) before printing any branded colour QR code.

Common failures: light grey on white (2:1), pale gold on cream (1.5:1), light blue on white (1.8:1). All of these fail both accessibility and basic scan reliability standards simultaneously.

Physical Placement Requirements

  • Height: QR codes on fixed signage and displays should be placed at a height accessible to wheelchair users and those of shorter stature. The UK standard for wayfinding signs is 120-150 cm from floor level. For QR codes specifically, 120 cm centre height is recommended.
  • Reach distance: The code must be reachable for scanning by a person in a wheelchair - not placed behind a counter, above eye level on a high shelf, or requiring the user to lean at an awkward angle.
  • Surface: Do not place QR codes on curved, reflective, or highly textured surfaces. These distort the code pattern or create glare that prevents scanning.
  • Lighting: Ensure adequate, even lighting on the QR code. A code in shadow or with a bright light reflecting directly off it (common with gloss-laminated or glass-protected codes) fails consistently for users with lower-vision requiring longer scan attempts.

Quiet Zone Compliance

Every QR code requires a blank margin - the "quiet zone" - of at least 4 module-widths around all four sides. Many designers clip QR codes to fit them into tight spaces, reducing or eliminating the quiet zone. This is an accessibility and functionality failure simultaneously.

When scaling or positioning a QR code in a layout, maintain the quiet zone at all times. Do not place design elements, text, or other graphics within the quiet zone boundary. Our generator includes the minimum quiet zone in all exported files - do not crop it out during layout.

Accessible Instructional Text

Text accompanying the QR code must itself meet accessibility standards:

  • Minimum font size: 12pt / 16px for print at reading distance
  • High contrast text: black on white or equivalent
  • Clear, plain language: "Scan this code with your phone camera to [purpose]"
  • Alternative provided: "Or visit [URL] / call [phone number]"

For digital documents and publications containing QR codes (PDFs, web pages, presentations), the QR code image must have an appropriate alt text attribute: alt="QR code linking to [description of destination]" so screen reader users understand what the code represents, even if they cannot scan it.

Linked Content Accessibility

The destination of your QR code must also be accessible. Sending users to a non-WCAG-compliant destination page undermines the entire accessible chain. Verify that the linked page:

  • Works with screen reader software (NVDA, JAWS, VoiceOver)
  • Has sufficient contrast and text size for low-vision users
  • Can be navigated by keyboard only (for motor-impaired users on desktop)
  • Loads at acceptable speed on mobile connections

Generate fully accessible QR codes using our Free QR Code Generator, then verify the complete user journey - from code to destination - against the standards above.

Frequently Asked Questions

The EAA does not specifically name QR codes, but it requires all access points to covered products and services to meet accessibility requirements. Where a QR code is used as the mechanism to access a digital service covered by the EAA - a product information page, a booking system, a service portal - the implementation around it (contrast, placement, alternatives) must comply with EN 301 549 (the European accessibility standard) which references WCAG 2.1 Level AA. Legal advice specific to your jurisdiction and business type should be sought for compliance confirmation.

WCAG 2.1 Level AA requires a 3:1 contrast ratio for non-text graphical elements (which QR codes are classified as). For reliable scanning and to exceed the accessibility minimum, a 4.5:1 ratio is recommended. Test any custom colour combination with a free contrast checker (WebAIM Contrast Checker). Enter your module colour (the dark QR squares) as the foreground and your background colour as the background. If the ratio is below 4.5:1, darken your module colour or lighten your background.

No. Under the EAA, ADA, and UK accessibility regulations, QR codes cannot be the sole means of accessing important information. An accessible alternative - a text URL, a phone number, a verbal enquiry with staff, or a physical document - must always be provided alongside the code. This requirement is both a legal obligation in many contexts and good practice for the estimated 15% of the population with a disability that affects digital access.

The alt text should describe where the QR code goes, not what it is: alt="QR code - scan to view our allergen menu" or alt="QR code linking to our contact form." Screen reader users need to understand the destination and purpose, not the technical description of the code itself. Avoid: alt="QR code image" (tells the user nothing useful). Include the URL or a description of the destination so the screen reader user can decide whether to pursue accessing it by another means.

Test physically with the following: (1) contrast test - use a digital contrast checker with your actual background and module colours; (2) placement test - check height with a tape measure and verify wheelchair approach distance; (3) lighting test - check at different times of day and under artificial lighting; (4) alternative access test - verify someone without a smartphone can access the same information via the URL or phone number provided; (5) linked content test - run the destination URL through a WCAG checker such as WAVE or Lighthouse. Document the results for your accessibility statement.
Back to Knowledge Hub