WCAG2.0于2008年发布,并于2012年10月成为国际标准化组织标准。WCAG 2.1于2018年6月成为W3C推荐标准。 新版chrome浏览器已经支持网页字体对比度的显示,可以用来检验字体配色是否达到WCAG推荐标准。谷歌的Material Design以及苹果的iOS13中的Dark Mode都参考了WCAG的用色对比度建议 通过在文本和背景之间提供足够的对比度,...
WCAG标准的目标是帮助网页设计者和开发者创建无障碍的网页内容。通过遵循这些标准,可以确保网站对各种类型的残疾用户都具有可访问性。这包括但不限于: 视觉障碍用户:通过提供文本替代图像、使用高对比度的色彩以及支持屏幕阅读器等技术,帮助视力受损的用户访问网页。
其中,色彩对比度是评估文本和背景颜色之间差异的标准,WCAG2.0要求文本与背景颜色的对比度在AA级别时不得低于4.5:1,在AAA级别时不得低于7:1。文本可读性则涉及到字体大小、行间距、字间距等因素,WCAG2.0要求文本的可读性要足够高,以便所有用户都能轻松阅读和理解内容。 此外,键盘导航也是WCAG2.0评估的一个重要方面,...
根据万维网联盟(W3C),颜色与其背景之间的对比度基于其亮度(发出的光的强度)在1-21的范围内。WCAG 中对对比度的标准可以很好地帮助设计师检查自己设计界面的可读性,尤其是对于那些本来就患有视力障碍的用户来说,低于AA 级标准 4.5:1 对比度的正文,可读性非常差。 AA级:对比度(最小):文本视觉呈现和文本图像至少...
WCAG:网页无障碍指南其中关于颜色的使用标准 用色标准:普通文本与背景对比度不低于 4.5:1(AA评级) 颜色对比度是基于亮度或发光强度,计算出来的两种颜色之间的差异程度,对比范围为 1-21。 通常写为 1:1 或 21:1,颜色中对比度的最大值为 21:1(纯黑与纯白)两个数字之间的比值越高,颜色的相对亮度就越大。
WCAG(WebContentAccessibilityGuidelines)标准是国际上公认的Web内容无障碍设计指南,旨在帮助内容创建者、Web开发人员和Web设计师等制作出易于访问的Web内容。这一节,我们将深入了解WCAG标准的历史与不同版本的关键更新。 1WCAG1.0(1999年) WCAG1.0是WebAccessibilityInitiative(WAI)在1999年发布的第一个版本。它定义了14条...
这是一款可以对比度是计算工具。只要设定好前景色、背景色,自动计算出对比度结果,并判定是否满足WCAG的标准。 地址:https://webaim.org/resources/contrastchecker/ 工具二:Color Tool Color Tool 是Google Material Design 提供的一款配色工具,基于WCAG标准,自动计算出黑色文本在选定背景色上的最小透明度数值。
在WCAG中主要定义了2个标准:AA级和AAA级。AAA级比AA级的要求更苛刻,比如同样14px的小字号,想要达到AA级,对比度至少为4.5:1,如果想要达到AAA级,对比度至少为7:1。比如上面的案例中,对比度为6.98:1,14px字号的情况下,就达不到AAA级标准。 三、AA级标准及AAA级标准字号对照表 ...
WCAG2.1标准的发布与重要性 1WCAG2.1的演变 WCAG2.1(WebContentAccessibilityGuidelines2.1)是W3C(WorldWideWebConsortium)于2018年6月发布的,作为WCAG2.0的补充,它旨在增强网络的可访问性,以支持更广泛的设备和最新的技术发展。WCAG2.1不仅继承了WCAG2.0的所有原则和指导方针,还在此基础上增加了17项新的可访问性标准,特...