주요 콘텐츠로 건너뛰기가 필요한 이유

사이트의 모든 페이지는 같은 로고, 검색창, 메뉴로 시작합니다. 시력이 있는 사용자는 눈 깜짝할 사이에 지나칠 수 있습니다. 하지만 모든 사용자가 그렇게 훑어볼 수 있는 것은 아닙니다. 👀

키보드 사용자는 Tab 키를 사용해 한 번에 포커스 가능한 요소 하나씩 페이지를 이동합니다. 앞을 미리 훑어볼 수 없고, 한 단계씩 앞으로 나아갈 뿐입니다.

링크가 20개 있는 탐색 메뉴를 생각해 보세요. 키보드 사용자가 문서에 도달하려면 Tab을 20번 눌러야 합니다. 이제 방문하는 모든 페이지마다 이 과정을 반복한다고 생각해 보세요.

스크린 리더 사용자는 콘텐츠가 시작되기 전에 전체 탐색 메뉴를 소리 내어 읽는 것을 듣는 경우가 많습니다. 같은 헤더를 매번 반복해서 듣게 되는 것입니다.

WCAG에서는 이 문제를 콘텐츠의 반복 블록이라고 부릅니다. 해결 방법은 사용자가 이 블록을 건너뛸 수 있게 하는 것이며, 그래서 이 기준의 이름이 Bypass Blocks입니다.

건너뛰기 링크는 페이지 맨 위에 있는 바로 가기입니다. 이를 활성화하면 포커스가 주 콘텐츠로 곧바로 이동합니다.

건너뛰기 링크는 보통 페이지의 첫 번째 포커스 가능 요소입니다. 따라서 어떤 탐색 링크보다 먼저 Tab으로 도달합니다.

건너뛰기 링크는 특히 키보드와 스크린 리더 사용자에게 도움이 되지만, 스위치 장치나 음성 제어를 사용하는 사람도 같은 편리함을 얻습니다.

Bypass Blocks는 WCAG 2.4.1에 해당하는 A 수준 요구 사항입니다. 즉, 있으면 좋은 추가 기능이 아니라 반드시 충족해야 하는 기본 조건입니다.

건너뛰기 링크는 콘텐츠를 가리키는 앵커 하나면 됩니다. 아주 적은 노력으로도 실제 사용자가 방문할 때마다 수십 번의 키 입력을 줄일 수 있습니다. ✨

건너뛰기 링크가 일반적인 해결 방법이지만, 적절한 랜드마크와 깔끔한 제목 구조를 사용해도 반복 콘텐츠를 건너뛸 수 있습니다.

반복되는 헤더는 키보드 사용자에게 실제 부담을 줍니다. WCAG의 Bypass Blocks를 해결하는 건너뛰기 링크를 사용하면 콘텐츠로 곧바로 이동할 수 있습니다. 🎯