UI设计无障碍阅读(WCAG)技巧-字体对比度

2019-06-28  本文已影响0人  一米阳光_02f4

什么是WCAG

Web(Web Content Accessibility Guidelines)内容无障碍指南(WCAG)2.0涵盖范围广泛,涉及了一些建议,这些建议可使Web内容更容易访问。遵循这些原则,能够让内容更易为广大残障人士所接受,包括失明和低视力、失聪和重听、学习障碍、认知障碍、行动不便、言语残疾、光过敏患者和这些病症的复合患者。遵循这些原则也可让普通用户更容易访问您的Web内容。

WCAG 2.0指南结构

如何在UI设计中更好的做到内容的可辨别性

在UI设计过程中,我们一般情况下要做到WCAG要求达到的AA、AAA级标准?
1、AA级:

2、AAA级:

如何做到以上的对比度?

以下推荐的三个网站都能够轻松查看前景色和背景色的对比度

参照以上三个网址来查看自己UI设计中的文本是否具有易读性还是很好的,个人觉得color review 在查看是否符合A、AA、AAA级别标准时比较方便,毕竟每一条线代表一个层级的范围;contrast checker在调节色相、饱和度、对比度单一数值上具有明显优势。

参考文章:
Acessibilidade Toolkit: Entendendo de uma vez por todas a WCAG

The new guidelines in WCAG 2.1 explained
Web内容无障碍指南 (WCAG) 2.1

上一篇下一篇

猜你喜欢

热点阅读