辅助功能:只读html表单

时间:2020-09-28 12:56:23

标签: html forms wai-aria

我有一个表单,提交后,后面是一个页面,在该页面上可以再次查看以前的提交(但不能重新提交)。
(对于上下文,它是用于在线测试,然后是测试结果页面)。

link建议此格式的元素应为readonly,而不是disabled;在测试时,我也倾向于这样做,因为NVDA + FF在使用aria-describedby元素时无法正确声明标签/ disabled,这使得导航/理解表单有些困难。

但是,{/ {1}}仅在文本/文本区域输入上受支持,所有其他表单元素仅支持readonly。这是一个问题,因为所涉及的测试表单严重依赖组合框,单选按钮和复选框。
所有这些工具都支持disabled,但是在元素上已设置aria-readonly时,这似乎无效。

唯一的选择是不创建那些元素disabled,而是添加disabled并使用javascript禁用交互,并使用CSS将其变灰。
例如,我认为这不是理想的选择。禁用javascript后,该表单将再次具有交互性,至少对于没有屏幕阅读器的用户而言。

是否有针对此的更多语义解决方案,理想情况下不依赖javascript? 在其他情况下如何解决?

0 个答案:

没有答案