禁用的文本框是否比 div 和 role="textbox" 的可访问性更好？

Question

假设我有一个表单，其中一个字段（名称）始终被禁用。

为了辅助功能，正在使用 input

 <label>
    Name 
    <input role="textbox" aria-readonly="true" value="Joe Shmoe" />
 </label>

比使用 divs

更好

 <div>
   Name
   <div role="textbox" aria-readonly="true">Joe Shmoe</div>
 </div>

?

Answer 1

使用带输入的标签更好，因为文本 "Name" 和标签之间的关联是明确的，用户使用 DOM 导航将能够遇到并发现这种明确的关系在 DIV.

的情况下他们不会这样做

Is a disabled textbox any better than a div with role="textbox" for accessibility?