体验设计

键盘或屏幕阅读器与网络交互的新标准

在我第一篇文章,我分享了关于如何使用键盘或屏幕阅读器与网络交互的观点和最佳实践。综上所述,这两种设备都很有用健壮的使网络用户能够与原本无法访问的内容进行交互和导航的技术形式。现在我们将讨论下一步,以及Web内容易访问性指南2.2 (WCAG 2.2将创造一个更包容的用户体验,跨越设备和软件,以及浏览器版本。

键盘和屏幕阅读器——WCAG 2.2即将进行的增强

W3C最近发布的他们的工作草案(WCAG)无障碍指引工作小组,并提供一些主要建议,让网页内容更容易阅读。根据W3C的说法,用户将从这些增强的指导方针中获益良多:

“遵循这些指导方针将使更广泛的残疾人更容易获得内容,包括为失明和低视力、耳聋和听力丧失、活动受限、言语障碍、光敏反应障碍和这些障碍的组合提供便利,并为学习障碍和认知障碍提供一些便利;但并不能满足这些残疾人的所有用户需求。这些指导方针解决了Web内容在台式机、笔记本电脑、平板电脑和移动设备上的可访问性。遵循这些指导方针通常也会使Web内容对一般用户更有用。”

从这个角度来看,WCAG 2.2是建立在WCAG 2.1和2.0的早期版本之上的,而这些版本是建立在1999年5月发布的第一个版本(WCAG 1.0)之上的。现在,WCAG 2.2通过引入额外的用例例如,WCAG 2.2包括改进对小型或触摸屏设备用户、低视力用户和有认知、语言和学习障碍的用户的支持。

四项WCAG 2.2指南,包括相关的成功标准你最终会希望将其融入到可访问用户体验的设计和开发中。在这一部分中,我们将重点关注“可导航”,包括最低(AA)级成功标准、增强(AAA)级成功标准和级别(A)成功标准。这些成功标准影响着各种各样的Web用户,从那些有运动技能损伤的人到对比度敏感度低的人。简而言之,这些面向导航的指南帮助Web用户在浏览网页时了解自己的位置。

WCAG 2.2的新增强功能——“导航”

导航是我们大多数时候与网页内容和组件交互的方式。WCAG 2.2包括对导航“焦点外观”方面的关键更新,这是帮助键盘用户在Web页面和其他交互内容中导航的基本设计选择。如果设计师忽略了焦点的外观,那么键盘用户就无法清楚地看到他们在网页上的位置。根据我的经验——以及与其他易于理解的设计同事的交谈——这是一个经常被忽略的设计选择。当它被包含进来时,颜色和视觉处理都是不够的,它们缺乏吸引注意力的要求,无法将用户吸引到内容或用户界面组件上。

深入研究2.4指导通航成功的标准

焦点外观a“AA”(最小)成功标准2.4.11-对于键盘用户,总是给他们在网页上的位置一个清晰的视觉指示(又名“焦点顺序”)。为了满足这些成功的标准,视觉指示器必须有至少3:1的颜色对比度,以吸引用户的眼球。例如,当键盘用户在表单字段中单击时,表单字段有一个可见的大纲来显示它所关注的内容。

以下是需要牢记的关键“焦点”:

  • 对比面积:足够大,可以看到(至少1个CSS像素厚的轮廓)。
  • 形状: 沿着 的最短边的4个CSS像素粗线的面积最小边界框 的非聚焦组件,并且不薄于2 CSS像素。
  • 相邻的对比:对比区域与聚焦组件中的相邻颜色的对比度也至少为3:1,或者对比区域的厚度至少为2个CSS像素。
  • 不完全模糊:有焦点的项目并不完全隐藏在作者创建的内容中。换句话说,被关注的项目没有被其他东西掩盖。

焦点出现一个“AAA”(增强)成功标准2.4.12

这提供了帮助用户导航、查找内容和了解其位置的方法。这个标准更严格:

  • 对比面积: 有一个区域 的关注的指标 ,聚焦和非聚焦状态下颜色的对比度至少为4.5:1。
  • 最小面积: 对比面积至少是1 面积的两倍CSS像素周长非聚焦组件的。
  • 不是模糊: 作者创建的内容没有隐藏焦点指示器的任何部分。

使用WCAG 2.2增强Web可访问性

WCAG 2.2指南和成功标准我们已经讨论过了“航行”是现在需要考虑的常识设计选择,特别是“AA”(最小值)。在下一期中,我们将介绍额外的WCAG 2.2指导:

  • 2.5“输入模式”(即拖动动作和目标尺寸)
  • 3.2“可预测的”(即帮助和控制)
  • 3.3“输入辅助”(即可访问身份验证和冗余输入)

要了解更多关于为您的企业创建易访问的设计策略,请下载我们的指南,数字可访问体验:为何如此重要以及如何创造它们,并阅读我们的无障碍设计的用户体验系列而且提升系列.要开始提高你的数字可访问性,今天就联系我们的专家了解我们的无障碍智商

关于作者

丽莎·麦克迈克尔(Lisa McMichael)是CPACC底特律事业部的数字无障碍高级经理。

更多来自作者

留下一个回复

这个网站使用Akismet来减少垃圾邮件。了解如何处理您的评论数据