[Athen] QR Code Best Practice

[Sean J Keegan via athen-list]

> What would be the best practice for implementing

> accessible QR codes on websites, fliers, or presentations?

> Thank you in advance for any input on this matter.


Hi Khoa,

We had someone ask our office this question a few weeks ago and the information below is what resulted from that discussion. One of my colleagues also found this guide (see attached) which had suggestions for how large the QR code should be depending on the medium:

1. Ensure the QR code is of sufficient size - not too small and not too large. Too small and it can be hard to get close enough to have the camera recognize the QR code. Too big and the person may have to back up to get the whole QR code captured. Both can be problematic for someone with a mobility issue. The size of the QR code is really dependent on the size of the display itself. It should also be placed at an appropriate height that allows someone using a wheelchair to be able to capture the QR code.

2. Provide instructions in clear language as to what QR code is for and explain what will happen with user scans the code. E.g., let the person know if they will be downloading an app or if it is supposed to go to a website.

3. Ensure appropriate contrast of foreground/background color of QR code using WCAG standards. Avoid fancy shading or trying to insert a hidden image that can disrupt the QR code pattern.

4. Include a shortened URL (if possible) in case the person is unable to get the QR code to function. E.g., some devices may be mounted on a wheelchair and the camera cannot be oriented properly to take the QR code picture.

There may be additional thoughts that people have. Hope this helps.

Take care,
Sean

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20250317/cd4c49ef/attachment.html>