탭 인덱스

W3C 스펙 문서 17.11.1절에 따르면, 탭 인덱스 값은 최대값인 32767을 넘지 말아야 합니다. 만약 인덱스 값을 특별히 명시하지 않았다면 기본 값은 -1로 지정됩니다.

탭 인덱스는 전역 속성에 속하며, 요소의 포커스 설정 여부와 만약 요소가 키보드 탐색 범위에 속해야 한다면 어느 지점에서 선택되어야 하는지 정수값을 사용해 지정할 수 있습니다. 정수값의 종류는 다음과 같습니다.

  • 음의 정수값은 요소가 포커스를 받을 수는 있지만 순차적인 키보드 탐색으로는 접근 불가능함을 나타냅니다.
  • 0은 요소가 포커스를 받을 수 있으며 동시에 순차적인 키보드 탐색으로도 접근 가능함을 나타냅니다. 그러나 요소의 상대적인 순서는 플랫폼이 정한 규약에 따라 달라질 수 있습니다.
  • 의 정수값은 요소가 포커스를 받을 수 있으며 동시에 순차적인 키보드 탐색으로도 접근 가능함을 나타냅니다. 요소의 상대적인 순서는 속성값에 의해 결정됩니다. 탭 인덱스 값이 낮은 것부터 차례대로 순차 탐색합니다. 만약 몇몇 요소에게 동일한 탭 인덱스 값을 부여한다면, 탐색 순서는 문서내의 요소의 상대적인 위치에 따라 결정됩니다.

키보드로 순차 탐색을 할 시에, 0 값이나 부정확한 값 혹은 아무런 탭 인덱스 값도 가지고 있지 않은 요소는 탭 인덱스 값이 양의 정수인 요소 탐색이 완료된 후에 뒤따라 등장해야 합니다.

포커스 관리에 대한 심층적인 설명이 필요하다면, 이 기사를 참고하십시오.

스펙 문서

스펙명 상태 부가 설명
WHATWG HTML Living Standard
The definition of 'tabindex' in that specification.
Living Standard 그 전의 버전과 비교했을 때, 달라진 점이 없습니다., HTML5.1
HTML5.1
The definition of 'tabindex' in that specification.
Recommendation WHATWG HTML Living Standard의 일부분 입니다. HTML5과 비교했을 때 달라진 점이 없습니다.
HTML5
The definition of 'tabindex' in that specification.
Recommendation WHATWG HTML Living Standard의 일부분 입니다. HTML 4.01 Specification과 비교해보면, 탭 인덱스 속성을 모든 요소에서 사용할 수 있게 되었습니다.
HTML 4.01 Specification
The definition of 'tabindex' in that specification.
Recommendation 오직 다음과 같은 요소에서만 탭 인덱스 속성을 사용할 수 있었습니다. <a>, <area>, <button>, <object>, <select>, <textarea>.

브라우저 호환성

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

참고 자료

문서 태그 및 공헌자

 이 페이지의 공헌자: young-gratia
 최종 변경: young-gratia,