공공기관 홈페이지 제작에서 접근성과 정보 구조는 왜 중요할까요?
공공기관 홈페이지는 일반 기업 홈페이지보다 다양한 사용자가 방문합니다.
일반 시민뿐 아니라
- 일반 시민
- 민원인
- 기업 담당자
- 관계기관 담당자
- 고령자·장애인 등 접근성 지원이 필요한 사용자
- 외국인 이용자
등 사용자 범위가 넓습니다.
그래서 홈페이지를 제작하거나 리뉴얼할 때 이런 고민이 생깁니다.
“메뉴가 많은데 어떻게 정리해야 하나요?”
“웹 접근성은 디자인 단계부터 고려해야 하나요?”
“게시판이 너무 많으면 어떻게 줄여야 하나요?”
“통합검색은 꼭 필요한가요?”
“모바일에서는 어떤 정보를 먼저 보여줘야 하나요?”
공공기관 홈페이지에서 중요한 것은 정보를 많이 제공하는 것이 아닙니다.
누구나 필요한 정보를 찾고, 읽고, 이용할 수 있도록 구조를 만드는 것이 중요합니다.
이번 글에서는 공공기관 홈페이지에서 접근성과 정보 구조를 어떤 기준으로 설계하면 좋은지 실무 기준으로 알아보겠습니다.
1. 먼저 주요 사용자와 이용 목적을 정리하세요
공공기관 홈페이지는 방문자 유형이 다양하기 때문에 사용자별 목적을 먼저 정리하는 것이 좋습니다.
예를 들어
- 민원·신청 정보를 찾는 시민
- 사업 공고를 확인하는 기업
- 채용 정보를 찾는 구직자
- 기관 자료를 확인하는 관계자
- 정책·통계 자료를 찾는 연구자
등이 있을 수 있습니다.
사용자마다 원하는 정보가 다르기 때문에 모든 콘텐츠를 동일한 중요도로 배치하면 원하는 정보를 찾기 어려울 수 있습니다.
따라서 홈페이지를 기획할 때는
“누가 방문하고, 무엇을 가장 많이 찾는가?”를 먼저 정리하는 것이 좋습니다.
2. 기관 조직도보다 사용자 목적 중심으로 메뉴를 구성하세요
내부 부서 구조를 그대로 메뉴로 사용하는 것보다 외부 사용자가 이해하기 쉬운 메뉴가 중요합니다.
기관 내부에서는
- 정책기획실
- 사업지원본부
- 운영관리팀
- 대외협력실
처럼 조직이 구분될 수 있습니다.
하지만 시민 입장에서는 각 부서가 어떤 업무를 담당하는지 알기 어렵습니다.
사용자는 보통
- 민원·신청
- 지원사업
- 사업 공고
- 기관 소개
- 정보 공개
- 자료실
- 채용
처럼 목적을 기준으로 정보를 찾습니다.
따라서 내부 조직보다 사용자가 실제로 찾는 정보와 업무 흐름을 기준으로 메뉴를 구성하는 것이 좋습니다.
3. 정보가 많을수록 메뉴 단계와 역할을 명확하게 나누세요
공공기관 홈페이지는 콘텐츠가 많기 때문에 모든 메뉴를 한 번에 보여주기보다 정보의 역할을 구분해야 합니다.
예를 들어
- 기관 소개
- 사업 안내
- 민원·신청
- 소식·공고
- 정보 공개
- 자료실
처럼 큰 영역을 나누고, 필요한 경우 세부 메뉴를 구성할 수 있습니다.
중요한 것은 메뉴 수 자체가 아니라
- 비슷한 메뉴가 중복되지 않는지
- 사용자가 메뉴명만 보고 내용을 예상할 수 있는지
- 필요한 페이지까지 너무 많은 단계를 거치지 않는지
를 확인하는 것입니다.
정보가 많을수록 메뉴를 늘리기보다 정보의 관계와 우선순위를 명확하게 정리하는 것이 중요합니다.
4. 웹 접근성은 오픈 직전이 아니라 기획·디자인 단계부터 고려하세요
웹 접근성은 개발이 끝난 뒤 별도로 맞추는 작업보다 초기 설계부터 반영하는 것이 좋습니다.
현재 국내 웹 접근성 구축·검수에서는 한국형 웹 콘텐츠 접근성 지침 2.2(KWCAG 2.2)가 주요 기준으로 활용되고 있습니다.
주요 접근성 고려 사항에는 예를 들어
- 이미지 대체 텍스트
- 키보드 사용 가능 여부
- 텍스트와 배경의 명도 대비
- 명확한 링크와 버튼
- 적절한 제목 구조
- 동영상 자막 또는 대체 수단
- 초점 이동과 화면 조작
등이 포함될 수 있습니다.
이를 디자인 완료 후 뒤늦게 수정하면 화면 구조나 기능을 다시 변경해야 하는 경우도 있습니다.
따라서 기획 → 디자인 → 퍼블리싱 → 개발 → 검수 전 과정에서 접근성을 함께 확인하는 것이 좋습니다.
5. 색상이나 이미지에만 의존하지 않도록 구성하세요
정보를 색상이나 시각적인 요소만으로 전달하지 않는 것이 중요합니다.
예를 들어
- 빨간색은 접수 마감
- 파란색은 접수 가능
처럼 색상만으로 상태를 구분하면 일부 사용자는 의미를 정확하게 파악하기 어려울 수 있습니다.
따라서
- 접수 중
- 접수 마감
처럼 텍스트 정보를 함께 제공하는 것이 좋습니다.
아이콘이나 이미지 버튼도 마찬가지입니다.
사용자가 화면을 보는 방식과 관계없이 기능의 의미를 이해할 수 있도록 텍스트·레이블·대체 정보를 함께 제공하는 것이 중요합니다.
6. 통합검색은 정보가 많은 홈페이지에서 중요한 탐색 수단이 될 수 있습니다
공공기관 홈페이지는 메뉴만으로 모든 정보를 찾기 어려울 수 있기 때문에 검색 기능도 중요합니다.
예를 들어 사용자가
- 특정 사업명
- 공고
- 담당 부서
- 지원사업
- 정책 자료
- 첨부파일
등을 검색할 수 있습니다.
사이트 규모가 크다면 검색 결과를
- 웹페이지
- 게시물
- 자료
- 공고
등으로 구분하거나 필터를 제공하는 것도 고려할 수 있습니다.
다만 검색 기능을 만드는 것만으로 해결되는 것은 아닙니다.
검색 결과 제목과 설명이 명확하고, 오래된 정보와 최신 정보를 구분하기 쉬워야 실제 활용도가 높아집니다.
7. 게시판은 많게 만드는 것보다 역할을 분명하게 나누세요
공공기관 홈페이지는 게시판이 계속 늘어나기 쉬운 구조이기 때문에 목적을 명확하게 정하는 것이 좋습니다.
예를 들어
- 공지사항
- 사업 공고
- 채용
- 보도자료
- 자료실
- 입찰
- 행사
등을 운영할 수 있습니다.
하지만 비슷한 성격의 게시판이 너무 많으면 사용자는 어디에서 정보를 찾아야 할지 혼란스러울 수 있습니다.
따라서
- 누가 작성하는지
- 어떤 정보를 올리는지
- 얼마나 자주 운영되는지
를 기준으로 게시판을 정리하는 것이 좋습니다.
콘텐츠가 거의 없는 게시판은 통합하는 것도 검토할 수 있습니다.
8. 모바일에서는 자주 찾는 업무에 빠르게 접근할 수 있어야 합니다
공공기관 홈페이지도 모바일에서 민원, 공고, 위치, 연락처 등을 확인하는 사용자가 많을 수 있습니다.
따라서 모바일에서는
- 민원·신청
- 주요 사업
- 공지·공고
- 검색
- 연락처
- 오시는 길
등 주요 정보에 쉽게 접근할 수 있는지 확인하는 것이 좋습니다.
PC용 표나 복잡한 메뉴를 그대로 축소하면 모바일에서는 사용하기 어려워질 수 있습니다.
특히
- 긴 표
- 다단 메뉴
- 작은 버튼
- 첨부파일 중심의 정보 제공
등은 모바일에서 다시 확인해야 합니다.
반응형 홈페이지는 화면 크기만 줄이는 작업이 아니라 모바일에서 사용자가 무엇을 먼저 해야 하는지 다시 정리하는 과정에 가깝습니다.
9. 첨부파일 중심보다 웹페이지에서 핵심 내용을 확인할 수 있게 하세요
중요한 정보를 첨부파일 안에만 제공하면 사용자가 내용을 확인하기 불편할 수 있습니다.
공공기관 홈페이지에서는
- HWP
- DOCX
- XLSX
등 다양한 파일을 제공하는 경우가 많습니다.
첨부파일 자체가 필요한 경우도 있지만, 공고 제목이나 신청 기간, 대상, 주요 조건처럼 중요한 정보는
가능하면 웹페이지에서도 확인할 수 있도록 구성하는 것이 좋습니다.
예를 들어
- 사업명
- 신청 기간
- 지원 대상
- 주요 내용
- 문의처
를 먼저 보여주고 상세한 서식은 첨부파일로 제공할 수 있습니다.
이렇게 구성하면 모바일 이용자나 보조기술을 사용하는 사용자도 핵심 내용을 더 쉽게 확인할 수 있습니다.
10. 관리자 권한과 운영 구조도 함께 설계해야 합니다
공공기관 홈페이지는 여러 부서가 함께 운영하는 경우가 많기 때문에 관리자 권한 구조가 중요합니다.
예를 들어
홍보 담당자
→ 공지·보도자료
사업 담당자
→ 사업 공고·자료
채용 담당자
→ 채용 공고
전체 관리자
→ 메뉴·권한·전체 콘텐츠
처럼 관리 범위를 나눌 수 있습니다.
또한 필요에 따라
- 게시 승인
- 예약 게시
- 게시 종료
- 첨부파일 관리
- 담당자별 권한
등을 검토할 수 있습니다.
홈페이지를 제작할 때는 화면뿐 아니라 실제로 누가 어떤 정보를 등록하고 관리할 것인지까지 함께 설계하는 것이 좋습니다.
11. 접근성 검수와 운영 점검은 오픈 이후에도 필요합니다
웹 접근성은 홈페이지를 한 번 구축했다고 끝나는 것이 아닙니다.
오픈 이후 새로운
- 배너
- 이미지
- 게시물
- 동영상
- 기능
이 계속 추가될 수 있기 때문입니다.
초기 제작 당시 접근성을 고려했더라도 운영 과정에서 대체 텍스트가 누락되거나 접근하기 어려운 콘텐츠가 새로 등록될 수 있습니다.
따라서 담당자 교육과 운영 기준을 함께 마련하는 것이 좋습니다.
국내 웹 접근성 관련 자료에서는 KWCAG 2.2 기반 콘텐츠 제작기법과 품질인증 표준심사 지침도 제공되고 있어 실제 제작·운영 점검 시 참고할 수 있습니다.
실무 사례: 메뉴와 게시판은 많지만 원하는 정보를 찾기 어려운 공공기관 홈페이지
공공기관 홈페이지를 오래 운영하다 보면 사업이 추가될 때마다 메뉴와 게시판도 계속 늘어나는 경우가 있습니다.
예를 들어
- 사업 안내
- 사업 정보
- 지원 사업
- 정책 사업
- 사업 공고
- 지원 공고
- 공지사항
- 자료실
처럼 비슷한 메뉴가 각각 존재할 수 있습니다.
이 경우 홈페이지를 리뉴얼하면서 단순히 기존 메뉴를 새로운 디자인으로 옮기는 것보다 전체 콘텐츠를 먼저 정리하는 것이 좋습니다.
각 메뉴와 페이지를
- 유지
- 통합
- 이동
- 삭제
로 구분한 뒤 사용자의 목적을 기준으로 다시 구성합니다.
예를 들어
사업 안내
→ 기관이 수행하는 주요 사업
지원사업
→ 사용자가 신청할 수 있는 사업
공고
→ 현재 모집·입찰·채용 정보
자료실
→ 보고서·서식·정책 자료
처럼 역할을 명확하게 나눌 수 있습니다.
공공기관 홈페이지는 제공해야 할 정보가 많은 만큼, 사용자가 각 정보의 위치와 역할을 쉽게 이해할 수 있도록 정리하는 것도 중요합니다.
CLEF TIP
공공기관 홈페이지를 리뉴얼한다면 먼저 전체 메뉴와 콘텐츠를 엑셀로 정리해보세요.
그리고 각 항목마다 다음 질문을 확인합니다.
- 누가 사용하는 정보인가?
- 현재도 필요한 정보인가?
- 다른 메뉴와 중복되지 않는가?
- 웹페이지에서 직접 제공해야 하는 정보인가?
- 첨부파일이 꼭 필요한가?
- 어느 부서가 관리하는가?
이 기준만 정리해도 정보 구조와 관리자 권한을 설계하기 훨씬 쉬워집니다.
공공기관 홈페이지 제작 체크리스트
- 주요 사용자와 이용 목적을 정리했는가?
- 내부 조직보다 사용자 목적 중심으로 메뉴를 구성했는가?
- 비슷하거나 중복된 메뉴를 정리했는가?
- 웹 접근성을 기획·디자인 단계부터 고려했는가?
- 색상이나 이미지에만 의존해 정보를 전달하지 않는가?
- 필요한 정보를 검색으로 쉽게 찾을 수 있는가?
- 게시판별 역할과 운영 기준이 명확한가?
- 모바일에서 주요 민원·공고·검색 기능을 이용하기 쉬운가?
- 중요한 내용을 첨부파일에서만 제공하고 있지 않은가?
- 담당 부서별 관리자 권한을 적절하게 구분했는가?
- 오픈 이후에도 접근성 기준을 지속적으로 관리할 수 있는가?
FAQ
Q1. 공공기관 홈페이지는 반드시 웹 접근성을 고려해야 하나요?
공공기관처럼 다양한 국민이 이용하는 홈페이지에서는 웹 접근성을 중요한 기본 요건으로 고려하는 것이 좋습니다.
실제 구축 사업에서는 관련 법령, 기관 요구사항, 사업 지침, KWCAG 등 적용 기준을 확인해 프로젝트 범위를 정하는 것이 필요합니다.
Q2. 웹 접근성은 디자인을 완료한 뒤 개발 단계에서 맞춰도 되나요?
개발 단계에서 보완할 수 있는 항목도 있지만, 접근성을 뒤늦게 적용하는 방식은 권장하지 않습니다.
색상 대비, 메뉴 구조, 버튼 표현, 콘텐츠 배치처럼 디자인 단계에서 결정되는 요소가 많기 때문에 초기부터 함께 고려하는 것이 효율적입니다.
Q3. 웹 접근성 인증을 받으면 이후에는 관리하지 않아도 되나요?
그렇지 않습니다.
운영 중 새로운 콘텐츠와 기능이 추가되면서 접근성 문제가 다시 발생할 수 있기 때문에 지속적인 관리가 필요합니다.
Q4. 공공기관 홈페이지에는 통합검색이 반드시 필요한가요?
사이트 규모와 정보량에 따라 다릅니다.
페이지와 게시물이 많은 홈페이지라면 메뉴만으로 정보를 찾기 어려울 수 있으므로 통합검색이 중요한 탐색 기능이 될 수 있습니다.
Q5. PDF나 HWP 파일을 홈페이지에서 사용하면 안 되나요?
그렇지는 않습니다.
필요한 첨부파일을 제공할 수 있지만 사용자가 알아야 하는 핵심 내용을 웹페이지에서도 확인할 수 있도록 구성하는 것이 좋습니다.
Q6. 홈페이지 메뉴를 기관 조직도와 동일하게 만들어도 되나요?
일부 조직 정보에는 사용할 수 있지만 주요 메뉴 전체를 조직도 중심으로 구성하는 것은 신중하게 검토하는 것이 좋습니다.
외부 사용자는 기관 내부 조직보다 자신이 원하는 업무와 정보를 기준으로 홈페이지를 이용하는 경우가 많기 때문입니다.
Q7. 웹 접근성을 적용하면 디자인 자유도가 많이 떨어지나요?
반드시 그렇지는 않습니다.
색상 대비, 명확한 구조, 키보드 접근, 대체 텍스트 등 접근성 기준을 초기부터 고려하면 디자인과 사용성을 함께 구성할 수 있습니다.
접근성을 디자인 이후의 제약이 아니라 누구나 사용할 수 있는 인터페이스를 만드는 기준으로 보는 것이 좋습니다.
결론
공공기관 홈페이지는 정보의 양보다 누구나 필요한 정보를 쉽게 찾고 이용할 수 있는가가 중요합니다.
이를 위해
사용자 분석
→ 정보 구조
→ 웹 접근성
→ 검색
→ 게시판
→ 모바일
→ 관리자 운영
을 함께 고려하는 것이 좋습니다.
특히 접근성은 오픈 직전 검수 단계에서만 확인하는 항목이 아니라 기획과 디자인부터 운영까지 지속적으로 관리해야 하는 요소입니다.
그리고 정보가 많을수록 메뉴와 게시판을 계속 추가하기보다 각각의 역할을 명확하게 정리해야 합니다.
결국 좋은 공공기관 홈페이지는 가장 많은 정보를 보여주는 홈페이지가 아니라
다양한 사용자가 자신의 상황과 환경에 관계없이 필요한 정보를 찾고 이용할 수 있는 홈페이지에 가깝습니다.
함께 읽으면 좋은 WEB INSIGHT
PC와 모바일에서 정보 접근성을 어떻게 고려해야 하는지 확인할 수 있습니다.
#008 홈페이지 기획이 중요한 이유, 디자인 전에 무엇을 결정해야 할까요?
정보 구조와 메뉴를 디자인 전에 정리해야 하는 이유를 확인할 수 있습니다.
#017 홈페이지 관리자 페이지는 어디까지 만들어야 할까요?
여러 담당자가 홈페이지를 운영할 때 필요한 관리자 구조를 살펴볼 수 있습니다.
#029 기업 홈페이지 SEO에서 이미지 최적화와 ALT 태그는 왜 중요할까요?
이미지 ALT와 대체 정보가 왜 필요한지 확인할 수 있습니다.
#043 기업 홈페이지 메뉴 구조는 SEO와 사용자 경험에 어떤 영향을 줄까요?
정보량이 많은 홈페이지에서 메뉴와 사용자 동선을 설계하는 방법을 확인할 수 있습니다.
관련 클리프 웹 서비스
공공기관·기관 홈페이지는 많은 정보를 단순히 배치하는 것보다 사용자 목적, 정보 구조, 접근성, 운영 환경을 함께 고려하는 것이 중요합니다.
클리프의 다양한 기업·기관 홈페이지 제작 및 리뉴얼 사례는 포트폴리오에서 확인할 수 있습니다.
다음 글
#049 검색엔진 크롤링은 무엇이고 기업 홈페이지 SEO에서 왜 중요할까요?
홈페이지를 만들었다고 해서 검색엔진이 모든 페이지를 바로 확인하는 것은 아닙니다.
검색엔진은 사이트 안의 링크와 Sitemap 등을 통해 페이지를 발견하고 정보를 수집합니다.
다음 글에서는 검색엔진 크롤링이 무엇인지, robots.txt·Sitemap·내부 링크·HTTP 상태 코드와 어떤 관계가 있는지 기업 담당자가 이해하기 쉽게 알아보겠습니다