Web 可访问性 101:为所有人设计

网络 2023-05-23 1666 次浏览 次点赞

网页设计是无障碍的。大多数网页设计师的目标是为他们的受众中最大的人群创建产品,将他们的设计像张开的网一样撒出去,从而为他们带来最大的用户涌入。

Web Accessibility

虽然该设计原则具有逻辑性,但它掩盖了一个更简单、更具包容性的原则:为所有人而不是大多数人设计。

优化页面和内容,以便每个可能的用户都可以享受您的网站并与之互动,并访问可用的信息和数据。参与这种做法将有助于开拓更广阔的市场并使您的客户群多样化。世界上 15% 的人口有一定程度的残疾。

这些人和其他人一样,经常使用互联网并严重依赖数字通信和工具。优化您的网站以确保用户能够享受出色的体验可以扩展您的互动网络。

通过在您的设计中实践包容性,您将能够接触到数百万经常被忽视的人。

无障碍设计并不一定很难。它只需要简单并考虑到所有潜在用户。这里有一些提示,可帮助您优化网站以获得最大的可访问性。

了解你的用户

了解您的听众在任何项目中都至关重要,因此这是最好的起点。了解您的用户可以包括具有不同能力的个人。您的一些用户可能有听力或视力障碍,其他人可能患有癫痫症,还有一些人可能仍有行动不便的问题。

虽然您无法针对每一种可能的场景进行设计,但如果您花时间尽可能多地考虑,就会拓宽您的设计视野。在考虑了扩大的受众后,请进行一些研究。阅读案例研究,与有经验的朋友交谈,并查阅无障碍指南。

也许尝试从教育领域借鉴一下,通用设计原则是一个很好的参考。

思考用户体验

现在您已经与未来的用户形成了一种理解,将这种理解融入您的用户体验 (UX) 框架中。此步骤将帮助您与用户产生共鸣,并考虑您以前可能没有想到的事情

它还会为您指明各种辅助技术定义的方向。

正如设计师应该考虑网站在每个主要浏览器中的行为一样,辅助技术也应该成为功能清单的一部分。有时,即使是网页设计中最小的变化也能为残障用户打开新的大门。

一个简单的改变

例如,最容易实现的更改是如何使用强调标签。

从视觉上看,<b><strong>之间没有区别,<i>看起来也与<em>没有任何不同。但对于残障人士来说,这些标签可以极大地改变他们的用户体验。

虽然它们呈现相同的效果,实际上是粗体和斜体,但这些标签之间的区别在于它们的功能。虽然更简单的粗体和斜体标签是表示性的(改变文本呈现的方式),但强和强调表示辅助技术的不同语音模式。

但是并不是一味的全部替换<b><strong>。例如,许多标题使用粗体文本进行对比,但对于残障用户来说,在这里<strong>可能不是最好的选择。

想一想,“这段文字是否需要以不同的方式说出来,用户才能体验到它的全部含义?” 如果不是,请考虑删除<strong>或者<em>,除非确实有必要。

像这样的细微变化和考虑可能会对残障用户产生重大影响。升级而不是降级用户体验很重要。

为视障人士设计

虽然上述建议已经使视障人士受益,但并不是每个有视力问题的人都会有相同的损害程度或类型。

同样重要的是提供适合那些保留视力的人的选择。

考虑以下因素:

  • 允许用户放大字体大小。大多数浏览器会在您同意或不同意的情况下执行此操作,但如果您为此准备了 CSS,它会看起来更好。
  • 避免某些颜色组合,如红色和绿色或蓝色和黄色。相反,为什么不在增加可访问性的同时使用颜色来增加转化率呢?
  • 替代文本中的代码。替代文本可以通过辅助技术阅读并解释页面上的任何图形。
  • 在缩写中使用句点,即使是众所周知的。屏幕阅读器处理信息的方式通常是语音的:想象一下听到“Fibby”与 FBI。

为听障人士设计

尽管听障人士需要的便利设施较少,但最近网站上视频使用的趋势增加了对智能设计选择的需求。因此,如果您的网站包含任何听觉组件,请使用隐藏式字幕或手语翻译。

避免使用自动隐藏式字幕的诱惑 - 停下来观看任何使用自动转录处理过的随机视频,看看没有意义且可能适得其反的单词翻译。

光敏性癫痫的设计

关于视频的普遍使用的设计问题之一,尤其是使用自动播放功能的视频,围绕着患有光敏性癫痫症的用户。这些用户可能会经历由闪光灯类型效果或移动图像触发的癫痫发作。

网页设计人员可以使用光敏性癫痫分析工具来检查其内容引发癫痫发作的可能性。

如果内容被识别为有风险但无法更改以降低风险,请始终警告潜在风险并且不要自动播放视频。确保警告可见且靠近播放按钮。

为行动障碍设计

一些行动障碍的范围从完全丧失精细运动控制到轻度震颤不等。任何一种程度的损害都会在未考虑它们的网站上产生相同的用户体验:

  • 用户必须付出更大的努力才能到达链接,并且可能很快就会感到疲倦。
  • 用户无法浏览该网站,因为它不允许使用键盘。
  • 必须滚动浏览一个长页面可能会导致疲劳,因为没有可用的“返回顶部”或跳过选项。

针对触摸屏或精细鼠标输入进行优化的网站可能会对行动不便的人造成更严重的后果,可能导致网站无法使用。

结合设计元素,例如可以使用键盘操作的导航和可以将用户吸引到页面不同部分的频繁锚链接,可以大大帮助这些用户。

创建一个“基本”网站选项

您的设计完美无瑕、互动且引人注目,使用了公开市场上最新和最流行的趋势——并且几乎不为上述任何用户所接受。

如果这听起来像您的网页设计,那么更简单的替代方法是创建一个用户可以打开和关闭的“简单”布局。这不仅会吸引残疾用户:例如,对于患有高对比度触发偏头痛的用户,拥有易于访问的开关可能是成为客户或离开以应对三小时偏头痛的区别。

也不要就此打住。为您的订阅列表应用相同的选项,允许用户在接收电子邮件营销之前轻松编辑他们的偏好。

不断了解您的不同用户。继续想着他们。您对用户的理解和同理心越多,用户体验设计就越容易访问。谁知道?你甚至可以改变某人的世界。

扩展阅读:W3C关于网页无障碍(Web Accessibility,可访问性)的介绍

VIA https://speckyboy.com/web……



本文由 泰丽康健 整理发布,参考 CC-BY-SA 3.0 协议共享,欢迎转载、引用或改编。
感谢您的支持,以让我们共同致力于互联网的商业观点和事业创新!

楼主残忍的关闭了评论