搜寻目录
语言目录
流动式目录
政府资讯科技总监办公室

9.9: WCAG 2.1 成功准则1.4.11 – 非文字对比

所有提供重要资讯的非文字内容(例如图像、图表、按钮、复选框、单选按钮或输入栏),与相邻颜色的对比度应至少为3:1。

修正前

这个网页范例中的网页背景为白色,包含网上输入表格,其中的文本框以浅灰色显示。

灰色文字框与白色背景的颜色对比欠佳,令视力不佳的人士难以识别。

修正后

这个网页范例中的网页背景为白色,,包含网上输入表格,其中的文本框以浅灰色显示,并被深色外框包围。

为文字框加上深色边界,让使用者更容易识别。

WCAG 2.1 参考:

https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html