对于此 iOS 联系人（如分隔列表），首选的语义和可访问标记是什么？

Question

此分隔符列表的首选语义和可访问标记是什么？

标记

<ul data-role="listview" data-dividertheme="d" data-inset="true"> 
    <li data-role="list-divider">A</li> 
    <li><a href="index.html">Adam Kinkaid</a></li> 
    <li><a href="index.html">Alex Wickerham</a></li> 
    <li><a href="index.html">Avery Johnson</a></li> 
    <li data-role="list-divider">B</li> 
    <li><a href="index.html">Bob Cabot</a></li> 
    <li data-role="list-divider">C</li> 
    <li><a href="index.html">Caleb Booth</a></li> 
    <li><a href="index.html">Christopher Adams</a></li> 
</ul>

我在一个项目中使用 jQuery mobile，它使用了我认为用于分隔符的 （A ,B,C...) 应使用 HTML 标题标签。

Answer 1

绝对不是 ul 因为它是 aplhabetical，它应该是 ol 和 list-style-type:upper-alpha; 和嵌套列表。

我会使用类似以下的html：

<ol>
   <li>
      <ul>
         <li>Adam</li>
         <li>Alan</li>
      </ul>
   </li>
</ol>

示例：http://jsfiddle.net/easwee/8UUbh/5 /

Answer 2

我会使用定义列表，

<dl data-role="listview" data-dividertheme="d" data-inset="true"> 
   <dt data-role="list-divider">A</dt>
   <dd>blblblaba</dd>
</dl>

我知道标题不是定义标题，但很清楚哪些元素是分隔符以及哪些元素是内容。

编辑 我认为@easwee的解决方案从语义的角度来看要好得多。