当我们想到“普通”用户时,我们倾向于想象他们在使用电脑时使用鼠标或触控板。但是,如果他们首选或唯一的选择是使用键盘怎么办?您是否考虑过在设计应用时考虑键盘的可访问性?
有很多原因可能导致人们不想或无法使用鼠标或触控板来使用计算机。他们可能患有永久性、慢性或暂时性的疾病,限制了他们的灵活性或肌肉控制能力,导致手腕或手部敏感,或难以跟踪屏幕上的鼠标光标。他们也可能是“高级用户”,正在寻找更多快捷方式来简化工作流程。在任何一种情况下,键盘都可能是个人与技术互动的首选或必要手段。
在本文中,您将了解键盘可访问性指南,以及设计应用程序时需要牢记的五个步骤,以确保应用程序可通过键盘访问。
立即报名参加 2021 年 Shopify 应用挑战赛
打造非凡之作。重新构想商业。
加入我们的应用挑战,与我们一起公开开发!通过创造力和创新解决有趣的问题,帮助商家赢得 BFCM。
立即注册
键盘辅助功能如何工作?
如果应用程序支持键盘访问,则意味着人们可以选择仅使用键 卢森堡电话号码数据 盘来操作控制元素。控制元素是页面上的任何交互式组件,例如按钮、链接、表单输入、视频和其他交互式内容。
键盘导航基础知识
以下是用于键盘导航的一些基本键:
导航到下一个控制元素: Tab(或相关单选按钮和选择选项的右箭头或下箭头键)
导航到上一个控制元素: Shift + Tab(或相关单选按钮和选择选项的左箭头或上箭头键)
单击控制元素: Enter 和/或空格键
在相关单选按钮或选择选项之间导航:箭头键
焦点顺序
控制元素响应键盘事件的顺序称为焦点顺序。当元素获得焦点时,您可以使用某些键盘控件与其交互。当元素失去焦点时,它会变得模糊。浏览器会呈现默认焦点状态,以帮助用户跟踪当前获得焦点的元素。
键盘辅助功能:Tab 键顺序 Shift
当用户按下键盘上的 Tab 键时,焦点会依次从一个交互元素转移到下一个。当元素获得焦点时,将应用焦点状态。在此示例中,获得焦点的元素通过灰色轮廓、带下划线的文本和略微放大的箭头图标标识。
您或许还会喜欢: 通用设计:让您的网站和应设计应用程序时考 用更易于访问的 11 个实用技巧。
键盘可访问性和 Web 内容可访问性指南
网络内容可访问性指南 (WCAG) 概述了三个合规级别——A 级、AA 级和 AAA 级——这些级别已被采纳 款最佳 Sparktoro 替代品和竞争对手 为世界各地地区或国家网络可访问性法律的标准。
键盘可访问性是 A 级合规性的成功标准之一。A 级标准描述了所有 Web 内容必须具备的功能。它们也被认为是最容易实现的。
“如果我们不小心,键盘辅助功能也很容易出错。”
话虽如此,如果我们不小心,键盘辅助功能也 印度手机号码 很容易出错。以下是网络上常见的键盘辅助功能问题的示例:
难以察觉的专注状态
焦点顺序不正确
无法获得焦点的交互元素
无法接收键盘交互的复杂组件
幸运的是,我们可以使用很多技巧来记住键盘用户并避免在我们自己的应用程序中犯这些错误。