tabindex를 사용하지 말라????

웹 페이지의 요소들의 포커스를 이동하려면 Tab 키를 이용합니다. 그런데 Tab 키를 누를때 포커싱 되는 요소들의 순서가 사용자에게 맞지 않는 경우가 있습니다.

이런 경우 순서를 맞추기 위해 tabindex를 사용했는데 어라? 어떤 글에서 보니 웹 접근성에 맞지 않으니 tabindex를 사용하지 말라는군요.

뭔소린가 봤더니 HTML 구성을 잘못해서 생긴 문제이니 HTML을 수정하라는 것이였습니다.

보통 로그인 박스에서 이런 경우가 있는데 아이디 입력란 옆에 로그인 버튼이 있고 아래에 비밀번호 입력란이 있어서 아이디 입력, Tab, Tab 누르고 비밀번호 입력 이런식으로 사용하거든요. 이런경우 HTML을 보면 순서상으로 아이디 입력란, 로그인 버튼, 비밀번호 입력란의 순서로 되어 있는데 이것을 아이디 입력란, 비밀번호 입력란, 로그인 버튼의 순서로 바꾸라는 말이였습니다.

암튼, 뭐 생각해 보니 tabindex를 여기저기 쓰다보니 tab 순서가 꼬여서 나중에는 짜증나는 상황이 발생하기도 합니다.

HTML만 바꾸니 간단하게 해결이 되네요. 특히 모바일 화면에서도 잘 작동하구요 ^^

Advertisements

Published by: benant

WEB PROGRAMMER. PHP, ASP, XML, Javascript, VBScript, PL/SQL, MySQL, Oracle. scrollads.co.kr 새로운 모바일 광고 서비스. trenue.com 시스탬 트래이딩 서비스. blogman.co.kr 블로그 운영 관리 서비스. creget.co.kr 해외 상품 구매대행. 핫딜 정보 제공 서비스. fgshop.co.kr - 독립형 쇼핑몰 솔루션.

Categories Web태그, , 댓글 남기기

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중