서비스 소개
웹 접근성 검사·수정 도우미는 웹사이트 주소를 넣으면 장애인·고령자가 쓰기 어려운 부분을 WCAG 2.1 기준으로 찾아 주는 무료 웹 도구입니다. 다른 검사 도구가 "문제 목록"에서 멈추는 경우가 많다는 점에서 출발해, 이 도구는 문제 → 원인 → 고치는 코드 → 담당자용 작업 지시서 → 수정 전후 점수 비교까지 한 번에 이어지도록 만들었습니다.
이 사이트에 있는 것
- 검사 도구 — 주소를 입력하면 최대 5페이지까지 검사하고, 문제마다 실제 코드 위치와 수정 방법을 보여 줍니다.
- 검사 규칙 사전 — 도구가 확인하는 35개 규칙의 근거·판정 방식·수정 전후 코드를 공개한 문서입니다.
- 접근성 아티클 — 대체 텍스트, 키보드, 색상 대비, 폼, 구조, ARIA, 확대·모션, 표·미디어, 한국 제도, 화면낭독기, 실습까지 11편.
- 실무 가이드 — 자동 검사 이후 사람이 직접 확인해야 할 항목과 팀 안에서 접근성을 운영하는 방법.
검사는 어떻게 이루어지나
- 가져오기 — 입력한 주소의 HTML과 연결된 CSS를 서버가 받아 옵니다. 내부망·사설 주소는 차단하고 공개된 인터넷 주소만 허용합니다.
- 정적 분석 — 직접 만든 가벼운 HTML·CSS 분석기가 문서를 해석하고, 35개 규칙을 하나씩 적용합니다. 색상 대비는 CSS를 해석해 WCAG 공식으로 계산합니다.
- 점수 산출 — 발견된 문제의 심각도(치명적 8점, 높음 4점, 보통 2점, 낮음 1점)에 따라 100점에서 감점합니다. 한 규칙에서 깎는 점수에는 상한이 있습니다.
- 수정안 생성(선택) — 사용자가 "AI 수정안" 버튼을 눌렀을 때만, 발견된 문제 주변의 코드 조각을 AI(Claude API)에 보내 수정 코드와 작업 지시서를 만듭니다.
왜 탐지는 규칙으로, 수정안은 AI로 나눴나
탐지까지 AI에게 맡기면 같은 페이지를 검사해도 결과가 매번 달라져, 이 도구의 핵심인 "고치기 전과 후의 점수 비교"가 의미를 잃습니다. 그래서 어디가 문제인가는 결과가 항상 같은 규칙 엔진이, 어떻게 고치는가는 문맥을 이해하는 AI가 맡습니다. 이 구조 덕분에 AI 키가 없어도 검사 자체는 동작합니다. 규칙 엔진은 256개의 회귀 테스트(정상 코드에서 오탐이 없는지 포함)를 통과한 상태로 배포합니다.
한계 — 이 도구가 하지 못하는 것
- 자동 검사는 접근성 문제의 일부만 잡습니다. 업계에서는 대략 30~40% 수준으로 알려져 있습니다. 대체 텍스트가 이미지 내용을 정말 설명하는지, 키보드 이동 순서가 논리적인지, 화면낭독기로 끝까지 조작되는지는 사람이 확인해야 합니다.
- 서버가 받은 HTML·CSS를 정적으로 분석하므로 자바스크립트가 실행된 뒤 만들어지는 화면은 검사하지 못합니다. 로그인이 필요한 페이지도 검사할 수 없습니다.
- 배경 이미지·그라디언트 위 글자의 대비, 스크립트로 바뀌는 색은 판정하지 않습니다.
- 점수는 이 도구의 자체 기준이며 WCAG·KWCAG 준수 여부나 법적 적합성을 보증하지 않습니다. 법적 준수가 중요하면 전문 인증기관의 심사를 받으세요(한국의 웹 접근성 제도 참고).
- AI가 만든 수정 코드는 초안입니다. 반드시 개발자가 검토하고 실제 화면에서 확인한 뒤 적용하세요.
콘텐츠 작성 원칙
- 아티클은 W3C의 WCAG 2.1 성공기준과 WAI-ARIA 저작 관행을 기준으로 쓰며, 기준 번호와 등급(A·AA·AAA)을 본문에 밝힙니다.
- 제도·법령처럼 바뀔 수 있는 내용은 확정적으로 단정하지 않고 확인해야 할 원문·기관을 안내합니다.
- 코드 예시는 실제로 동작하는 패턴만 싣습니다. 실습 글의 점수와 결과는 이 사이트의 검사 엔진에 실제로 돌려 얻은 값이며, 예시 쇼핑몰은 가상의 페이지입니다.
- 특정 회사·서비스의 접근성 점수를 비교·공개하지 않습니다.
- 오류나 오래된 내용을 발견하면 아래 메일로 알려 주세요. 확인 후 본문을 고치고 갱신 날짜를 남깁니다.
갱신 기록
| 날짜 | 내용 |
|---|---|
| 2026-08-18 | v1.0.0 공개. 규칙 34개 기반 정적 검사, AI 수정안·작업 지시서, PDF 보고서. |
| 2026-09-01 | 접근성 아티클 5편(대체 텍스트·키보드·색상 대비·폼·화면낭독기) 추가. |
| 2026-09-19 | 검사 규칙 사전, 서비스 소개 추가. 아티클 6편(구조·ARIA·확대와 모션·표와 미디어·한국 제도·실습) 추가. 상단 메뉴 신설. 메인 화면의 가상 예시가 실제 사례로 보이던 문구 수정. |
운영과 광고
이 서비스는 개인이 개발·운영하며 무료로 제공합니다. 서버·API 비용을 충당하기 위해 Google AdSense 광고를 게재하거나 게재를 신청할 수 있습니다. 광고는 검사 결과나 수정안의 내용과 무관하게 표시되며, 광고 때문에 검사 규칙이나 점수가 달라지지 않습니다. 쿠키와 광고 관련 안내는 개인정보처리방침에, 이용 조건은 이용약관에 있습니다.
문의
버그 제보, 규칙 제안, 콘텐츠 오류 지적, 기타 문의는 이메일로 받습니다: dkdnj123@gmail.com