无障碍意识的组件测试设计

在软件交付过程中，需要提早考虑无障碍设计的地方有很多，Web 组件测试是其中环节之一。像 chai-a11y-axe 这样的测试框架插件在其 API 中提供了断言，以检查基本的无障碍设计。但是，除了使用测试框架所提供的功能外， 无障碍意识组件测试设计 进一步提供了屏幕阅读器和其他辅助技术所需的所有语义元素。

首先，不要使用 test id 或 class 来寻找和选择你要验证的元素，而是使用通过 ARIA 角色或其他辅助技术使用的语义属性来识别元素。一些测试库，如 Testing Library ，甚至在文档中直接推荐这样做。其次，不要只测试点击交互，还要考虑不能使用鼠标或看不到屏幕的用户，并考虑增加对键盘和其他交互的测试。