我们的主题审核团队也将采用相同的测试方法。我们通过针对基准商店运行 Lighthouse 可访问性测试来实现这一点,然后根据 Lighthouse 给出一个分数来显示主题的可访问性。
为了纠正发现的任何问题,请按照 Lighthouse 提供的说明进行操作。查看可访问性审核文档,了解可能发现的问题。观看Google Chrome 开发人员的视频“可访问性测试 — 完全工具提示”,了解如何使用 Lighthouse。
除了上述自动化测试要求外,团队还将进行一系列手动测试,以识别特定的主观可访问性问题。这样做的目的是帮助发现使用辅助技术时常见的访问障碍。我们在下面介绍这八个主观可访问性问题。
1. 页面的所有部分都必须可以通过键盘访问
并非所有用户都能使用鼠标。仅使用键盘来测试主题的可导航性和功能性。从主页到结帐,所有工作流程都必须仅使用键盘。所有自定义控件、链接、按钮和表单输入都必须可操作。
注意:纯文本、内容容器、图像等内容不能通过键盘访问。
主题团队将审查的常见问题包括:
下拉导航元素在单击时打开,而不是在聚焦时打开。这允许键盘 哈萨克斯坦电话号码数据 用户轻松绕过导航区域。在Enter或 时打开Space。在 时关闭Esc,将焦点返回到父元素。
模态窗口必须将焦点转移到其自身或其内部。这有助于引导键盘用户使用新显示的内容。Esc将焦点返回到启动器元素。
从屏幕侧面或顶部动态“飞出”的购物车抽屉必须将焦点转移到其自身或其内部。这有助于引导键盘用户使用新显示的内容。Esc将焦点返回到启动器元素。
产品卡通常包含指向同一页面的多个链接(图像、标题、“更多详细信息”等),应以单一制表位的方式构建,但允许辅助技术浏览所有详细信息。
Dawn 主题产品页面的 Gif。“添加到购物车”控件被激活,导致购物车抽屉从窗口顶部向下移动。
黎明主题产品购物车抽屉。