对于这个iOS联系人，如分频器列表，首选的语义和可访问标记是什么？

Question

该分频器列表的首选语义和可访问标记是什么？

我正在为项目使用jQuery mobile，它使用了这个标记

<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>

我认为对于分隔符（A，B，C ...），应使用HTML标题标记。

Answer 1

绝对不是ul，因为它是按字母顺序排列的，应该是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的解决方案在语义上更好。