1ARIA Roles示意及说明表
role属性值含义HTML示意说明   
<p id=ajax_error_alert 例如ajax操作返回错表示警告alert  潲敬尽污牥屴></p> 误信息的div标签。
<div
aria-labelledby=alert_title aria-hidden=
alse
tabindex=自定义的出错提示弹        潲敬尽污牥摴慩潬屧 框。
id=alert1>
    <p id=alert_title>弹出表示警告alertdialog</p> 框 弹出框 哥,id=alert_message>    <p
你输入的时间穿越了,请重新输</p>
入!    <input type=utton
id=alert_close 关闭 慶畬?/>
</div>
<div id=application
>
潲敬尽灡汰捩瑡潩屮    <label id=date_label
</label>: 时间for=date>    <input id=date
type=    ext\/>
选择    <button id=n_date>例如自定义的时间选application日期...</button>
表示应用  择器。     <div id=dp1
class=datepicker
aria-hidden=    rue>
        时间选择控件具体<--
-->    </div>
</div>
<div role=    oolbar
tabindex=
aria-activedescendant=utton1>
没啥好说大家都懂的,button  <img src=tncut.png
表示按钮  潲敬尽畢瑴湯id=utton1
alt=cut />
  <img src=tncopy.png
潲敬尽畢瑴湯id=utton2
alt=copy />
  <img src=tnpaste.png
id=utton3 潲敬尽畢瑴湯
alt=paste />
</div>
<ul role=group>
  <li 潲敬尽档捥扫硯
aria-checked=mixed
同样,大家都懂的,没</li> 
所有姑娘tabindex=啥好说的 潲敬尽档捥扫硯      <li
aria-checked=
alse
表示复选tabindex=晴川</li> checkbox       <li 潲敬尽档捥扫硯静秋
aria-checked=    rue
</li> tabindex=静秋      <li 潲敬尽档捥扫硯 aria-checked=    rue
</li> 黄小仙tabindex=</ul>
<input id=cb1-edit
class=cb_edit type=    ext
tabindex=
潲敬尽潣扭扯硯     
aria-autocomplete=inline
aria-owns=cb1-list />
     
<ul id=cb1-list
表示下拉tabindex=-1 role=listbox
combobox 列表框 aria-expanded=    rue>
    <li id=cb1-opt1
</li> role=option>晴川    <li id=cb1-opt2
</li> role=option>静秋    <li id=cb1-opt3
</li> 黄小仙role=option></ul>
潲敬尽牧摩<table id=grid1
aria-labelledby=grid1_label aria-readonly=    rue>
  <caption id=grid1_label>表示网格grid  </caption> 美女们  <thead>
    <tr>
      <th id=grid1_q
tabindex=-1>晴川</th>
      <th id=grid1_j
tabindex=-1>静秋</th>
      <th id=grid1_h
tabindex=-1>黄小仙</th>
    </tr>
  </thead>
  <tbody id=data></tbody>
</table>
<table role=grid
aria-readonly=    rue>
  <tr role=
ow
aria-selected=