Enable javascript in your browser for better experience. Need to know to enable it? Go here.
radar blip
radar blip

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

发布于 : Apr 26, 2023
Apr 2023
评估 ? 在了解它将对你的企业产生什么影响的前提下值得探索

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

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

下载第28期技术雷达

English | Español | Português | 中文

获取最新技术洞见

 

立即订阅

查看存档并阅读往期内容