1
Backbone.js와 Marionette.js를 사용하여 웹 페이지를 만들었습니다. 대부분이 아코디언 헤더를 클릭하면 항목 목록을 표시하는 부트 스트랩 아코디언보기로 구성됩니다. 각 항목을 클릭하여 특정 항목과 관련된 세부 정보의 숨겨진 div를 표시 할 수도 있습니다.사용자가 접근 가능한 접근 가능한 웹 사이트를 만드는 방법 : 마우스없이 서핑할까요?
이 사이트는 시각 장애인이거나 화면 판독기를 사용하지 않는 사람들이 액세스 할 수 있도록하고 싶습니까? 이 아래로 탭 이동, 아코디언을 열를 입력 공간 또는 을의 탭을 아코디언에 도착 키를 눌러 할 수있는 눌러 의미라고 생각 m 다음 목록 항목을 통해 (아래 또는? 화살표 키를) 및 공간을 사용 또는 을 입력하여 선택한 항목의 숨김을 표시 div.
"마우스 없이도 사용할 수있는 접근성있는 웹 사이트를 만드는 방법"과 같은 검색은 주로 개발자가 블로그에서 어떤 것을 이 검색해야하므로이 기능을 추가하는 방법에 대한 정보를 찾기가 어렵습니다. 페이지에 접근성을 추가하려면 에 대한 정보가 많지 않으므로해야합니다.
현재 페이지는 키보드 버튼에 실제로 응답하지 않습니다. 공유 할 수있는 팁이나 자료는 대단히 감사하겠습니다. 나는 ARIA 역할 태그를 손에 들고 있었지만, 제대로하지 않았거나 대답이 아닙니다.
버튼, 양식 필드 및 링크는 물론 클릭으로 초점을 의미하는 activeElement 무엇이든 요소 읽을의 tabindex에게
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.tabIndex
화면 판독기를 사용해야합니다 : 당신이 그들을 사용합니까 ? 그렇지 않으면 SO는 그러한 광범위한 질문에 적합한 사이트가 아닙니다. 일부 코드의 정확한 질문에만 사용됩니다. – FelipeAls
이것은 아코디언 내에서 접근성 (및 의미 론적 마크 업)을 매우 잘 구현 한 것입니다 : http://www.sitepoint.com/introducing-accessible-accordion-widget/ –
정말 고마워요. 나는 내가 지금 필요한 모든 것을 가지고 있다고 생각한다. – Claire