体验设计

与网络交互的新标准:超越键盘和屏幕阅读器

每个使用网络的人在阅读和与在线内容互动时都有不同的能力。当然,他们也有不同的需求。在本文中,我们将继续我们开始的主题第一部分而且第二部分在本系列中-键盘或屏幕阅读器的重要性(健壮的技术形式这使得表单、视频、图像、内容、菜单和链接等信息可供不同能力的人访问。我们将介绍提议2.2《网页内容无障碍指引》(WCAG)的指引这超越了键盘和屏幕阅读器的交互。

用户和访问的现状

人们总是在更换或升级他们的设备、软件和浏览器版本,因此技术解决方案必须适应并跟上,特别是对于网络用户全球用户10亿有残疾(视觉、听觉、行动、认知和学习)的人。为了满足这种需求,WCAG 2.2已起草继续创造更具包容性的用户体验。

W3C最近发布了WCAG 2.2的工作草案无障碍指引工作小组这些指导方针和成功标准建立在WCAG 2.1和2.0的早期版本之上,这些版本是建立在1999年发布的第一个版本(WCAG 1.0)之上的。今天,WCAG 2.2将介绍额外的用例.值得注意的是,它包括改善对小型或触摸屏设备用户、低视力用户以及有认知、语言和学习障碍的用户的支持。我们将仔细研究两个指南:“输入模式和拖动运动”和“目标大小”。

指南2.5.7输入方式/拖动动作

WCAG指南“输入模式”特别关注“拖动动作”和“目标大小”(比如按钮)。这两种形式的互动对有运动技能障碍的用户有显著的影响。

拖拽动作已经成为移动和平板设备的常见用户交互,这对许多用户来说是一个挑战。这条指导原则根据W3C组织的说法,它旨在“让用户更容易通过键盘以外的各种输入来操作功能”,比如使用“单一指针”。然而,有一个例外,当拖动移动“至关重要的”。例如,如果一个拖动移动被移除,并且它“从根本上改变了内容的信息或功能,例如绘制一个自由形状的图形,那么它应该作为一个交互。设计人员的关键思想是实现一个包容性的拖拽功能,如向上或向下按钮或单击控件。

“云”的使用故事

为了说明这一点,举一个例子85岁的云某的典型用户故事退休人员在网上阅读新闻,并在社交媒体网站上发帖与他的孩子和孙辈保持联系。和很多同龄的人一样,云的手也会颤抖,而且他不可能按住鼠标,准确地拖动到“移动此列表中的项“为了给Yun的能力和他一样的人设计更好的体验,设计可点击的上下箭头来改变列表中物品的顺序。这是一个可靠的解决方案,也将适用于更多人,而不仅仅是云解决一利多

要全面了解如何设计和开发适合大多数人的拖动动作,请参阅W3C的指导关于意图、好处、示例、技术和关键术语。

指引2.5.8“目标尺寸”

WCAG指南“目标尺寸”解决在用户界面(UI)组件(如按钮)上点击或点击时设计的“区域”不足的问题。它还有助于防止意外激活附近的目标,因为它太小了,离邻近的目标太近了。W3C将目标的大小概括为“至少24 * 24级联样式表(CSS)像素的区域”。根据页面上UI组件的设计,您可能需要放大某些目标的大小或增加目标周围的“填充”。有三个异常对于这个指导方针。

  • 间距:每个相邻目标的目标偏移量至少为24个CSS像素。
  • 内联:目标在一个句子或一段文字中。
  • 重要:对目标的特定表述对于所传达的信息是必不可少的,或者是法律上要求的。

有一个足够的24 * 24 CSS像素区域为低视力人群,特别是指垫大、运动技能不同的人群,解决常见的用户体验问题。以云为例。他在网上买杂货,结账时他意识到他还需要一件东西。他没有点击“返回”,而是意外地点击了“提交”,仅仅是因为两个按钮靠得太近了。在设计各种手机屏幕尺寸时,考虑到这一点尤为重要。

这张来自W3C的插图清楚地说明了传递该准则的选项。关于目标尺寸需要注意的另一个关键设计选择与缩放有关。目标大小为与页面上的缩放因子无关;当用户放大CSS像素大小(元素)不会改变。”另一个设计考虑因素是,如果按钮上方或下方没有目标,则该区域通过了成功标准。

及格和不及格

接下来我们将了解到什么

接下来是WCAG 2.2指南“可预测”和“输入辅助”。在那之前,要了解更多关于为您的企业创建易于访问的设计策略,请下载我们的指南,数字无障碍体验:为什么它很重要,以及如何创造它们,并阅读我们的易访问设计系列用户体验而且UpSkill系列.要开始提高你的数字可访问性,今天就联系我们的专家了解我们的无障碍智商

作者简介

Lisa McMichael是底特律业务部门CPACC数字无障碍高级经理。

更多来自作者

留下回复

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