Pa11y 5 可访问性测试使用操作无法在反应 js 应用程序中设置表单字段
Pa11y 5 Accessibility Testing using Actions unable to set form fields in a react js app
使用 Pa11y 5 动作我尝试设置一个使用 react-js 开发的表单。
通过定期截屏,我可以看到正在设置数据。
示例:
'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 不支持这样的操作,但是有没有其他方法我可以使用操作来实际 'type' 值,而不是静默设置值并且 react-js 不反应更改,直到光标离开该字段(如制表符离开该字段)或实际按下按钮时。
真正让 react-js 兴奋的设置值的任何帮助都将不胜感激。
谢谢。
Pa11y 在字段更改时触发 input
事件。我们建议改为监视 DOM 事件,因为它在各种输入法中更加稳健。
使用 Pa11y 5 动作我尝试设置一个使用 react-js 开发的表单。 通过定期截屏,我可以看到正在设置数据。
示例:
'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 不支持这样的操作,但是有没有其他方法我可以使用操作来实际 'type' 值,而不是静默设置值并且 react-js 不反应更改,直到光标离开该字段(如制表符离开该字段)或实际按下按钮时。
真正让 react-js 兴奋的设置值的任何帮助都将不胜感激。
谢谢。
Pa11y 在字段更改时触发 input
事件。我们建议改为监视 DOM 事件,因为它在各种输入法中更加稳健。