아코디언 위젯의 접근성 고려 웹접근성

주제와 텍스트가 광범위하게 많을때, 각 주제마다 접었다 폈다를 반복하는 아코디언 위젯을 쓰곤 한다.
하지만, 이런 방식의 메뉴는 흔히 jquery에서 css('display','none')이나 show()/hide(), 또는 slideUp()/slideDown()을 써서 작업한다.
하지만, 이러한 방식은 display:none 속성을 근본으로 한다. display:none은 많은 스크린리더 보조기구가 의도적으로 무시하게 설계돼, 접근성 문제를 일으킨다.

이런 방식을 사용하면서 항상 찜찜했는데, 훌륭한 해결책이 있다.

아래 링크 참조
http://tranbot.net/ALA/now-you-see-me/

덧글

댓글 입력 영역