웹 페이지를 순차적으로 탐색할 수 있고 탐색 순서가 의미 또는 작업에 영향을 주는 경우, 포커스를 얻을 수 있는 컴포넌트는 의미와 작동 가능성이 유지되는 순서로 포커스를 받아야 합니다.
사용자가 콘텐츠에 대한 일관된 멘탈 모델을 형성할 수 있도록, 콘텐츠를 순차적으로 탐색할 때 콘텐츠의 의미와 일치하고 키보드에서 조작될 수 있는 순서로 정보를 접하게 하기 위한 항목입니다.
웹 콘텐츠에서 순차 탐색 순서가 결정되는 방식은 콘텐츠의 기술에 의해 정의됩니다.
예를 들어 간단한 HTML은 탭 시퀀스라는 개념을 통해 순차 탐색이 정의되고, 동적 컴포넌트는 포커스를 지정할 수 있도록 HTML tabindex 속성과 스크립팅을 사용하여 탭 시퀀스에 추가하거나 제거할 수 있습니다.
이렇게 정의 된 순차 탐색 순서를 따라 사용자가 콘텐츠를 탐색 할 때, 콘텐츠의 의미와 일치하는 순서가 보장되어야 하고 키보드 조작이 가능한 순서가 유지되어야 합니다.
예를 들어, 스크린 리더 사용자는 프로그래밍 방식으로 결정된 읽기 순서로 상호 작용하는 반면, 키보드 사용자는 웹 페이지의 시각적 순서로 상호 작용합니다. 포커스 순서가 이러한 두 사용자 모두에게 의미있고 무작위로 이동하는 것처럼 보이지 않도록 주의해야 합니다.
달력 그리드를 탐색한다면 정상 시력을 가진 사용자는 행에서 행으로, 열에서 열로 모두 시선을 옮길 수 있고 키보드 포커스 역시 유사하게 탐색할 수 있어야 합니다. 만일 오른쪽으로 포커스를 이동하려고 오른쪽 방향키를 눌렀는데, 키보드 포커스가 행을 건너뛰거나 역순으로 탐색된다면 사용자는 혼란스럽게 됩니다.
모달 대화상자가 제공되는 경우, 정상 시력을 가진 사용자는 모달을 연 요소에서 모달 안으로, 모달을 닫은 후에는 다시 모달을 연 요소로 시선이 옮겨 갑니다. 이러한 경우 모달 대화상자는 개발 편의상 DOM의 가장 마지막에 위치할 수 있지만 프로그램 방식에 의해 논리적 순서를 유지하고 모달 대화상자를 닫기 전까지 대화상자 내부에서만 키보드 조작이 가능한 순서대로 유지되어야 합니다.