단체 홈페이지에서 같은 기능을 하는 버튼과 메뉴는 페이지가 바뀌어도 같은 방식으로 이름을 붙여야 방문자가 알아보기 쉽습니다. W3C 기준이 말하는 범위와 단체 홈페이지에서 이름을 맞추는 순서를 정리했습니다.
단체 홈페이지에서 같은 기능을 하는 버튼과 메뉴는 페이지가 바뀌어도 같은 방식으로 이름을 붙여야 방문자가 알아보기 쉽습니다. 머리글의 후원 버튼이 첫 화면에서는 '후원하기', 활동 소식 페이지에서는 '함께하기', 행사 페이지에서는 '참여'로 보이면 방문자는 세 버튼이 같은 곳으로 가는지 다시 확인해야 합니다.
어떤 구성 요소가 이 기준에 해당할까요
W3C 웹 콘텐츠 접근성 지침(WCAG) 2.2의 성공 기준 3.2.4는 웹페이지 묶음 안에서 같은 기능을 하는 구성 요소를 일관되게 식별하도록 정합니다. W3C의 성공 기준 3.2.4 해설은 이 기준이 여러 페이지에 반복해서 나타나고 같은 기능을 하는 구성 요소에 적용된다고 설명합니다. 전체 메뉴 링크, 검색 기능, 계정 관련 버튼, 바닥글 링크처럼 방문자가 되풀이해 만나는 요소가 대표적입니다.
해설은 범위의 경계도 함께 짚습니다. 바닥글의 '문의하기' 링크와 정책 페이지 본문 속 '지원팀에 문의하기' 링크는 둘 다 연락하는 기능이지만, 방문자가 같은 요소의 반복으로 여기기 어렵기 때문에 이 기준이 같은 이름을 요구하지는 않는다고 설명합니다. 반대로 기능이 다르다면 모양이나 이름이 비슷해도 같게 맞출 대상이 아닙니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
같은 글자가 아니어도 같은 기능임을 알아볼 수 있어야 합니다
해설에 따르면 일관된 식별이 언제나 똑같은 글자를 뜻하지는 않습니다. 화면에 보이는 이름, 화면 낭독 프로그램이 읽는 이름, 대체 텍스트, 아이콘 등으로 식별할 수 있고, 방문자가 같은 기능임을 확실히 알아볼 수 있으면 맥락에 맞게 달라져도 됩니다. 해설의 예에서 넓은 화면에서는 '검색'이라는 글자로 보이는 버튼이 휴대폰 화면에서는 돋보기 아이콘으로 바뀌어도, 아이콘의 접근 가능한 이름이 '검색'이라면 같은 기능으로 알아볼 수 있습니다. 같은 해설은 같은 기능에 같은 이름을 쓰는 편이 대체로 알아보기 쉽다며 권장합니다.
화면 낭독 프로그램 사용자는 익숙한 버튼 이름을 듣고 사이트를 오가는 경우가 많고, 인지 장애가 있는 사람은 눈에 익은 표시로 기능을 알아본다는 설명도 있습니다. 같은 기능의 이름이 페이지마다 다르면 방문자는 서로 다른 기능이라고 잘못 짐작하거나, 같은 기능인지 확인하는 데 시간을 더 쓰게 됩니다.
단체 홈페이지에서 이름을 맞추는 순서
나누지오의 운영 권장은 반복되는 요소의 이름표부터 만드는 것입니다. 머리글의 후원 버튼, 자원활동 신청 버튼, 검색, 자료실 메뉴, 바닥글 연락처 링크처럼 여러 페이지에 되풀이되는 요소를 적고, 각 요소의 화면 글자와 화면 낭독 프로그램이 읽는 이름을 한 줄에 함께 기록합니다. 그다음 페이지마다 실제 표시를 대조해 다른 이름이 보이면 이름표에 맞춰 고칩니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
캠페인 페이지를 새로 만들 때 문구를 바꾸고 싶다면 본문 안의 안내 문장에서 표현을 다양하게 쓰고, 머리글이나 바닥글처럼 반복되는 버튼은 이름표의 이름을 그대로 쓰는 편이 안전합니다. 담당자가 바뀌어도 이름표를 함께 넘기면 같은 기준을 이어 갈 수 있습니다. 청주·충북 지역 단체를 포함한 일반적인 홈페이지 운영 점검이며 특정 단체 홈페이지에 대한 진단 결과는 아닙니다.