本成功标准的目的
此成功标准的目的是在文本和背景之间提供足够的对比度,以便中度视力低下的人(不使用对比增强辅助技术的人)可以阅读。根据阅读表现评估,对于没有颜色缺陷的人来说,色调和饱和度对易读性的影响很小或没有影响(Knoblauch等人,1991)。颜色缺陷会在一定程度上影响亮度对比度。因此,在建议中,对比度的计算方式是,颜色不是一个关键因素,因此色觉缺陷的人也会在文本和背景之间有足够的对比度。
不包括装饰性文字和不传达信息的文字。例如,如果使用随机单词来创建背景,并且可以在不改变含义的情况下重新排列或替换单词,那么它将是装饰性的,不需要满足此标准。
较大且具有较宽笔划的文本在对比度较低时更容易阅读。因此,较大文本的对比度要求较低。这允许作者为大文本使用更广泛的颜色选择,这有助于页面设计,尤其是标题。18点文本或14点粗体文本被判断为足够大,需要更低的对比度。(参见美国印刷厂大型印刷盲目指南和国会图书馆大型印刷指南资源). “18点”和“粗体”在不同的字体中有不同的含义,但除了非常薄或不寻常的字体外,它们应该足够了。由于有这么多不同的字体,所以使用了一般的度量方法,并包含了关于花式或薄型字体的注释。
注1:评估此成功标准时,应从用户代理处获取字体大小(以磅为单位),或按照用户代理的方式根据字体度量进行计算。磅大小基于中定义的CSS磅大小CSS3值。以点为单位的大小与CSS像素之间的比率为1pt=1.333px,因此14pt和18pt约等于18.5px和24px。
注2:因为不同的图像编辑应用程序默认使用不同的像素密度(例如72 PPI或96 PPI),在图像编辑应用程序中为字体指定点大小,在以特定大小显示文本时可能不可靠。当创建大规模文本的图像时,作者应确保结果图像中的文本大致相当于1.2和1.5 em,或者相当于正文文本默认大小的120%或150%。例如,对于72 PPI图像,作者需要使用大约19磅和24磅的字体大小,才能成功地向用户呈现大规模文本的图像。
上文提到的文本对比度要求也适用于成功标准1.4.3中所述的文本图像(已渲染为像素并以图像格式存储的文本)。
这一要求适用于文本图像被理解为文本的情况。不包括附带文字,例如照片中碰巧包含路标的文字。文本也不是因为某种原因被设计成对所有观众都不可见的。风格化的文本,如公司徽标中的文本,应根据其在页面上的功能来处理,这可能保证也可能不保证将内容包含在文本备选方案中。除标识和标识外,公司视觉指南不包括在例外情况中。
在这项规定中,有一个例外,即“是包含其他重要视觉内容的图片的一部分”。此例外旨在将包含文本的图片与替换文本以获得特定外观的文本图像分开。
注:文本图像的缩放效果不如文本,因为它们倾向于像素化。更改文本图像的前景和背景对比度以及颜色组合也比较困难,这对某些用户来说是必要的。因此,我们建议尽可能使用文本,如果没有,则考虑提供更高分辨率的图像。
最小对比度成功标准(1.4.3)适用于页面中的文本,包括占位符文本和指针悬停在对象上或对象具有键盘焦点时显示的文本。如果页面中使用了其中任何一个,文本需要提供足够的对比度。
尽管此成功标准仅适用于文本,但在以图表、图表、图表和其他非文本信息形式呈现的内容。以这种方式呈现的内容也应具有良好的对比度,以确保更多用户可以访问信息。
另请参见了解成功标准1.4.6对比度(增强).
所选比率的原理
较大且具有较宽笔划的文本在对比度较低时更容易阅读。因此,较大文本的对比度要求较低。这允许作者为大文本使用更广泛的颜色选择,这有助于页面设计,尤其是标题。18点文本或14点粗体文本被判断为足够大,需要更低的对比度。(参见美国印刷厂大型印刷盲目指南和国会图书馆大型印刷指南资源). “18点”和“粗体”在不同的字体中有不同的含义,但除了非常薄或不寻常的字体外,它们应该足够了。由于有这么多不同的字体,所以使用了一般的度量方法,并包含了关于花式或薄型字体的注释。
注1:评估此成功标准时,应从用户代理处获取字体大小(以磅为单位),或按照用户代理的方式根据字体度量进行计算。磅大小基于中定义的CSS磅大小CSS3值。以点为单位的大小与CSS像素之间的比率为1pt=1.333px,因此14pt和18pt约等于18.5px和24px。
注2:因为不同的图像编辑应用程序默认使用不同的像素密度(例如72 PPI或96 PPI),在图像编辑应用程序中为字体指定点大小,在以特定大小显示文本时可能不可靠。当创建大规模文本的图像时,作者应确保结果图像中的文本大致相当于1.2和1.5 em,或者相当于浏览器呈现的正文文本默认大小的120%或150%。
色觉缺陷(先天性和后天性)用户对色调的感知不同,导致与正常视力用户不同的颜色和相对亮度对比。因此,有效对比度和可读性对于这一人群来说是不同的。然而,由于颜色缺陷的多样性,基于定量数据规定有效的通用颜色对(用于对比)是不可行的。要求良好的亮度对比度通过要求与色觉无关的对比度来满足这一要求。幸运的是,大多数亮度贡献来自中波和长波接收器,它们的光谱响应在很大程度上重叠。结果是,有效亮度对比度通常可以在不考虑特定色差的情况下进行计算,除了使用主要是长波长的颜色来对比那些有眼睑斜视的深色(通常看起来是黑色的)。(为此,我们提供了一种避免红黑相间的建议技术)。有关更多信息,请参阅[阿迪蒂·克诺布拉赫]
【ARDITI-KNOBLAUCH-1996】
[阿迪提].
注:一些认知障碍患者需要低对比度的颜色组合或色调,因此我们允许并鼓励作者提供调整内容前景和背景颜色的机制。可以选择的某些组合的对比度可能低于成功标准中的对比度。如果有一种机制可以返回到成功标准中规定的默认值,则这并不违反此成功标准。
3:1的对比度是【ISO-9241-3】和【ANSI-HFES-100-1988】用于标准文本和视觉。在本规定中,4.5:1的比率用于解释因中度低视力、先天性或后天性色觉缺陷或通常伴随年龄增长的对比敏感度丧失而导致的对比度丧失。
其基本原理是基于a)在ANSI标准中,采用3:1的对比度作为正常观察者可接受的最小对比度,以及b)经验发现,在人群中,20/40的视力与大约1.5的对比度灵敏度损失有关[阿迪蒂-费伊]。因此,20/40的用户需要3*1.5=4.5比1的对比度。根据类似的经验发现和相同的逻辑,视力为20/80的用户需要大约7:1的对比度。
AA级选择4.5:1的对比度,因为它补偿了用户通常会经历的对比度灵敏度损失,视力损失相当于大约20/40的视力。(20/40的计算结果约为4.5:1。)20/40通常被报告为大约80岁的老年人的典型视力。【GITTINGS-FOZARD】
AAA级选择7:1的对比度,因为它补偿了用户通常会经历的对比度灵敏度损失,视力损失相当于大约20/80的视力。视力损失超过这个程度的人通常使用辅助技术来访问他们的内容(辅助技术通常具有增强对比度的功能,以及内置的放大功能)。因此,7:1水平通常可以补偿不使用辅助技术的低视力用户所经历的对比敏感度损失,并为色差提供对比度增强。
公式注释
根据IEC/4WD 61966-2-1将非线性RGB值转换为线性RGB值[IEC-4WD]以及“互联网的标准默认颜色空间-sRGB”[sRGB].
对比度公式(L1/L2)基于【ISO-9241-3】和【ANSI-HFES-100-1988】标准。
ANSI/HFS 100-1988标准要求在计算L1和L2时考虑环境光的影响。使用的.05值基于来自[IEC-4WD]和[sRGB]M.Stokes等人的论文。
此成功标准及其定义使用术语“对比度”和“相对亮度”而不是“亮度”来反映Web内容本身不发光的事实。对比度可以测量显示时的相对亮度。(因为它是一个比率,所以它是无量纲的。)