접근성 : 화면 판독기에서 사용할 수 있도록 부트 스트랩 다중 선택 드롭 다운 목록 수정

Question

David Stutz의 Bootstrap-multiselect 플러그인을 사용하려고합니다. 문서는 http://davidstuts.github.io/bootstrap-multiselect에 있습니다. 일반 선택 드롭 다운을 필터링과 같은 더 나은 스타일 및 기능을 사용하도록 변환하는 플러그인입니다. 그러나 플러그인의 출력은 앵커 태그 내에 라디오 버튼이 포함 된 마크 업을 사용합니다. 즉, 화면 판독기를 사용하면 화면 판독기가 앵커 태그를 선택하고 요소 내에 포함되어 있기 때문에 라디오 버튼을 무시합니다. 이 동작을 수정하여 앵커 태그를 제거하고 범위로 대체하여 액세스 가능성을 향상 시키려고했지만 누락 된 앵커로 인해 키보드 접근성이 깨졌습니다.

그래서 키보드와 스크린 리더 접근성이 플러그인의 기본 마크 업을 사용하여 함께 작동 할 수있는 방법을 찾는 데 도움을 요청하고 싶습니다. '라디오'역할을 추가하는 것은 화면 판독기가 둘러싸인 라디오 버튼이 아닌 앵커와 상호 작용하기 때문에 작동하지 않았습니다.

Answer 1

앵커 태그에 tabindex 속성이있는 경우 "키보드 접근성이 깨지는"가능성이 가장 높습니다. 하나를 스팬으로 바꾸면 그 안에있는 라디오 버튼이 해당 tabindex없이 남겨집니다. 즉, 키보드 탭이 탭 순서로 건너 뛰고, 다른 모든 (tabindexed 태그)가 완료된 후 키보드 탭이 탭 순서대로 건너 뛴다는 것을 의미합니다. 그게 tabindex가 작동하는 방법입니다.

이러한 추측이 폭이 넓은 경우 정확한 정보에 무엇이 파손되었는지, 어떤 증상이 있는지 알려주십시오. 문제가 무엇인지 알기 위해서는 그 정보가 필요합니다.