万博体育官网网址 Images

大多数人都知道您需要提供替代文本图像图像的可访问性远远超过它的可访问性alt文本关于图像有许多其他可访问性原则和技术。

重要的

也看到我们的article on alternative text额外的图像信息选择和长时间的描述。

图片可以提高理解力

有些人错误地认为图像对易访问性不好,alt文本基本上取代了图像与图像的文本版本该思想的逻辑扩展是纯文本站点是可访问性的理想选择但这个逻辑的问题,是基于人的需要只有一个类型的残疾:失明那些有其他残疾或完全没有残疾的人可以从图像中受益,同时向屏幕阅读器用户提供替代文本。

插图、地图等。

许多概念是更有效地传达的插图、地图、图表等想象在学习人体解剖学的书(或网站)没有插图How effective would it be? Here is an example of an illustration of the muscles in the hand.

肌肉的医疗例证在手上

您可能会发现很难想象单独的文本描述可以像插图补充的文本一样可理解在这种情况下,至少一张图片胜过10000个单词插图,地图,图表等可以增强理解,特别是那些有学习障碍或阅读障碍。

动画

动画很少用于提高web内容的可访问性大多数时候,他们只是烦人和分散注意力横幅广告通常会让我们分散注意力,使我们分散网页的主要目的。

不过,精心设计的动画可以被用来提高内容提供媒体内容或重点关注的重要内容动画图形可能存在的序列图像传达的内容不能充分被提交给一个静态图像突出或其他动画可以用户关注重要信息,如错误消息或必需的输入如果您激活此页面顶部的“文章内容”链接之一,您会注意到动画有助于将视觉焦点提供给目标内容区域。

注意

动画应该几乎总是用户控制很短的时间图像不断动画会导致页面的其余部分更困难,或用户提供高水平的注意力分散,完全在万博体育官网网址。

2.2.2 WCAG 2.0成功标准(水平)要求用户可以暂停,停止或隐藏持续移动,闪烁或滚动持续时间超过5秒的内容。

图标

图标为“回”,“前进”、“停止加载页面”,“刷新页面”,“家”在Internet Explorer许多网页,特别是web应用程序使用图标来补充或替换文本复杂的内容和功能,例如单击浏览器中的主页图标以转到主页,可以通过一个非常小的图标轻松传达图标必须简单,并且需要易于理解图标几乎总是需要熟悉为了是有用的跨文化和语言,图标可以很容易被误解。

如果你使用图标,照顾,以确保图标都精心设计,易于理解和一致地使用在很多情况下,文本可能是必要的,而不是除了不清楚或有可能模棱两可的图标。

颜色和对比度

与文本一样,颜色不得用作传达意义或内容的唯一手段What does it mean to convey meaning with color alone within images? Let's take a look at this map of the London Underground:

彩色地图地下的地铁路线。

一个人可以看到颜色就没有麻烦区分红线,深蓝色的线,浅蓝色的线,等等由于色盲或低视力而无法很好地看到颜色的人可能无法轻易区分不同的路线Remember, some users may override your page colors to a high contrast color combination they require的人是盲目的将无法看到他们让我们夺走这张照片的颜色:

黑色和白色版本的地下路线的彩色编码地图

颜色被移除时,地图变得几乎无法使用测试您的网页,以确保在删除颜色时,即使在图像中也没有任何意义丢失你可以打印黑白打印机的页面,确保你的打印首选项设置打印背景颜色还有一些工具,比如Vischeck,这将删除所有页面颜色或模拟色盲。

除了颜色依赖图像传达文本必须在场,文本有足够的对比度文本内对比图像尤为重要,如果低质量的图像或图像放大。

注意

WCAG 2.0套装最小的对比度阈值文本的文本和图像在图像中测试对比度值可能更加困难(通常没有定义的RGB颜色值可以轻松访问),但常识通常可以告诉您图像的对比度是否不足。

扩大图像的像素化

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

像素图像说'大学'但是很难阅读

图形被放大到正常尺寸的500%您可以看到文本是难以阅读如果使用了真实文本,它将更容易阅读,如下例所示:

大学

So does this mean you shouldn't use text in your graphics? Not necessarily, though true text should be used when practicable.

注意

1.4.5 WCAG 2.0成功标准(要求等级AA)要求如果相同的视觉呈现可以仅使用文本,图像不习惯现在的文本有很多好处使用真正的文本而不是图像(低带宽、翻译、容易编写,等等),但主要原因在于真实文本可以很容易地扩大没有任何pixelization或图像质量的退化值得注意的是,该徽标是否符合WCAG要求。

幸运的是,现代浏览器做得更好比过去扩大图形内容和CSS(特别是CSS3),更容易风格真实文本来实现所需的视觉呈现考虑文本内图像的可读性,如果实际,使用真实文本。

图形导致癫痫发作

重要的

明亮,频闪的图像或介质可导致光敏性癫痫发作癫痫发作可能是危险的,甚至危及生命不负责造成它们。

为了可能导致患有光敏性癫痫的用户癫痫发作,闪烁的图像或多媒体必须:

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

另外,红色也更容易引起癫痫发作虽然大,闪烁的图片在网络上并不普遍然而Seizure-inducing媒体,在网络视频越来越普遍,尤其是hd视频,包括选通特效这样的媒体必须避免!

注意

2.3.1 WCAG 2.0成功标准(水平)提供了频率阈值、大小对比,颜色选通图像。