웹 접근성 준비 가이드: 기획부터 운영까지

접근성은 개발이 끝난 뒤 점검표로 확인하는 항목으로 여겨지기 쉽습니다. 그러나 화면 구성과 콘텐츠가 정해진 뒤에 고치면 바꿔야 할 곳이 많아집니다. 누가 어떤 환경에서 서비스를 쓰는지 기획 단계에서 정리하면, 디자인과 개발이 같은 기준으로 움직일 수 있습니다.

01. 이용 환경을 먼저 넓게 그립니다

마우스 대신 키보드로만 이동하는 사람, 화면 낭독 프로그램으로 내용을 듣는 사람, 글자를 크게 키워 보는 사람, 밝은 야외에서 휴대폰으로 보는 사람까지 실제 이용 상황을 함께 떠올립니다. 고령자, 다치거나 짐을 들어 잠시 손을 쓰기 어려운 사람도 함께 떠올립니다.

사업 요구사항이나 발주 기관의 기준에 접근성 항목이 포함되어 있는지 초기에 확인합니다. 적용할 기준과 검수 방식이 정해지면 이후 단계의 작업 범위도 분명해집니다.

정리할 항목

제목의 단계, 목록과 표의 구조, 링크 문구가 화면을 보지 않고도 이해되도록 정리합니다. ‘자세히 보기’처럼 같은 문구가 반복되면, 화면 낭독으로 들을 때 어디로 가는 링크인지 알기 어렵습니다.

정보를 담은 이미지는 대체 텍스트로 내용을 설명하고, 꾸밈용 이미지는 화면 낭독 프로그램이 건너뛰도록 처리합니다. 내려받는 문서와 영상처럼 본문과 따로 제공하는 자료도 내용을 확인할 방법을 함께 준비합니다.

정리할 항목

글자와 배경의 대비, 글자 크기와 줄 간격, 누르기 쉬운 버튼 크기를 디자인 기준에 넣습니다. 오류나 필수 항목처럼 중요한 정보는 색으로만 구분하지 않고 문구나 기호를 함께 씁니다.

키보드로 이동할 때 현재 위치를 보여 주는 포커스 표시도 디자인 대상입니다. 기본 표시를 없애고 대신할 표시를 두지 않으면 키보드 사용자는 자신이 어디에 있는지 알 수 없으므로, 서비스에 어울리는 표시 방식을 처음부터 정합니다.

자동 검사 도구는 대체 텍스트 누락이나 대비 부족처럼 규칙으로 찾을 수 있는 문제를 빠르게 알려 줍니다. 다만 대체 텍스트가 내용에 맞는지, 이동 순서가 자연스러운지는 사람이 직접 확인해야 합니다.

키보드만으로 핵심 흐름을 끝까지 진행해 보고, 화면 낭독 프로그램으로 주요 페이지를 들어 봅니다. 브라우저와 기기별 차이, 화면 확대, 모바일 환경도 검수 범위에 넣습니다.

정리할 항목

오픈할 때 기준을 지켰더라도, 새 게시물과 이미지가 쌓이면서 접근성은 다시 낮아질 수 있습니다. 콘텐츠 담당자가 대체 텍스트와 제목 구조를 입력할 수 있도록 관리 화면과 등록 안내를 준비합니다.

기능을 더하거나 디자인을 바꿀 때 확인할 항목을 정기 점검에 포함합니다. 이용자가 불편을 알릴 수 있는 연락 경로를 두고, 접수된 의견을 개선 과제로 관리합니다.

CONVERSATION STARTER

아래 내용을 정리해 두면 초기 논의의 범위를 더 빠르게 맞출 수 있습니다. 모두 준비되어 있지 않아도 현재 상황부터 이야기할 수 있습니다.

KPS 프로젝트 가이드 · 구체적인 기술 구성과 적용 조건은 요구사항에 따라 달라집니다.