접근성 모니터웹 접근성이 뭔가요?
보고, 듣고, 움직이는 방식이 달라도
웹에서 필요한 일을 할 수 있도록 만드는 것이에요.
장애가 있는 사람이 정보를 이해하고, 원하는 곳으로 이동하고, 기능을 사용할 수 있도록 설계하고 개발하는 일이에요. 나이가 들어 작은 글씨가 어려워지거나, 팔을 다쳤거나, 소리를 들을 수 없는 환경에서도 도움이 돼요.
이런 순간을 떠올려 보세요.
이미지가 보이지 않아도, 내용을 알 수 있게
스크린 리더는 화면의 정보를 음성 등으로 전달해요. 의미 있는 이미지에 적절한 대체 텍스트가 있으면 사진이 전하는 정보도 이해할 수 있어요.
마우스 없이도, 원하는 버튼을 누를 수 있게
키보드로 링크와 버튼에 이동하고 기능을 실행할 수 있어야 해요. 지금 선택된 위치도 눈에 보여야 길을 잃지 않아요.
소리가 들리지 않아도, 이야기를 따라갈 수 있게
영상의 말소리와 중요한 소리 정보를 자막으로 전해요. 청각장애가 있는 사람과 소리를 끄고 보는 사람 모두에게 도움이 돼요.
“어서 오세요.”
색을 구분하기 어려워도, 상태를 알 수 있게
오류나 완료 상태를 색 하나로만 표시하지 않아요. 글자와 아이콘을 함께 쓰고, 글자가 배경에서 충분히 구분되도록 해요.
지금, 키보드로 경험해 보세요.
Tab 키로 링크와 버튼에 이동해 보세요. 테두리로 위치를 확인하고, Enter 또는 Space 키로 버튼을 선택할 수 있어요. Shift + Tab은 이전 항목으로 이동해요.
키보드 체험에는 자바스크립트가 필요해요. 이 페이지의 설명과 예시는 계속 읽을 수 있어요. 아래의 자주 묻는 질문도 Tab 키로 이동한 뒤 Enter 또는 Space 키로 열어 보세요.
키보드 체험에는 자바스크립트가 필요해요. 이 페이지의 설명과 예시는 계속 읽을 수 있어요. 아래의 자주 묻는 질문도 Tab 키로 이동한 뒤 Enter 또는 Space 키로 열어 보세요.
우리 검사는 어디까지 해주나요?
자동으로 살펴볼 수 있어요
- 일부 글자와 배경의 명도 대비
- 버튼·입력란에 이름이 있는지
- 일부 이미지의 대체 텍스트 누락
- 페이지 구조의 일부 문제
사람의 확인도 필요해요
- 이미지 설명이 실제 의미에 맞는지
- 키보드로 모든 기능을 쓸 수 있는지
- 자막이 정확하게 전달되는지
- 실제 장애인 사용자가 이용하기 편한지
같은 사이트의 최대 50개 URL의 검사를 시도하고, 안전 기준을 통과한 일부 버튼 후 화면도 살펴봐요. 모든 페이지와 버튼을 확인하는 것은 아니에요. 오류가 발견되지 않아도 모든 접근성 기준을 충족한다는 뜻은 아니에요. 이 서비스는 WA 인증 심사를 대신하거나 인증 통과를 보장하지 않아요.
현재 쓸 수 있는 기능, 검사 전 개인정보 확인, 결과를 24시간 이내에 볼 수 있는 조건은 사용 방법·검사 범위·개인정보와 결과 조회 안내에서 확인해 주세요.
궁금할 수 있는 것들
문제가 많으면 사이트를 전부 다시 만들어야 하나요?
문제마다 달라요. 버튼에 이름을 붙이거나 글자색을 조정하는 작은 수정으로 개선할 수 있는 경우도 있어요. 주요 기능 이용을 막는 문제부터 확인하고, 수정 후 다시 점검해 보세요.
한 번 검사하면 끝인가요?
새 기능, 콘텐츠, 디자인이 추가되면 접근성도 달라질 수 있어요. 제작 과정과 배포 후에 반복해서 살펴보고, 자동 검사와 직접 사용해 보는 확인을 함께 진행해 주세요.
이제 우리 페이지도 살펴볼까요?
웹 접근성 검사하러 가기내용 참고: W3C WAI · 웹 접근성 소개 · 자동 검사 도구의 역할과 한계
처음 접하는 분들을 위해 핵심 내용을 쉬운 말로 정리했어요.