万博体育官网网址可访问图像

大多数人都知道,您需要为图像提供替代文本。图像的可访问性远不止这些。中高音文本。有许多关于图像的附加可访问性原则和技术。

重要的

也看到我们关于备选文本的文章关于图像替代和长描述的附加信息。

图像可以增强理解

有些人错误地认为图像不利于访问,自从中高音文本实质上用图像的纯文本版本替换图像。这种思想的逻辑扩展是,纯文本站点对于可访问性来说是理想的。这个逻辑的问题,虽然,它是基于只有一种残疾的人的需要:失明。其他残疾者,或者完全没有残疾,当屏幕阅读器用户被呈现为替代文本时,可以从图像中受益。

插图,地图,等。

通过添加插图,许多概念被更有效地传达,地图,图表,等。想象一下,试图从没有插图的书(或网站)中学习人体解剖学。它有多有效?下面是一个手部肌肉的例子。

手部肌肉的医学图示

你可能会发现很难想象一个文本描述单独可以像文本加上插图一样容易理解。在这种情况下,一幅画值10英镑,000字,至少。插图,地图,图表,等。可以增强理解,尤其是那些有学习障碍或阅读障碍的人。

动画

动画很少用于增强网络内容的可访问性。大多数时候,他们只是烦恼和分心。横幅广告常常是动画,以分散我们从一个网页的主要目的。

设计良好的动画可以,然而,用于通过呈现媒体内容或者通过关注重要内容来增强内容。动画图形可以呈现一系列图像,这些图像传达不能充分呈现给一个静态图像的内容。突出显示或其他动画可以使用户关注重要信息,比如错误消息或需要的输入。如果激活文章内容本页顶部的链接,您将注意到,动画有助于提供对目标内容区域的可视焦点。

注释

动画应该总是用户控制持续时间非常短.持续进行动画处理的图像可能导致页面的其余部分更加困难,或者对于高度分散注意力的用户,完全无法接近。万博体育官网网址

WCAG 2.0成功标准2.2.2(A级)要求自动移动,眨眼,或者可以暂停滚动持续时间超过5秒的内容,停止,或者被用户隐藏。

图标

“back”图标,“前进”,“停止加载页面”,“刷新页面”,Internet Explorer中的“家”许多网页和尤其,web应用程序使用图标来补充或替换文本。复杂的内容和功能,比如,在浏览器中单击主图标,进入主页,可以很容易地通过一个非常小的图标传达。图标需要简单,它们需要容易理解。图标几乎总是需要熟悉才能有用。跨越文化和语言,图标很容易被误解。

如果使用图标,注意确保图标设计良好,容易理解,并且始终如一地使用。在许多情况下,文本可能是必要的,而不是或除了不清楚或潜在模糊的图标。

颜色和对比

与文本一样,颜色不能用作传达意思或内容的唯一手段。在图像中只用颜色来表达意义意味着什么?让我们看看这张伦敦地铁的地图:

彩色编码地铁线路图。

能看到颜色的人很容易分辨出红线,深蓝色的线,淡蓝色的线,等等。一个看不清颜色的人,由于色盲或视力低下,可能无法轻易区分不同的路线。记得,一些用户可能会覆盖您的页面颜色到高对比度的颜色组合,他们需要。盲人根本看不见他们。让我们从这个图像中去除颜色:

黑白版的地下道路彩色编码地图

当颜色被去除时,地图几乎不能用了。测试您的网页,以确保在删除颜色时没有丢失任何含义,甚至在图像中。你可以用黑白打印机打印出页面,确保将打印首选项设置为打印背景颜色。还有工具,如目视检查,这将删除所有页面颜色或模拟色盲。

除了颜色依赖外,传达文本的图像必须以足够的对比度呈现该文本。如果图像质量低或图像被放大,则图像内的文本对比度特别重要。

注释

WCAG 2组文本和图像的最小对比度阈值.在图像内测试对比度值可能更困难(通常没有定义的RGB颜色值可以容易地访问),但是常识通常可以告诉你图像对比度是否不足。

放大图像的像素化

一些视力低下的用户使用程序来放大屏幕上的元素,以便他们更容易看到它们。当图像放大时,它们可能变得像素化,并且更难于阅读。让我们看一个例子:

像素图像,上面写着“大学”,但很难阅读

图形放大到正常大小的500%。你可以看出这篇课文很难读。如果使用了真实文本,读起来会容易得多,如下面的示例所示:

大学

这是否意味着你不应该在图形中使用文本?不一定,尽管在可行的时候应该使用真实的文本。

注释

WCAG 2.0成功标准1.4.5(AA级)要求如果可以单独使用文本进行相同的视觉呈现,图像不被用来呈现该文本。使用真实文本代替图像有很多好处(较低的带宽,翻译,创作容易,等)但主要原因是,可以容易地放大真实文本,而不会造成图像质量的任何像素化或退化。值得注意的是,也就是说,标志是免于WCAG要求的。

幸运的是,与过去相比,现代浏览器在扩展图形内容方面做得更好。使用CSS(尤其是CSS3),对真实文本进行样式化以实现期望的视觉呈现更容易。考虑图像内的文本的可读性,如果可行的话,而是使用真正的文本。

引起抓捕的图形

重要的

明亮的,闪烁图像或介质可引起光癫痫发作。癫痫发作可能是危险的,甚至危及生命。不要为造成他们负责。

为了潜在地引起具有感光性癫痫的用户的癫痫发作,闪烁图像或多媒体必须:

  1. 闪烁超过每秒3次(注意,第508节指定每秒2次)。
  2. 足够大。一个非常小的闪烁图像,比如光标,不会引起癫痫发作。
  3. 明亮的。闪光灯之间必须有明显的对比。

此外,红色也更容易引起癫痫发作。虽然大,闪烁的图像在网上并不常见。引起癫痫的媒介是:然而,在网络视频中变得越来越普遍,尤其是高清质量的视频,包括频闪特效。必须避免这种媒体!!

注释

WCAG 2.0成功标准2.3.1(A级)提供频率的阈值,尺寸,对比度,以及闪烁图像的颜色。