tabindex 설정하기

---

웹접근성 관련해서 페이지의 항목들이

순서에 맞게 읽을 수 있게 되어야 하는 경우가 있다.

우리가 원하는 위치로 이동하기 위해서 tab 키를 사용하고는 한다.

보통은 그냥 맨 위부터 아래로 순서대로 내려가는것으로 알고있기는 한데,

tab으로 이동하는 것도 사실 순서를 정해줄 수가 있다.

 

---

태그 속성중에 tabindex 라는게 있다.

tabindex룰 설정해주면 해당 순서에 맞춰서 tab키가 이동한다.

 

설정의 기본개념은 "tabindex=0", "tabindex=1" 등과 같은 식으로 설정한다.

 

 

See the Pen tabindex 설정 by lsj5634 (@zinisang) on CodePen.