跳至主要内容
短.be

二维码 WCAG 合规

将 WCAG(Web Content Accessibility Guidelines)的标准应用于二维码的放置 / 替代文本 / 颜色对比度的无障碍设计。

2026 年 10 月 31 日 / 约 1 分钟阅读

QR 码

二维码 WCAG 合规是指将 Web Content Accessibility Guidelines(WCAG)的标准应用于二维码的展示 / 提供,使包括残障用户在内的所有人都能访问的做法。二维码是以图像呈现的非文本内容,WCAG 2.2 的 1.1.1 Non-text Content(A 级)要求为呈现给用户的非文本内容提供能实现相同目的的文本替代。

符合 WCAG 的二维码需要具备多个要素。首先,以替代文本(alt 属性)写明二维码的目标 URL 或用途。其次,确保二维码的前景色与背景色之间有足够的对比度。在 WCAG 2.2 中,要求 4.5:1 这一数值的是针对文本的标准(1.4.3 Contrast (Minimum),AA 级),而对应二维码这类非文本图形的是要求 3:1 的 1.4.11 Non-text Contrast(同为 AA 级)。本文考虑到读取的余量,以 4.5:1 作为参考。此外,在二维码附近同时附上文本链接,即使在无法读取二维码的环境中也能获取相同的信息。

在短链接服务中生成二维码时,实现的例子有以下几种。在二维码图像正下方以文本显示目标短链接。在印刷品中,在二维码周围留出空白(静区)。提供颜色自定义功能时,内置对比度的自动检查功能。

作为对视障人士的考虑,可以设置替代文本或 ARIA 标签,使屏幕阅读器能够读出二维码的存在和用途。

这篇文章对您有帮助吗?

相关术语

二维码无障碍设计

确保视障人士、老年人等所有用户都能顺利使用二维码的设计考量。包括文本替代方案、色彩对比度和尺寸规范。

彩色二维码

自定义前景色或背景色的二维码。可以融入品牌配色方案,但必须确保足够的对比度以保证扫描成功率。

二维码最小尺寸

二维码能被正确扫描的最小印刷尺寸。由数据量、印刷质量和扫描距离共同决定。

QR 码设计

在保持可扫描性的前提下,对 QR 码的外观进行品牌化定制的设计实践。

alt 文本

描述图片内容的文本。在图片无法显示时作为替代内容展示,也供屏幕阅读器朗读使用。

QR 码

一种二维条形码,可以存储 URL、文本等信息,通过智能手机摄像头扫描读取。

相关文章

QR 码入门 - 从零开始轻松了解原理、扫码方法和制作方式

通俗讲解 QR 码是什么、它和传统条形码有什么区别、里面可以存储哪些类型的信息、怎么用手机扫码读取,以及如何自己动手免费制作 QR 码。还介绍了短链接与 QR 码的组合技巧,以及在学校文化节海报上的实际应用案例,是一篇面向初学者的入门指南。

短链接无障碍设计指南 - 屏幕阅读器适配、链接文本与 WCAG 合规

解说短链接对视觉障碍者、老年人、认知障碍用户的影响。介绍屏幕阅读器的 URL 朗读问题、符合 WCAG 标准的链接文本设计方法。

二维码与短链接的组合 - 从线下到线上的引流设计

从技术角度解说二维码版本与数据容量的关系。包含按网址长度比较二维码尺寸数据的实践指南。

把知识用到真实链接上

免费缩短网址