HTML에서 접근성 문제 찾기
HTML을 붙여넣으면 대체 텍스트 누락, 레이블 없는 입력란 등 WCAG 주요 문제를 찾고 항목별 해결 방법을 알려드려요.
- 기기에서 실행돼요
- 회원가입 불필요
- 한 번 방문하면 오프라인에서도 작동해요
마크업만 검사해요. 스타일시트는 렌더링하지 않으므로 CSS의 색상과 초점 순서는 검사하지 않아요. HTML은 이 탭에만 머물러요.
페이지의 접근성 문제 확인하기 방법
- 페이지의 HTML을 붙여넣거나 예제를 불러오세요.
- 목록을 오류 또는 경고로 필터링하세요.
- 표시된 줄에서 각 문제를 고치세요.
질문
무엇을 검사하나요?
대체 텍스트 누락, 레이블 없는 입력란, 비어 있는 버튼과 링크, 모호한 링크 텍스트, 건너뛴 제목, 셀 머리글이 없는 표, 양수 tabindex, 휴대폰에서 확대를 막는 설정, 제목 없는 iframe, 인라인 스타일의 낮은 명암비, 자막 없는 동영상을 검사해요.
결과가 깨끗하면 완벽한 건가요?
아니요. 검사기는 마크업만 읽어요. 스타일시트의 색상, 화면에서의 초점 순서, 스크린 리더가 읽어 주는 내용은 확인할 수 없어요. 키보드와 스크린 리더로도 직접 테스트해 보세요.
WCAG 수준은 무엇을 뜻하나요?
WCAG 2.2에는 세 가지 수준이 있어요. A는 최소 기준이고, AA는 대부분의 접근성 표준과 법규가 요구하는 수준이며, AAA는 가장 엄격한 수준이에요. 각 문제에는 어긴 기준이 함께 표시돼요.
제 HTML이 어디로 전송되나요?
아니요. 이 탭에서 브라우저가 HTML을 읽으며, 어떤 것도 서버로 전송되지 않아요.
리뷰
아직 리뷰가 없어요. 첫 리뷰를 남겨 보세요.