tabindex속성, accesskey속성

닷컴메인 개편을 하면서 조금 더 접근성을 높이기 위해 Tab Key를 누르는 순서대로 포커스가 이동하도록 하려고 한다. 단축키도 지정하려고 하였으나, 기획담당자가 그 부분은 필요 없을 것 같다고 해서 안하기로 했다.
tabindex 속성은 처음 사용해보는 것이니 일단 정리해보자. accesskey도 같이~

tabindex속성, accesskey속성은 폼의 접근성을 높이기 위해 각 컨트롤에 지정 가능하고, a요소에도 지정가능하다.

tabindex="Tab키의 이동순서"
키보드의 Tab 키를 눌렀을 때 포커스 되는 순서를 지정하며, '0'부터 '32767'까지 지정가능. 작은 값에서 큰 값으로 포커스가 이동하나, '0'으로 지정한 때는 작성순서대로 포커스 이동

accesskey="액세스키"
단축키를 눌렀을 때의 포커스 여부를 지정한다. 알파벳이나 숫자 등 임의 키 값을 지정할수 있지만 대소문자 구별하지 않음. 윈도우에서는 alt+"임의 키", 맥에서는 cmd+"임의 키" 를 동시에 눌러 작동시킨다. 다만, 알파벳으로 지정하면 브라우저의 키보드 단축키와 충돌할 가능성이 있음.

출처 : 웹표준 교과서

오늘도 새로운 것을 알았다.