A级:这个级别代表了最基本的无障碍要求,如果一个网络连接门户满足A级要求,那么对于残疾人来说,一些障碍就已经被消除了。
AA级:该级别具有较高的无障碍要求。符合 AA 级标准的电网连接门户可显着改善无障碍性并适应更广泛的残障人士。
AAA 级:此级别具有最高的可访问性要求。符合 AAA 级标准的网络连接门户为残疾人士提供广泛的可访问性和最大程度的可访问性。
我的工作是确保产品设计符合 AA 级无障碍标准。让我们一起来了解一下在项目初期应该注意什么,才能避免出现很多问题。
具有替代方案的图像
图像、地图、图表、表格、艺术字等图形内容是否有替代文本?这使得盲人可以使用屏幕阅读器来描述图像的内容和目的。没有替代文本的图像会给屏幕阅读器带来问题,因为图像的内容无法传达给用户。通常,这些图 美国公司董事会电子邮件列表 像会被跳过,或更糟糕的是,会读出长且不充分的图像文件名。
色彩与视觉:聚焦可达性
颜色设计对于可访问性来说与图像的替代文本一样重要。即使视障人士和盲人对颜色的感知能力很差或根本无法感知,我们也不应该放弃它们在信息架构中的使用。相反:如果使用得当,颜色可以显着提高用户友好性和可访问性。使用颜色时应注意这一点:
- 即使没有颜色,所有元素也必须可识别。这还包括多渠道原则:每条信息必须始终以至少两种方式传达。
- 设计时必须考虑色盲用户。如果信息(例如图表和图表)以特定颜色呈现,则应有替代方案。一个好的解决方案是向图表添加图案和纹理。片段的文本标签使您更容易理解所呈现的信息。
清晰的信息:无障碍世界的字体
对于无障碍设计来说,不仅颜色而且字体也非常重要。选择字体时不应该忘记什么?
为了支持有阅读障碍的用户,文本应左对齐。这也提高了其他网站的可读性,否则当网站放大时可能会出现问题。
某些字体还可以提高可读性。根据经验,电子媒体应使用无衬线字体,因为电子阅读格式与印刷材料有很大不同。
颜色主题也与文本相关。如果前景色和背景色同样浅,则对比度可能太低。足够的对比度使用户更容易阅读文本。视力有限、色觉缺陷或与年龄相关的对比敏感度较低的人尤其受益于清晰的对比。作为 AA 级别的一部分,对于 24 像素以下的字体大小,对比度应为 4.5:1。如果有疑问,应始终使用较高的颜色对比度。
颜色选择上的差异
触手可及
网站上线之前,通常会进行测试,看看是否符合用户的期望。通常使用鼠标,但很少使用键盘。然而,值得注意的是,根据 WCAG 指南,键盘操作是一个重要标准。
不幸的是,这个话题仍然相对不为人知,并且影响了很多人。并非每个人都可以直观地理解网站或使用鼠标或触摸板进行导航,这正是应确保所有元素都可以使用键盘操作的原因。
另一点是概念元素的清晰可见的焦点指示器。对于键盘用户来说,焦点指示器对应于光标。通过设计和实现可访问的焦点指示器,我们可以使键盘用户以及使用键盘或模拟键盘功能(例如语音控制或开关控制)的辅助技术的用户可以访问我们的产品。
进一步的步骤
不幸的是,在这篇博文中不可能详细解释数字可访问性的所有方面。除了颜色、字体和键盘操作之外,无障碍 UX/UI 设计还需要考虑许多其他方面。
最重要的是,为了让所有用户都能使用数字产品,迈出无障碍设计的第一步非常重要。
结论
数字可访问性至关重要,这样每个人都可以使用数字产品,而不受其限制。它经常被忽视,但对于包容性和平等的用户体验非常重要。
包容性的 UX/UI 设计,包括图像替代文本、自定义颜色、字体和键盘操作,是无障碍产品的关键。从一开始就融入可访问性,为每个人创造一个更具包容性的在线世界。
您想了解更多关于 adesso 世界中令人兴奋的话题吗?那么请看一下我们之前发布的博客文章。