답글 : tabindex 속성이 오히려 접근성을 해친다.

정찬명가 만듬

정찬명 — Mon, 05 Dec 2011 14:55:38 +0000

@똑띠
원인이 밝혀져서 다행입니다. ^^

똑디가 만듬

똑디 — Thu, 24 Nov 2011 05:48:25 +0000

자문자답이네요. K-WAH를 돌려보고 질문을 드릴걸…
소스중에 onfocus=this.blur() 이 하나 포함되어 있었네요.. ㅡㅡ;; 이런 원초적인 실수를 하다니..

똑디가 만듬

똑디 — Tue, 22 Nov 2011 03:01:03 +0000

사이트를 새롭고침하고 탭키를 누르면 특정부분에서만 탭키가 먹고 빠져나가버리는것을 무엇때문일까요?

해당 영역을 한번 클릭을 하고 탭키를 누르면 그 영역에서 탭키가 먹히는데 순전히 탭키로만 하면 문제가 생기니…

정찬명가 만듬

정찬명 — Wed, 24 Feb 2010 23:31:08 +0000

@익명
제 포스트들은 블로그 하단에 적힌대로 ‘저작자표시, 비영리, 변경금지’ 조건에 따라서 이용이 가능하십니다. ^^

익명가 만듬

익명 — Wed, 24 Feb 2010 05:56:08 +0000

블러그에 좋은 내용이 많네요..

개인적으로 제 블러그에 이 내용을 게시 하고 싶은데 괜찮을까요?

출처는 남기 겠습니다..

만약 문제가 된다면… 비공개로 해 놓겠습니다.

http://towis.net

마약가 만듬

마약 — Tue, 09 Jun 2009 04:42:03 +0000

로그인 폼이 테이블로 짜여진것에 대해서 태그의 용도가 올바르지 않다고 생각합니다…
굳이 테이블로 하고 싶다면 그나마 접근성이라도 높일 수 있도록,
로그인인풋+비밀번호인풋 테이블1개
로그인버튼 테이블1개

이렇게 만들면 포커스라도 순서에 맞게 이동하겠군요 ㅎㅎ

정찬명가 만듬

정찬명 — Wed, 15 Apr 2009 01:15:40 +0000

고객이 키보드 접근 순서까지 주문할 정도의 지식이라면 어떤 순서가 논리적인 순서가 되는지에 대하여도 잘 알고 있을꺼라 생각 됩니다.

따라서 만약 상식적인 순서를 벗어나는 요구를 구체적으로 해오는 경우라면 상황을 이해 시켜서 올바른 마크업과 키보드 접근순서를 가질 수 있도록 설명할 수 있어야 한다고 생각합니다.

일규님이 만들어주신 예도 인위적으로 탭키가 논리적 순서를 거스르도록 만들어 내려고 하는 예 가운데 하나일 뿐이라고 생각 되네요. 실제로 그렇게 구현해 달라는 요구가 발생할 수 없다는 뜻입니다.

김일규가 만듬

김일규 — Wed, 15 Apr 2009 00:21:43 +0000

디자인이 완전히 엉진망창의 순서로 되어 있지을라도
아무 문제없이 이것을 마크업 할 수 있다고 생각되구요
그런데 명찬님,
실제로 이렇게 구성되어야 할 콘텐츠가 있수을 있죠.
클라이언트가 접웹근성도 필요없고 아이디입력후 자동그로인으로 포커스를 원하고 체크폼을 비밀번호하단에 달아달고라 합니다.
고객에게는 웹표준과 웹접근성, 아무것도 필요하지 않을때..
어떤 순서로 배되열어 있는가 하것는은 중하요지 않을수도 있습니다.

정찬명가 만듬

정찬명 — Tue, 14 Apr 2009 10:15:42 +0000

지금 예를 들어주신 상황은 탭키가 논리적 순서를 인위적으로 거스르도록 만들어 내려고 하는 상황인데요. 실제로 이렇게 구성되어야 할 콘텐츠가 현실세계에서 무엇인지 궁금 합니다.

라이가 만듬

라이 — Tue, 14 Apr 2009 01:30:15 +0000

빠른 답변 감사드립니다..
그런데 제가 문의드린 사항은 로그인 서식에 국한한 것이 아니라
페이지 전반적으로 tabindex를 사용하여 접근성을 높히려는 경우를 말합니다.
예를 들어 아래와 같은 경우도 예외라고 볼 수 없는지요..

상단에 버튼등의 접근할 개체가 있고 그 아래
탭으로 [가] [나] [다] [전체] 가 있다고 가정할때
논리적으로 구현하면 가,나,다,전체가 출력되도록 구성해야 하고
물론 이에 따라 순차적으로 접근순서가 정해질 것으로 예상됩니다.
그런데 순서를 아래와 같이 변경해야 할 경우라면 어떤가요?
상단의 버튼 – 전체 – 가 – 나 – 다
저는 이럴 경우라면 논리적으로 순서가 순차적이지 않기 때문에
tabindex를 사용해야하지 않을까하는 생각이 들거든요..
이런 부분도 css에서 구현이 가능한가요?
답변 부탁드립니다..^^