2017-11-22 20:17
鉴于我们作为开发者的角色,这是有道理的。然而,可访问性缺陷通常起源于UI设计本身,而根据我们的工作环境,我们开发人员并不一定拥有权限或带宽来提倡我们交付的设计的可访问性。
您,可访问性的开发人员可以通过几种方式进行操作:
我最近遇到了这样的情况,如果你愿意,我会选择第一名。
如果我有足够的时间和精力,第二名会让我走得最远,但考虑到我作为这个高速机构的首次承包商的角色的性质,我希望能与他们建立一种工作关系,我觉得我会超越自己的界限,并没有准备好冒险过分发言。我之所以选择不出于类似的原因,主要是因为担心为已经非常繁忙的设计师造成更多的工作和压力。
但是现在我有了后见之明,可以在列表中添加第四项吗?
我已经从各种时髦的 网站 Feed中选择了下面的例子,我使用了Funkify Chrome扩展程序来模拟不同能力和障碍的网站访问者的观看体验。
第一:动画简单。
拥有权利的同时也被赋予了重大的责任。现代网络为我们提供了跳动,投射或投入任何内容的能力,但除了令人惊叹的因素外,这些动画是如何为您的网站读者带来体验的?动画是如何触发的?他们是否可能被错误地触发,导致您的网站访问者的体验流动混乱?
如果我是艾伦,这个经验可能会把我从服务王的服务中引导出来!老人艾伦等人常常对技术感到沮丧。当她试图在已经受到伤害的护舷弯曲器之后阅读关于修理她的汽车的服务时,没有必要引起她那种压力。
而现在,受Funkify的“Sunshine Sue”过滤器影响的例子,我们认为我们的低对比度字幕是无形的!
解决方案?通过WebAIM对比检查器运行您的颜色选择,以查看它们是否符合可读性和颜色对比的标准,如果不符合标准,请调整颜色值,直到颜色值为止。
例如,在Burberry的网站上,用户必须从下拉菜单中选择才能进入该网站,但识别下拉菜单的文本在背景图片上几乎不可读。从设计的角度来看,有很多方法可以解决这个问题,但是对于一个简单的例子,我们可以在浅色文本下添加一个黑色背景,以提供更多的对比:
同样,虽然特斯拉新的Semi网站上的图像下方的精美的描述性文字是细腻而美丽的,但在用“模糊的比安卡”模拟轻微模糊的视觉时,几乎不可能:
字体越细,尺寸越小,阅读就越困难。即使我作为一个听力高尚的人,也会发现自己有时会放大身体文字,因为即使色彩对比度达到了极速,它也是轻盈而又小巧的。如果你必须坚持轻量级的字体,增加大小和行高也可以创造奇迹。
如果要求在新选项卡中打开链接,首先要询问是否应该作为要求,然后用UI中的小图标或备注在视觉上指明它。
此外,设计人员可以在设计中注明应该只有屏幕阅读器的文本,指出链接将使用户离开当前的观看门户。通过对Twitter对话的一些优秀回复,我们想到了这一点。
当我们看到小社交媒体图标时,我认为一般的假设是他们链接到相关的社交媒体配置文件。然而,有时这些图标实际上是一些行为,而不是链接到一个配置文件,打开一个“新的Tweet”对话框或类似的。这些行为应该被标记为这样。
容易假设每个人都知道一个汉堡包图标表示一个菜单或每个人都熟悉LinkedIn的各种版本的图标。然而事实并非如此,对于那些比我们知之甚少的网站访客来说,这会引起一些混乱和侮辱。特别是如果你的观众往往比较熟悉和/或不太熟悉技术,那么确保你不依赖于你所认为的常识。
对颜色的意义依赖会导致类似的问题,更重要的是任何处理色盲的用户。