所有收藏
教育材料
在桌面设备上进行的可访问性测试 - 键盘导航
在桌面设备上进行的可访问性测试 - 键盘导航

快速学习如何测试可访问性的键盘导航

Kostya avatar
作者:Kostya
一周前更新

动机

对于我们的全球客户来说,无障碍设计变得日益重要,特别是对于那些来自法律规定了基本辅助功能符合要求水平的国家的客户。 其中一个基本要求是网站或应用必须完全支持键盘导航。 辅助功能不仅限于键盘输入,还包括所有其他输入方法 - 鼠标、语音等。 对于初次进行辅助功能测试的测试人员来说,键盘导航是开始测试之旅的最简单的地方。

在Windows 10和Mac设备上进行键盘导航辅助功能测试的原理。

在启动测试环境后,您可以使用桌面键盘检查哪些范围内的测试元素可以通过键盘访问。一旦测试环境完全加载,您可以按下TAB键,以确认以下各项都接收到输入焦点 - 所有菜单项、链接、按钮、输入字段、复选框等。请检查您是否可以通过按ENTER/RETURN键来激活选择。确认下拉控件在您通过TAB选择给予它们输入焦点并按SPACE键后是否会展开。请确保没有“键盘陷阱”(键盘陷阱发生在用户TAB到元素上后,无法前进,或在最坏的情况下无法从TAB到的元素中的任何一个方向移动),并且所有操作项目都可以使用TAB键访问。此外,重要的是要确认您可以使用键盘组合SHIFT+TAB来通过各种控件反向穿越一步或多步。

上面提到的键不是您在测试键盘导航时唯一可以使用的键。您可以在下面找到键盘键的详细列表:

按钮或组合键

功能

评论

TAB

在活动元素中导航

此导航进度通过突出显示焦点的变化来指示

SHIFT+TAB

通过活动元素反向导航

ENTER/RETURN

用于激活选定的元素

下拉菜单、切换控件等

ARROWS

用于在控制范围内导航

遍历菜单、在文本字段中左/右/上/下移动等。

ESC

用于退出元素

关闭菜单列表、折叠下拉菜单等。

HOME

用于导航到页面顶部

Mac 等效 fn + 左“箭头”

END

用于导航到页面末尾

Mac 等效 fn + 向右键

PAGE-UP

用于将滑块值增加 10%

Mac 相当于 fn + 向上键

PAGE-DOWN

用于将滑块值减小 10%

Mac 相当于 fn + 向下键

注意:在报告键盘导航辅助性问题时,请注意不要在屏幕录像中记录声音。

对于Windows 10用户的注意事项:使用Windows On-Screen Keyboard应用程序在屏幕录像中重现错误。要快速在Windows 10设备上打开屏幕键盘,请同时按下物理键盘上的Win+CTRL+O键。

对于Mac用户的注意事项:要在Mac上打开键盘应用程序,同时按下Option+Command+F5,选择Accessibility Keyboard,然后单击Done按钮。

WCAG 2.1.核查点

在我们关注与键盘导航相关的成功标准之前,我们需要提醒您,我们的平台运行A级和AA级无障碍一致性测试。 AAA级别的无障碍一致性不在Test IO“无障碍测试”的范围内。

与键盘导航相关的有4个成功标准,应满足以确保客户的环境对所有用户都是无障碍的:2.1.1,2.1.2,2.1.3和2.1.4。由于2.1.3属于AAA级别的一致性,我们不会在我们的分析中包括它。

2.1.1. 无障碍检查点

此成功标准旨在确保所有元素都可以被使用键盘和其他输入选项来访问网络内容的用户所接触到。受益于键盘导航的无障碍网络内容的用户主要是视觉受损或由于身体障碍而无法精确使用鼠标的用户(例如,手部震颤)。

要测试环境是否不符合这些标准,请使用上面提到的键来聚焦和激活选项。如果在测试范围内的元素无法使用键盘访问,您应该提交一个错误报告。请记住,2.1.1.问题是A级无障碍错误,而A级错误对我们的客户非常重要。

2.1.2. 无障碍检查点

此成功标准旨在确保用户在“按Tab键”浏览网页内容时不会陷入困境。为了测试此标准的环境,使用键盘上的TAB键来确保您可以到达任何操作功能,而不会在“按TAB键”时被锁定在一个元素上。与之前的检查点一样,2.1.2.也是A级无障碍错误。

2.1.4. 无障碍检查点

此成功标准的目的是确保在环境中只有在焦点在单个字符键快捷键上时,它们才会激活,或者存在一种机制用于关闭它们或重新映射快捷键以包括多个键。就严重程度而言,2.1.4. 是A级严重无障碍错误。

注意:在这里,您需要牢记,与我们平台上的任何测试一样,您需要小心,不要提交重复的错误。


这是否解答了您的问题?