여러 페이지로 된 웹사이트는 한 페이지를 찾아가는 방법을 두 가지 이상 제공해야 W3C 웹 접근성 기준 2.4.5를 충족합니다. 어떤 절차의 결과이거나 절차 중 한 단계인 페이지는 예외입니다. 비영리 단체 홈페이지의 활동 소식과 후원 안내 페이지를 기준으로 점검 방법을 정리했습니다.
여러 페이지로 된 웹사이트는 한 페이지를 찾아가는 방법을 두 가지 이상 제공해야 W3C 웹 접근성 기준 2.4.5를 충족합니다. 단체 홈페이지에 활동 소식, 후원 안내, 자원봉사 신청, 연차 보고 같은 페이지가 쌓이면 상단 메뉴만으로 원하는 글을 찾기 어려워집니다. 메뉴를 펼쳐 한 칸씩 훑는 방식이 편한 방문자도 있지만 검색창이나 전체 목록이 더 편한 방문자도 있습니다.
기준과 예외는 이렇게 정해져 있습니다
W3C의 성공 기준 2.4.5 여러 가지 방법 해설(수준 AA)에 실린 기준 문장은 웹 페이지 묶음 안에서 한 웹 페이지를 찾는 방법이 둘 이상 있어야 하며, 그 페이지가 어떤 절차의 결과이거나 절차의 한 단계라면 예외라는 내용입니다.
WCAG 2.2의 용어 정의에서 웹 페이지 묶음은 공통 목적을 가지고 같은 작성자·그룹·조직이 만든 웹 페이지 모음이고, 절차는 어떤 활동을 끝내기 위해 각 동작이 모두 필요한 일련의 이용자 동작입니다. 해설은 예외의 예로 계좌 이체를 마쳐야만 볼 수 있는 이체 확인 화면과 검색어를 넣어야만 나오는 검색 결과 화면을 듭니다. 단체 홈페이지라면 후원 신청을 끝낸 뒤에 나오는 신청 완료 화면이 이런 경우에 해당할 수 있습니다.
해설은 작은 사이트라도 방문자가 위치를 파악할 수단이 있어야 한다고 설명합니다. 서너 페이지짜리 사이트에서 모든 페이지가 첫 화면에 연결되어 있다면 첫 화면을 오가는 링크만으로 충분할 수 있고, 이때 첫 화면의 링크가 사이트맵 역할을 할 수 있다고 덧붙입니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
왜 방법이 둘 이상이어야 하나요
해설은 방문자마다 편한 길이 다르다고 설명합니다.
- 화면 확대 프로그램이나 화면 낭독 프로그램을 쓰는 시각에 어려움이 있는 이용자는 긴 메뉴를 훑는 것보다 검색으로 원하는 곳에 가는 편이 쉬울 수 있습니다.
- 인지장애가 있는 사람은 여러 페이지를 넘나들기보다 사이트 전체를 한눈에 보여 주는 목차나 사이트맵을 선호할 수 있습니다.
- 계층형 메뉴 구조를 이해하기 어려운 사람에게는 검색 기능이 더 쉬울 수 있습니다.
해설은 이 기준을 충족하는 충분한 기법으로 다음 가운데 둘 이상을 함께 쓰는 방법을 소개합니다.
- 관련 웹 페이지로 가는 링크 제공(G125)
- 목차 제공(G64)
- 사이트맵 제공(G63)
- 콘텐츠를 찾는 검색 기능 제공(G161)
- 다른 모든 웹 페이지로 가는 링크 목록 제공(G126)
- 첫 화면에서 사이트의 모든 페이지로 연결(G185)
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
단체 홈페이지에서 점검하는 순서
나누지오의 운영 권장은 방문자가 자주 찾는 페이지 몇 개를 골라 실제로 찾아가 보는 것입니다.
- 최근 활동 소식 한 편, 후원 안내 페이지, 자원봉사 신청 안내, 지난해 연차 보고를 점검 대상으로 고릅니다.
- 각 페이지를 상단 메뉴로 찾아갑니다.
- 같은 페이지를 메뉴를 쓰지 않고 찾아갑니다. 검색창, 사이트맵 페이지, 바닥글의 전체 메뉴 목록, 관련 글 링크 가운데 무엇이 있는지 적습니다.
- 메뉴 말고는 찾을 길이 없는 페이지가 있다면 사이트맵 페이지나 검색 기능 가운데 단체가 꾸준히 관리할 수 있는 쪽을 먼저 검토합니다.
- 사이트맵 페이지를 둔다면 새 메뉴나 게시판을 만들 때 사이트맵도 함께 고치는 순서를 운영 절차에 넣습니다.
- 후원 신청 완료 화면처럼 절차를 거쳐야만 나오는 화면은 이 점검 대상에서 빼도 됩니다.
이 글은 청주·충북 지역 비영리 단체를 포함한 일반적인 홈페이지 점검 방법을 W3C 문서에 따라 정리한 것이며 특정 단체 홈페이지를 진단한 결과가 아닙니다.