버튼 그룹을 처리하는 시맨틱 방법

Question

사용자가 클래스 'btn-group'을 사용하여 div 요소를 클릭하는지 여부에 따라 숨겨 지거나 표시되는 오디오 스트림 목록이 있습니다. 괜찮

<div class="btn-group"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
     Expand 
     <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
    <!-- dropdown menu links --> 
    </ul> 
</div> 

하지만 기능이 중요한 비트가 div 요소보다는 더 의미있는 뭔가 숨겨져 불행한 것 : 내 마크 업과 같이, 트위터 부트 스트랩의 버튼 그룹과 유사하다. 의미있는 아리아 역할이 있습니까? 사람들이 추천할만한 다른 접근 방법이 있습니까?

Answer 1

괜찮은 솔루션은이 같은 BTN-그룹 사업부에 버튼의 아리아 랜드 마크 역할을 제공 할 수있다 :

<div class="btn-group" role="button"> 

그 방법은, 스크린 리더가 그룹의 본질을 이해할 것이다.