Accessible QR code design

The principle: never the only path

A QR code is an accelerator, not a door. Some readers cannot scan it — no camera, a screen reader, low vision, a tremor, a phone in the other hand on a moving bus — and an accessible design gives every one of them another way to the same destination. That single principle generates most of the concrete practices below.

Print a human-readable fallback. A short, typeable URL beside the code serves screen-reader users (whose device reads the text aloud), anyone whose camera fails, and everyone who distrusts unlabelled codes. The pairing pattern — and why it also functions as a security courtesy — is detailed on QR code next to a short URL fallback.

Give digital codes real alt text. An image that says "QR code" tells a screen-reader user nothing actionable. Describe the destination and name the fallback: "QR code linking to the event programme — also at example.com/programme". UseQR's SVG exports ship with role="img" and an ARIA label as a floor, but the meaningful description belongs in your embedding markup — the full patterns are on alt text and screen readers.

Physical placement, in numbers

• Mounting height: 1.2–1.4 m to the code's centre. This keeps the code inside standard wheelchair reach-range guidance (roughly 380–1220 mm for an unobstructed reach) at its lower bound while staying near standing eye line — workable for both standing and seated scanning without stretching or stooping.
• Approachable straight-on. A code above head height or behind a counter forces angled scans, which cost sharpness for everyone and disproportionately punish users who cannot reposition, as covered in the placement guide.
• Size beyond the minimum. The 10:1 distance rule is calibrated for typical eyes and steady hands. For public-facing codes, doubling it — a 5:1 ratio, so a code scanned from 1 m is 20 cm wide — buys margin for low vision, hand tremor and older cameras at the cost of a few centimetres of layout. The size calculator gives the baseline to double.

Design choices that cost nothing

Colour vision is already handled — if you follow the contrast rule. Decoders and human colour-deficient vision agree here: both depend on luminance, not hue. A code meeting the 40-point luminance rule is readable under every common colour-vision deficiency, because no hue distinction carries information. The corollary: never rely on hue alone in the surrounding design either — "scan the green code, not the red one" is an inaccessible instruction.

On screens, hold the code still and long. Codes in presentations or video need generous dwell time — the reasoning and numbers are on minimum on-screen duration — and codes in animations or carousels should have a static alternative.

Verify like everyone depends on it. Run final artwork through the validator; a marginal code that healthy-sighted, steady-handed testers can coax into scanning is precisely the code that excludes everyone else. Accessible margin and engineering margin are the same margin.

FAQ

How do I make a QR code accessible to blind users?

Provide the destination as text: descriptive alt text on digital codes ("QR code linking to the menu — also at example.com/menu") and a visible short URL beside printed ones. Screen readers announce the text; the code itself remains a convenience for sighted users.

What height should a QR code be mounted at?

Centre it 1.2 to 1.4 metres from the floor for walk-up placements. That range is scannable from a wheelchair and by standing adults alike, and it keeps the code within common reach-range guidance for public spaces.

Are QR codes colourblind-friendly?

Inherently, when properly designed — scanning depends on luminance difference, not hue, so any code meeting the 40-point contrast rule reads identically under colour-vision deficiencies. Problems only arise when surrounding instructions rely on hue alone.

What size QR code helps low-vision users?

Bigger than the standard minimum: double the 10:1 distance rule to roughly 5:1. A larger code presents more pixels per module to the camera, tolerating shake, distance misjudgement and imperfect focus that smaller codes punish.