使用无法在react应用程序中设置表单字段的操作进行Pa11y 5可访问性测试

Question

使用Pa11y 5动作，我尝试设置一个使用react开发的表单。通过定期截图，我可以看到数据正在被设置。

示例：

'set field #firstName to John',
'set field #lastName to Doe'

但当采取下列行动时：

'click element #submitbutton

JavaScript验证启动并显示所有表单字段都是不完整的。当我问这里的一个开发人员时，他说，Dom事件不是激发的，你能做一些类似键盘类型的事情来将值设置到表单字段中吗？因此，他的期望是，我能够在行动声明中做到以下几点：

'type John into field #firstName',
'type Doe into field #lastName'

现在我知道pa11y 5不支持这样的操作，但是还有其他方法可以使用操作来实际“键入”值，而不是默默地设置值并作出反应-js在光标离开字段之前不会对更改做出反应(比如离开字段的选项卡)，或者当按钮被实际按下时。

任何帮助设置的值，实际上得到的反应-js所有兴奋将是真正的赞赏。

谢谢。

Answer 1

Pa11y在字段更改时触发input事件。我们建议您关注DOM事件，因为它在输入方法中更健壮。

这个问题有更多的细节：https://github.com/pa11y/pa11y/issues/384