용어 사전 coding 용어 페이지

tabindex

포커스 가능 여부와 Tab 순서를 조절하는 속성

tabindex #html#accessibility#frontend

다른 이름

tab index탭 인덱스

관련 개념

핵심 아이디어

tabindex는 HTML 요소가 키보드 포커스를 받을 수 있는지, 그리고 Tab 이동 순서에 어떻게 참여하는지를 제어하는 속성입니다. 0, -1, 양수 값이 각각 다른 의미를 가집니다.

실무에서는 tabindex="0"tabindex="-1"를 가장 자주 봅니다. 양수로 순서를 강제하는 방식은 전체 흐름을 복잡하게 만들기 쉬워서 보통 피하고, 기본 문서 순서를 최대한 유지하는 편이 안전합니다.

이 블로그에서의 역할

Mathbong에서는 포커스 이동을 설명할 때 focus()와 함께 tabindex를 소개합니다. 모달, 알림, 숨겨진 섹션 같은 UI에서 키보드 접근성을 맞출 때 반복해서 참조하는 세부 허브입니다.

이 개념을 다루는 글