Bon Voyage!

Html에서는 마우스 뿐만 아니라 키보드의 Tab를 이용해 포커스 이동이 가능합니다. 일반적으로 tabindex를 사용하지 않더라도 Html 마크업 순서에 맞게 Tab 이동이 가능합니다. 사용자와 상호작용이 가능한 태그들은 기본적으로 키보드로 포커스가 잡히게 되어 있는데 대표적으로 input, select, button, a 같은 태그를 예로 들 수 있고 이 태그들은 tab키나 shift+tab를 사용해 앞뒤로 포커스 이동을 자유롭게 할 수 있습니다. lable, h, p, span 같은 태그들은 포커스 이동이 되지 않지만 tabindex를 사용해 가능하도록 만들 수 있습니다. 또 tabindex를 사용하면 포커스 이동을 제외하거나 해당 페이지에서 탭이동 시 가장 먼저 포커스 이동이 시작되게 만들어 줄 ..