건너뛰기 링크(skip navigation) 클릭후 포커스 되는 위치에 대한 의견을 여쭙니다.
나슬
반복되는 링크를 건너뛰기 위해서 페이지 상단에 건너뛰기 링크를 제공하고 있는데, 이 건너뛰기 링크를 클릭후 포커스되는 위치가 상황에 따라 다릅니다.
건너뛰기 링크를 제공하는 목적이 시각장애인 또는 마우스를 사용하지 못하는 환경에서 키보드 탭키를 이용해서 컨텐츠 내용에 접근하기 위한걸로 알고 있습니다.
그렇다면다음과 같이본문으로 바로가기 클릭후 탭키를 누르면 네이버바로가기라는 링크에 포커스가이동해야 정상이지 않습니까?
ff에서는 본문으로 바로가기 클릭후 탭키를 누르면네이버바로가기 링크로포커스가 위치하지만,
ie에서는 본문으로 바로가기 클릭후 탭키를 눌러도 물론 화면은 id=content 로 이동하지만 정작 포커스는 본문으로 바로가기에 그대로 머물러있어서 탭키를 누르면 순서상 그다음 링크인 대메뉴로 바로가기로 포커스가 이동합니다.
diva href=#content본문으로 바로가기/aa href=#navi대메뉴로 바로가기/a/div
div id=navi
ul
lia href=#menu1/a/li
lia href=#menu2/a/li
lia href=#menu3/a/li
lia href=#menu4/a/li
lia href=#menu5/a/li
/ul
/div
div id=contenta href=http://www.naver.com네이버 바로가기/a/div
그런데 여기에 width나 height 가 적용되면 포커스가 정상적으로 이동한다는겁니다.
style type=text/css
#navi, #content {width:100%;}
/style
diva href=#content본문으로 바로가기/aa href=#navi대메뉴로 바로가기/a/div
div id=navi
ul
lia href=#menu1/a/li
lia href=#menu2/a/li
lia href=#menu3/a/li
lia href=#menu4/a/li
lia href=#menu5/a/li
/ul
/div
여기서 궁금한점은 저렇게 width 스타일이 적용되지 않는 경우가 극히 드물지만, 만약 첫번째 경우처럼 바로가기 메뉴를 클릭했는데 포커스가 위치가 해당 링크로 이동하지 않고 그자리에 머물러 있다면반복링크 건너뛰기메뉴가 의미가 없지 않을까요?
-
떠나간그놈
네, 앞에서도 말씀드렸지만, 키보드로 작동을 하는것이 시각장애인만을 위한것이 아니지 않습니까?
마우스를 잘 이용하지 못하고 키보드만 이용하는 장애인도 있습니다.
그렇기 때문에 본문으로 포커스 이동후 그 본문 안에 실제 링크를 작동하고 싶은데, 탭키를 눌렀는데 실제 포커스는 본문안에 있는 첫번째 링크로 이동하지 않는다는게 문제가 되지 않을까요? -
갤원
음... 이 상황에 대한 원인을 분석할려고 이래저래 테스트를 많이했었는데^^ 상황별로 잘 정리되어있네요.
기존에 접근성 작업하면서 그냥 되니깐 대수롭지 않게 넘어간 부분이었는데 앞으론 이런 상황에서도 대처가 가능하겠네요. -
니지
우왓~~정리정돈이 한번에....
다만 여기서 궁금한건...브라우저에서는 위위 url을 통해 어떠한 결과를 가지는지 알았지만...
브라우저가 아닌...환경에서는 어떻게될지가 궁금하네요...
브라우저에 한해서라면...결국 브라우저 wars~~ -
올리브
음...굉장히 좋은 토론내용인거 같네요...
한번 논쟁(??)거리로 만드는것도 좋을거 같네요...키보드의 접근성을 높이기 위해서 혹은 그외의 이유든
반복링크 건너뛰기를 사용했으나 실제 건너뛰기를 사용해 접근한 내용에서의 키보드로만의 접근은 어떻게
처리를 할거냐에 대해서요...후훗~~산들수다님 이걸 논쟁거리로 만들어주세요~ㅋㅋㅋㅋㅋ -
아키
의미가 없는것을 의미가 있게 하는것이 저희의 사명이지요..화팅!