我有一个表单,提交后,后面是一个页面,在该页面上可以再次查看以前的提交(但不能重新提交)。
(对于上下文,它是用于在线测试,然后是测试结果页面)。
此link建议此格式的元素应为readonly
,而不是disabled
;在测试时,我也倾向于这样做,因为NVDA + FF在使用aria-describedby
元素时无法正确声明标签/ disabled
,这使得导航/理解表单有些困难。>
但是,{/ {1}}仅在文本/文本区域输入上受支持,所有其他表单元素仅支持readonly
。这是一个问题,因为所涉及的测试表单严重依赖组合框,单选按钮和复选框。
所有这些工具都支持disabled
,但是在元素上已设置aria-readonly
时,这似乎无效。
唯一的选择是不创建那些元素disabled
,而是添加disabled
并使用javascript禁用交互,并使用CSS将其变灰。
例如,我认为这不是理想的选择。禁用javascript后,该表单将再次具有交互性,至少对于没有屏幕阅读器的用户而言。
是否有针对此的更多语义解决方案,理想情况下不依赖javascript? 在其他情况下如何解决?