Bootstrap

  <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
     </button>
 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
   <li><a href="#">Action</a></li>
   <li><a href="#">Another action</a></li>
   <li><a href="#">Something else here</a></li>
   <li role="separator" class="divider"></li>
   <li><a href="#">Separated link</a></li>
  </ul>
    </div>
   </div>

解析：

1.下拉列表：aria-haspopup="true" 或aria-haspopup="false"

用于特殊人群声音提示功能

2.aria-expanded="ture" 或 aria-expanded="false"

起始位置是隐藏还是显示

3.aria-label-lebdy="dropdownMenu1"

读取 Drowpdown 文字特殊人群提示

4.role表示当前状态 aria是当前状态的一种描述 

例如：<div role="checkbox" aria-lable="checked">

当特殊人群读取这段代码时 提示role是一个什么样的状态(checkbox)

aria是当前状态的描述（checked）;