9 A11Y全球可访问性意识日的提示

Suzanne Scacca. 经过 Suzanne Scacca.  |  可能。 17,2018

2018年5月17日是 全球可访问性意识 日,这使得今天是考虑这些用户的理想时间,我们的经验是如何禁用,不同的-BEL或暂时不便的。

2017年是网站无障碍诉讼的重要年份。 Seyfarth和Shaw报告说,在年底,有 814 ADA标题III联邦诉讼 仅在美国的网站上提交。也许这些案件中最着名的是 Juan Carlos Gil V.Winn-Dixie Stores,Inc.

吉尔先生盲目原告据称,网站的某些部分对购物体验(如商店定位器工具和优惠券发生器)无法访问 屏幕阅读器。这个案例在新闻中发出这种浪潮的原因是:一个,因为它是前往联邦法院的第一个;而且,两个,因为Winn-Dixie失去了这种情况(以及很多钱以及该过程中的一部分声誉)。

虽然GIL先生本身并没有试图从Winn-Dixie网站购买任何东西,但这确实仍然提出了关于法律要求哪些类型的企业来使其网站可访问的重要问题。

因此,让我们探索拥有可访问的网站的意义,以及应注意哪些网站。后来,我们将看看9建议所提出的建议 网站可访问性倡议 关于如何确保您的网站遵守可访问性规则。

 

什么是网站可访问性?

网站可访问性不是了解的难度概念。它只是意味着一个网站配备了向所有用户提供体验,无论他们可能拥有的任何残疾或障碍如何。它不仅仅是能够看到,阅读或理解内容;用户需要能够通过网站浏览和完整的交易就像其他人一样。

您可能会感到惊讶的是受缺乏可访问性的影响。以下是一些更广泛的类别:

  • 视觉的
  • aud
  • 认知的
  • 物理(想想有胳膊或手的人)
  • 地理(例如,生活在带宽有限的地区的用户)

网站可访问性旨在解决可能阻止公众能够使用明确为公共消费而明确建立的网站的任何限制。

谁应该遵守网站可访问性规则?

Winn-dixie诉讼是一个大的交易。它表明您不必在线明确销售任何商品或服务,以便法律要求为所有用户提供完全访问的经验。最重要的是网站是否属于提供的范畴“公共住宿“由美国人的残疾法案所定义。

在Winn-Dixie的情况下,法官统治了杂货店链,因为缺乏网站可访问性,因此影响了店内经验。但情况并非总是如此。

在来自美国的另一个案例中, Andrews v。Blick Art Materials,LLCBlick试图争辩说,因为它只在网上售出艺术用品,所以它没有技术上落在ADA定义的“公共住宿地点”规则下。然而,法官用了解这一​​辩论 任何 应对个人或在线处理公众的业务 - 应持有责任提供可访问的网站。

如果您正在为打算向公众提供服务或销售产品的企业或个人的网站,那么网站可访问性需要成为您的工作流程的一部分。

也就是说,重要的是要注意,这可能是您从美国客户收到的更常见的请求。虽然还有其他国家 网络可访问性法律 已经建立,大多数人都涉及政府和其他人 公共部门网站。虽然我们等待这些法律要改进,但要考虑更严格的Web可访问性法,它仍然是采用以下提示进入工作流程的好主意。

 

网站可访问性的设计和开发提示

下面,您将找到网络设计和开发技巧 W3C 和网站可访问性计划()关于如何构建更好的网站,以更好地满足受损的用户。

1.使用适当的标记

出于多种原因,在文本中使用标题标记是有用的。对于一个,放大和风格化文本的视觉层次结构使得更容易理解内容。但它还在可访问性中提供了一个重要的目的,因为页面的标题标记和后续标题标记在到达关键点时,页面的标题标签会通知受损人员。

2.写入描述性代码

有些用户依靠标记来弄清楚屏幕上的内容。因此,您需要使用标记,为他们在屏幕上看到的内容提供了一些上下文。这应该包括像语言属性这样的内容。

3.小心颜色

请注意颜色选择,特别是因为它与文本有关。当文本和背景之间存在较低的对比时 - 通常用较轻的字体与白色背景或戴克字体有黑暗背景 - 用户可以读取太困难。

依靠强强指标,如下划线,动画在悬停上,大呼叫动作按钮和高对比度文本。

高级生活文本

高级生活 网站与高对比度文本(以及大文本)做得很好。

4.使用大文字

使用可以合理地从任何和所有设备或屏幕尺寸读取的字体大小。除此之外,您可能还希望与一个工具集成,如果它对他们的需求不够大,则能够使用户能够增加字体大小。

5.使其键盘可访问

一些访问者将使用键盘访问您的网站。

如果互动元素(如菜单)不是Tabbable或键盘可访问,您将会有严重的问题。

消费者报告Tabbing.

消费者报告 站点是标签可访问。

6.创建超清单

联系表单是网站中的一个重要元素。

没有他们,你必须依靠人或电话转换(这只是不会与现代观众飞行)。所以,要特别注意这些。以下是一些提示:

  • 提供有关如何填写表格的说明。
  • 包括每个字段的描述性和清除标签。
  • 在它们出现的顺序中制作表单字段标签。
  • 使用具有感叹号,阴影或警告符号的大,大胆的错误消息,以指示用户的问题。
  • 不要使用CAPTCHA。
AARP.联系方式

AARP. 网站有一个良好的标签和易于填充联系表格。

7.添加支持文本

为了确保每个人都可以消耗您的视觉内容,添加支持文本。

  • 对于图像,请使用描述照片的Alt-Text以及标题。
  • 对于视频,请在下面的下面或中添加副本或活动标题。
  • 对于播客和其他音频,包括相应的成绩单。

此外,请务必为用户控制自动播放的任何此媒体,包括视频,音频剪辑和图像滑块。

令人毛骨经理成绩单

令人毛骨状 包括每个播客的成绩单。

8.使用丰富的白色空间

某些残疾人可能难以专注于如果页面杂乱的话,则焦点最重要的。使用丰富 白色空间 为了框架您的网站最重要的部分,同时为他们提供足够的呼吸室,可以舒适地查看您的内容。

9.包括定向线索

您可以通过站点引导用户的另一种方式是包括方向提示。当然,导航是这个重要的一部分。

你也可以添加 面包屑 以及强大的UI元素,通过页面绘制用户。如果所有其他人失败,请向顶部添加一个搜索栏,以便它们可以立即查找所需的内容。

Nordstrom.导航

Nordstrom. 使用丰富的导航线索。

包起来

总而言之,我会说支持网站可访问性的网站对所有各方都有益。您的网站能够为所有用户提供一致的高质量体验,将在页面,较低的反弹率下降,以及理想情况下,转换率更大。反过来,这将使您的网站成为搜索中更有利的排名......谁不想要那样?