对于可访问性，禁用文本框是否比使用role =“textbox”的div更好？

Question

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

对于辅助功能，使用input

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

比使用div s

更好

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

Answer 1

使用带有输入的标签更好，因为文本“名称”和标签之间的关联是显式的，并且使用DOM导航的用户将能够遇到并发现他们不会出现的显式关系。 DIV。