NVDA 和 JAWS 在 Textarea 中禁用输入答案

【问题标题】：NVDA and JAWS Disable Input in TextareaNVDA 和 JAWS 在 Textarea 中禁用输入
【发布时间】：2018-06-07 08:22:59
【问题描述】：

我有一个包含多个输入字段的表单，其中包括用于附加评论的文本区域。当 JAWS 或 NVDA 打开时，我无法在文本区域中输入。但是，当 JAWS 和 NVDA 关闭时，它可以正常工作。我添加了一个角色，但我仍然有问题。我还缺少其他属性吗？

应用程序：Asp.net MVC 4 jQuery 3.1 引导程序 3.7

  <label aria-hidden="true">
    <span>Add a comment</span>
     @Html.TextAreaFor(x => x.AddComment,new{ id = "AddComment", @rows="5",    
      @cols = "40" , @aria_multiline = "true", @class="form-control"})
 </label>

【问题讨论】：

标签： html jaws-screen-reader nvda assistive-technology

【解决方案1】：

标签中的 aria-hidden="true" 是问题的原因。一旦我意识到并删除它，它就起作用了。

<label>
    <span>Add a comment</span>
     @Html.TextAreaFor(x => x.AddComment,new{ id = "AddComment", @rows="5",    
      @cols = "40" , @aria_multiline = "true", @class="form-control"})
 </label>

【讨论】：