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

3.4 成功准则 1.4.11 – 非文字对比

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

 

修正前

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

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

 

修正后

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

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

 

WCAG 2 参考:
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html