주제: 웹접근성에 관련된 질문하나~

웹접근성관련하여 시각장애인용 건너뛰기 링크를 해보려던차에 질문이 있어 글남겨요~

http://www.iabf.or.kr/Lab/
위 URL에가서 소스를 보면 접근성관련하여 아래와 같은 숨은(display=none) 건너뛰기링크가 존재하는데요..

<div style="display:none">
    <ul>

        <li><a href="#body">콘텐츠 바로가기</a></li>
        <li><a href="#topmenu">주메뉴 바로가기</a></li>
        <li><a href="#submenu">하위메뉴 바로가기</a></li>
    </ul>
</div>

...
...
<div id="body"></div>
<div id="topmenu"> ....


이런식으로 id로 앵커를 줬더군요..

현재 드림보이스(http://www.iita.re.kr/IITAPortal/index/20050926.jsp) 라는 스크린리더로 테스트중인데.. 건너뛰기가 안되던데~~

다들 어떻게 구현하시는지 궁금합니다..

답변: 웹접근성에 관련된 질문하나~

tab키로 해당메뉴에 이동하여(스크린리더가 읽어주고) Enter키를 쳐준다던지 하면 이동하지 않나요?
<a href="#"> 안에 tabindex="1" 등의 순서를 주거나 accesskey="a" title="콘텐츠바로가기" 등의 요소를 넣는걸로
알고 있습니다.

최종 편집 : 김진태 (2007-05-29 03:03 PM)

진정한 적은 내 자신안에 있다.

답변: 웹접근성에 관련된 질문하나~

accesskey는 ie에서만 통하는거 아녔나요?;;

Nom de Plume Mai Jeong

답변: 웹접근성에 관련된 질문하나~

스크린 리더의 작동 모드가 여러개 이고 그 모드에 따라서 작동 하기도, 하지 않기도 하는 것으로 알고 있습니다.

written by hyeonseok.com

답변: 웹접근성에 관련된 질문하나~

hyeonseok wrote:

스크린 리더의 작동 모드가 여러개 이고 그 모드에 따라서 작동 하기도, 하지 않기도 하는 것으로 알고 있습니다.

그래서 저렇게 사용해도 된다는 거군요??? 현석님

답변: 웹접근성에 관련된 질문하나~

아지 wrote:
hyeonseok wrote:

스크린 리더의 작동 모드가 여러개 이고 그 모드에 따라서 작동 하기도, 하지 않기도 하는 것으로 알고 있습니다.

그래서 저렇게 사용해도 된다는 거군요??? 현석님

제가 자신있게 그렇게 말씀 드릴 수는 없습니다;;

표준은 구현되지 않으면 표준이 아닙니다. 이 문제와 같이 표준은 있지만 구현이 불완전할 경우 어떠한 방법으로 구현할 것인지 전적으로 구현자의 선택에 달려 있습니다.

앵커는 두가지 방법에 의해서 작동합니다. 하나는 거의 모든 분들이 잘 알고 계시는 <a name="targetName">을 이용하는 방법이고 또 하나의 방법은 id를 이용하는 방법입니다. <a name="targetName">을 이용하는 것은 불필요한 빈 <a>태그를 이용해야 한다는 단점이 있지만 호환성이 좋습니다. id를 이용하는 방법은 태그를 추가할 필요가 없이 그냥 문서의 구조를 id로 표현만 해놓으면 그것을 사용할 수 있다는 장점이 있습니다. 하지만 몇몇 국산 스크린 리더에서 잘 작동을 하지 않죠.

display: none; 을 설정하는 것도 스크린리더에 따라서 읽기도하고, 읽지 못하기도 합니다. 이를 위해서 text-indent: -1000em; 과 같은 트릭을 쓰면 된다는 사람도 있지만 이도 몇몇 스크린리더에서는 작동하지 않습니다.

아주 쉣스럽죠? ;;;

개인적으로는 이 부분은 스크린리더들이 빨리 개선되어야 한다고 생각합니다. 구현이 어려운것도 아니니 말이에요.

그리고 백남중선생님은 이 스킵네비게이션에 대해서 재경부나 IABF는 여러개의 스킵네비게이션을 제공하고 있는데 이게 불필요하다는 말씀도 해 주셨습니다. 그래서 저는 다음부터는 간단하게 콘텐츠 바로가기 정도만 넣으려고 합니다.

<p id="skip-navigation"><a href="#body">콘텐츠 바로가기</a></p>

이렇게요.

written by hyeonseok.com

답변: 웹접근성에 관련된 질문하나~

현석님 답변 고맙습니다.

정말 쉣스럽다는 ;;; ^^