二维码的无障碍设计 - 为视障者与老年人着想的设计指南
二维码面对的无障碍课题
二维码是一种完全依赖视觉信息的媒介。对有视觉障碍的使用者来说,光是察觉到「这里有一个二维码」就已经很困难,扫描这个动作本身也需要他人协助。仅在日本国内,视障者就约有 31 万人,低视力(弱视)者估计有 145 万人。
对老年人而言,二维码也有不少难用的场合。码印得太小、设计的对比度太低、不熟悉手机相机的操作,是三个主要障碍。上了年纪的人上网也早已成了常态,与此同时,改善二维码的无障碍程度仍是一项具有社会意义的课题。
提供替代手段
设置二维码时最重要的一项无障碍措施,是一定要同时写出替代手段。在二维码旁边附上文字形式的链接,或者并设一枚 NFC 标签,就能让扫不了码的使用者通过另一条路取得同样的信息。
在网页上展示二维码时,请在图片的 alt 属性里写清楚链接指向什么。不要只写「二维码」,而要像「前往官方网站的链接(https://example.com)」这样,把码所指向的内容包含进去。使用屏幕朗读软件的人正是依靠这段 alt 文本来判断链接目的地的。
提高可辨识度的设计
下面整理几条设计指针,帮助低视力者和老年人更容易辨认二维码。第一,前景色与背景色的对比度至少要达到实务经验值 4:1。二维码不是文字,而是相机解码器按明暗差的阈值来读的图像,因此它和 Web 文字可读性标准(WCAG 2.2 达成基准 1.4.3 的 4.5:1)属于两套不同的目标。黑白搭配(对比度 21:1)最为稳妥,对低视力者察觉「这里有一个二维码」也更有利。配色定下来之后,请用实机扫一次,确认确实能读到。
第二,尺寸按「扫描距离的十分之一以上」这个基准来定。指引物在 30 厘米左右的距离扫描的话,3 厘米见方就是大致目标;名片大小的印刷品一般在 20 厘米前后扫描,所以 2 厘米见方是下限。面向老年人的指引物,往往不容易拿到很近的位置对焦,可以按 40 厘米的扫描距离考虑,建议做到 4 厘米见方以上。
第三,在二维码周围留出足够的静区。最低需要 4 个模块宽的空白,但考虑到无障碍,留出 6 个模块以上更为理想。周围的装饰或文字离码太近,相机就无法正确识别出二维码的边界。
这三条都不是审美层面的讲究,而是直接影响能否读取的条件。把码做成浅灰配白色、或者硬塞进狭窄版面里缩到 1 厘米,本来能扫到的人也会扫不到。
码旁说明文字的写法
二维码单独存在时并不传达任何信息。只有扫过之后才知道里面是什么,所以在码的旁边用文字写清「扫了能得到什么」相当重要。是能看菜单,还是能报名,只要用一句话点明目的,使用者就能判断这个码值不值得扫。
为了不便依赖视觉的人,这段说明要写成朗读出来也讲得通的样子——简洁、具体,不用含糊的修饰。把码和说明文字当作一组来设计,指引才会对所有人都体贴。
不带强迫感的位置与大小
顾及无障碍的二维码,在摆放位置和大小上也要多留心。贴在很低的位置或手伸不到的地方,使用轮椅的人和身高较矮的人就难以扫到。基本原则是贴在接近视线高度的位置,并且印得足够大。
另外,「不扫码就拿不到信息」这种设计应当避免。码充其量只是一条捷径,为扫不了码的人留出另一条路径,是不把任何人落下的前提。
贴的高度可以用一个粗略标准:距地面 90 到 140 厘米之间,坐着和站着都伸手可及。玻璃门或反光面上的码,还要注意灯光的反射会不会盖住图案。
以人人都能使用的指引为目标
用二维码做指引很方便,但它同时也容易在「用得了的人」和「用不了的人」之间划出一道差距。对没有手机的人、不熟悉操作的人、在视力或手部动作上有困难的人来说,只有码的指引会变成一道墙。
因此,最好在码的旁边同时备好文字说明、电话号码、办理窗口的位置等多条途径。不让便利只属于一部分人,让每个人都能同等地抵达同样的信息,才是真正意义上的无障碍。
对扫描操作的支援
用触觉传达「这里有码」的做法也很有效。在印刷品上,于二维码的位置贴一枚盲文贴纸或加上触觉标记(凸起加工),视障者就能用手确认码在哪里。公共设施的指引牌上,在二维码旁用盲文写明「此处有二维码」的做法正在增加。
在数字标牌和网页应用中,建议在扫描成功时给出语音反馈。除了「嘀」的确认音,如果还有「即将打开链接」这样的语音提示,使用者就能不依赖视觉确认扫描已经完成。
反过来说,扫描失败时也应当有所交代。什么反应都没有,使用者只能反复对着码晃动手机,不知道是自己拿歪了还是码本身有问题。