acm-header
登录

ACM通信

ACM新闻

透过色盲的眼睛浏览网页


大多数色盲患者看东西和其他人一样清楚,但不能区分红色、绿色或蓝色。

开发网站的一些问题色盲都能察觉。

来源:usabilla.com

作为一个色盲,Jake Albion选择成为一名Web开发人员,在他的公司为小客户设计网站,你可能会觉得很奇怪,iPartnerMedia (iPM)。

阿尔比恩从小就有艺术爱好,他认为网站设计是个不错的职业选择。他学会了在浏览器中使用颜色代码来弥补自己的色盲,并(出于必要)精通《美国残疾人法案》(艾达),其中列出了不同的Web开发标准的遵从级别。

阿尔比昂说:“对于色盲患者来说,对比非常重要。“美国盲人协会的标准是看两种颜色之间是否有足够的对比度,所以如果你有一个橙色的背景,而你想使用绿色的文本……对于像我这样的色盲来说,我是看不见的。”

他说,iPartnerMedia使用了“ADA标准的基本清单”,并将其中一些标准落实到网站开发中。Albion还使用免费、开源的内容管理系统WordPress他说,该公司为符合ada标准做出了巨大努力,因此更具包容性。

世界卫生组织称,色盲或色觉缺陷影响着世界上约12名男性和200名女性中的1名色盲的意识组织。色盲主要有三种类型;红绿色盲最常见,蓝黄色盲次之。完全丧失色觉,或称完全色盲,是很罕见的国家眼科研究所美国国立卫生研究院

这意味着有一大批用户在奋力使用互联网。

该咨询公司负责企业合规的副总裁兼总经理凯西•沃尔宾(Kathy Wahlbin)指出,通常情况下,网站使用颜色是为了区分不同的组件Paciello组.她说:“我们经常通过颜色来传达意思,”比如用红色来表达错误信息。

Wahlbin坦率地说,一些组织在设计时没有考虑到可访问性的一个原因是“他们不会因此而受到诉讼。”

设计师和开发人员倾向于依靠自己的经验和对用户如何与网站互动的了解,Wahlbin说。“这并不是说他们故意把人排除在外;他们只是不知道怎么做更好。”

此外,大多数人都不认识色盲的人,“这不是人们经常谈论的话题。”

万维网联盟的网页无障碍计划()已经出来了WCAG 2.0指南如何建立一个无障碍的网站。有三个层次数字咨询公司高级软件工程师亚历克斯·奈德(Alex Nied)表示,例如,任何人都可以使用Chrome开发工具中的可访问性审计功能在自己的网站上运行可访问性分析,它可以评估网站的可访问性水平,并推荐提高可访问性的方法SPR他专门从事前端开发。内德说,开发人员有责任确保互联网和其他技术被用来帮助各种各样的障碍患者。

Neid第一次对这个问题感兴趣是在他开始与另一位色盲软件开发人员密切合作一个项目时。Neid回忆道:“我们遇到了这样的情况,一名设计师提供了一个带有他看不见的颜色的设计,他说,‘你必须提供不同的信息,让人们看到(网站上的信息)。’”虽然许多开发人员将可访问性理解为与屏幕阅读器和键盘导航有关,但Neid说:“他们中的许多人认为这就是问题所在,一旦他们适应了这两件事,他们就完成了把它变成‘网络可访问网站’的义务。”但这是一个更广泛的话题。”

遵循WCAG 2.0指南的三个级别从A到AA到AAA(最后一个是“黄金标准”,也是最严格的)。全球设计公司的高级数字设计师Yvonne Romano说,大多数拥有网络服务的大型公司都达到了中等(AA)标准Designit

Romano认为网站设计时并不总是考虑到遵从性,因为不是每个人都明白这意味着什么。“我不知道设计学院和工程学院是否像建筑学院教授ADA那样,给予它同等的重视。”此外,她说,“人们不一定知道从哪里开始,或者有什么资源。”她补充说,咨询公司和设计公司通常不会同样重视确保小项目的合规。

她说:“对开发团队来说,复杂的是有时功能优先于设计或可访问性。”“另一个挑战是……为访问而设计会让(一个网站)缺乏吸引力、无聊或过于复杂,这是一种耻辱。”

然而,Romano强调,为色盲访问进行设计并不像人们想象的那么麻烦。她说,在为色盲者设计网站时,有几个要点需要牢记。一是注意视觉对比;因为色盲有一个光谱,你在区分颜色时添加的对比越多越好。

罗曼诺说:“这涉及到饱和度和色调的水平。”“什么颜色最有意义并不重要;而是当这些颜色相邻时的样子。”例如,把黄色放在酸橙绿或橙色旁边,会使色盲者难以区分这些颜色。解决办法是要么让一种颜色明显变深,要么用一种完全不同的颜色。”

此外,她说:“有时候,当你有太多的颜色时,图案是增加差异化的另一种方式。”文字的使用也是关键,她说,你只需确保颜色不是你传达重要信息的唯一方法。

Walhbin说,开发者还应该记住,你不一定是色盲,也会在网站上看不清颜色。他举了一个例子,人们在户外使用移动设备阅读。

官员们“在项目生命周期的每个阶段向整个团队提出可访问性考虑”是很重要的,Neid说。“确保利益相关者关心。确保你的设计师在设计时考虑到了可访问性。确保代码评审包括对可访问性的考虑。

“开发者掌握着易访问性谜题的一部分,但如果没有更大团队的参与,他们可能无法完成这幅图。”

以斯帖Shein是一名自由科技和商业作家,住在波士顿地区。

一个可访问性工具箱

Web开发人员Jake Albion表示,在网站开发项目开始时优先考虑可访问性有两个原因:

  • 可访问性扩大了网站的用户群体。为可访问性设计和为显示网站的各种屏幕尺寸设计并没有什么不同。这是为每个用户创造最佳体验的一部分。
  • 如果客户因为他们的网站上没有任何可访问性而陷入麻烦,返回并添加可访问性将是更具挑战性和更费时的工作。您实际上必须重新构建站点,因此最好使用一些基本的A11Y(见下文)实践,以确保每个站点都满足最小的指导原则。

Albion说实现可访问性“并不难,如果你花时间把它与清单整合到你的日常流程中,就像我们在iPM做的那样。我们不只是建立适合各种设备的网站;像许多开发人员一样,我们将客户和最终用户的目标结合在一起建立网站。

以下是一些一般无障碍的资源,特别是为色盲开发网站:

- - - - - -静电的


没有发现记录

登录为完全访问
»忘记密码? »创建ACM Web帐号
Baidu
map