tabindex 속성

[soonitoon]

• tabindex 속성은 해당 엘리먼트가 포커스 될 수 있다는 것과, 키보드의 tab 키로 순환할 수 있다는 것을 나타낸다.
• tabindex="-1": 음수값은 엘리먼트가 키보드로 포커스될 수 없으며, 자바스크립트나 마우스 클릭을 통해서만 포커스가 가능하다는 것을 나타낸다.
• tabindex="0": 엘리먼트가 키보드로 포커스될 수 있다. 양수값 tabindex를 가진 앨리먼트가 순서상 먼저 포커스되고, 같은 0끼리는 HTML 상의 순서에 의해 포커스 순서가 결정된다.
• 양수값: 값이 낮은 순서대로 먼저 포커스된다. 가장 높은 값은 32767이며, 이는 곧 0과 같은 순서이다.

**주의: 인위적인 tabindex는 보조 기술을 사용해서 웹페이지를 봐야 하는 사람들에게 혼란을 줄 수 있다. 따라서 포커스 순서는 인덱스 값의 크기가 아니라 HTML 상의 순서로 결정해야 한다.