tabindex 태그

1) 초점이동이란?

 

- 키보드 접근성이란 스크린 리더 사용자가 키보드를 통해 웹 페이지의 정보에 접근하는 것

- 초점이동이란 [tab] 키를 누르면 좌측 상단부터 초점받는 요소로 부터 이동을 하고 [shift] + [tab] 키를 누르면 반대로 올라가는 것을 의미한다. 

 

2) 기본적으로 초점을 받는 태그

 

a	클릭 시 페이지 이동시켜주는 링크태그
button	버튼 태그
input	사용자의 입력 값을 받는 태그
select	여러 옵션 값 중 선택하는 태그
textarea	여러 줄 입력상자

 

3) tabindex 속성

= 요소의 탭 순서를 지정하는 속성

 

양수	1부터의 숫자를 적어 탭의 순서를 지정. 1이 제일 먼저 탭순서를 받음. 그 다음 번호들은 순서대로 처리. 미리 탭 순서를 정하게 되버리면 흐름이 엉킬 수도 있기때문에 사용하지 않는 것이 좋다.
0	초점 받을 수 없는 태그들 ex) h1, div 등과 같은 태그들에게 탭으로 초점을 받을 수 있도록 설정
-1	기본적으로 초점을 받는 태그들 (a, button...) 이 탭 못받도록 처리