ARIA 검증기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
HTML 스니펫을 붙여 넣으면 누락된 alt, 비어 있는 인터랙티브 요소, 잘못된 role, 포커스 가능한 요소의 aria-hidden 을 잡아 줍니다.
어떤 문제를 잡아 주나요
<img> 의 alt 누락, aria-label 이 없는 빈 <button>/<a>, href 가 비었거나 "#" 인 앵커, label/id 가 없는 input, 잘못된 role, 포커스 가능한 요소의 aria-hidden="true" 등을 감지합니다.
axe 나 Lighthouse 를 대체하나요
아닙니다. 빠르게 수정할 수 있는 항목을 잡는 사전 점검 도구입니다. 출시 전에는 axe, Lighthouse, 스크린 리더 테스트 같은 본격 감사가 여전히 필요합니다.
이미지의 role="presentation" 은 왜 허용하나요
role="presentation" (과 role="none") 은 암묵적 시맨틱을 제거해 이미지가 장식임을 알립니다. 이 값이거나 alt="" 가 있으면 보조 기술이 이미지를 건너뜁니다.
자주 묻는 질문
- 어떤 문제를 잡아 주나요?
- <img> 의 alt 누락, aria-label 이 없는 빈 <button>/<a>, href 가 비었거나 "#" 인 앵커, label/id 가 없는 input, 잘못된 role, 포커스 가능한 요소의 aria-hidden="true" 등을 감지합니다.
- axe 나 Lighthouse 를 대체하나요?
- 아닙니다. 빠르게 수정할 수 있는 항목을 잡는 사전 점검 도구입니다. 출시 전에는 axe, Lighthouse, 스크린 리더 테스트 같은 본격 감사가 여전히 필요합니다.
- 이미지의 role="presentation" 은 왜 허용하나요?
- role="presentation" (과 role="none") 은 암묵적 시맨틱을 제거해 이미지가 장식임을 알립니다. 이 값이거나 alt="" 가 있으면 보조 기술이 이미지를 건너뜁니다.
- 무엇이라도 업로드되나요?
- 아니요. 검사는 이 페이지의 작은 JavaScript 함수로 처리되며 마크업은 브라우저 밖으로 나가지 않습니다.