List

웹 접근성 기초 : 모두가 쓸 수 있는 홈페이지가 검색에도 강하다

#웹가이드

Web Guide웹 접근성KWCAG접근성 인증

웹 접근성 기초 모두가 쓸 수 있는 홈페이지가 검색에도 강하다

화면 낭독기가 읽기 쉬운 구조는, 검색엔진과 AI가 읽기 쉬운 구조와 거의 같습니다.

웹 접근성은 장애가 있는 사람도 홈페이지를 이용할 수 있게 하는 기준입니다. 공공기관과 일정 규모 이상 사업자에게는 의무이지만, 그 원칙은 모든 홈페이지의 품질을 높입니다.

탭 키 이동과 포커스 표시로 확인하는 키보드 접근성
탭 키 이동과 포커스 표시로 확인하는 키보드 접근성
01

이미지에는 대체 텍스트

이미지의 내용을 설명하는 alt 텍스트는 화면 낭독기가 읽어 주는 문구이자 검색엔진이 이미지를 이해하는 단서입니다. 정보를 담은 이미지는 그 정보를 글로, 글자가 들어간 이미지는 그 글자를 그대로 적고, 장식용 이미지는 빈 alt로 두어 건너뛰게 합니다.

02

키보드만으로 이용 가능하게

마우스 없이 탭 키만으로 메뉴, 링크, 폼, 버튼을 순서대로 이동하고 실행할 수 있어야 합니다. 현재 위치가 어디인지 보이는 포커스 표시도 필요합니다.

대표적 위반
마우스 오버로만 열리는 메뉴, 키보드로 닫을 수 없는 팝업
03

구조와 대비

제목 태그의 위계가 논리적이고, 표에는 머리글이 지정되고, 폼 항목마다 이름표(label)가 연결되어야 합니다. 글자와 배경의 명도 대비는 4.5:1 이상을 지킵니다.

제목 위계 표 머리글 label 연결 대비 4.5:1
이 규칙들은 시각장애인뿐 아니라 밝은 야외에서 스마트폰을 보는 모든 사람을 돕습니다.
명도 대비 기준으로 검증한 본문 색
명도 대비 기준으로 검증한 본문 색
04

인증이 필요한 경우

공공기관, 교육기관, 금융 관련 사이트는 웹 접근성 인증 마크가 사실상 필수입니다. 인증은 오픈 후 추가로 받는 것보다 설계 단계부터 반영하는 것이 비용이 훨씬 적습니다.

한국형 웹 콘텐츠 접근성 지침(KWCAG)에 맞춘 제작과 인증 심사 대응이 가능하니, 계약 시 필요 여부를 알려주세요.
CHECK POINT
□  모든 정보성 이미지에 대체 텍스트가 있는가
□  키보드만으로 모든 메뉴와 폼을 이용할 수 있는가
□  인증이 필요한 사이트라면 설계 단계에서 반영했는가
접근성은 소수를 위한 배려가 아니라, 모든 방문자와 검색엔진을 위한 품질 기준입니다.
설계 단계에서 반영하면 비용은 줄고, 검색 노출은 함께 좋아집니다.
#웹 접근성 #KWCAG #접근성 인증 #대체 텍스트 #키보드 접근성 #명도 대비
목록보기