현재 페이지 위치

Home> 나눔> 웹접근성 가이드> PC/모바일 웹 접근성 체크리스트

PC/모바일 웹 접근성 체크리스트

체크리스트 보기

2.2.1 W3C Validation을 통과하는가?

장애 유형

장애 유형
비장애
오류 설명
브라우저가 잘못해석하여 레이아웃이 깨지거나 동작을 하지 않는 등의 문제를 최소한으로 방지하여 모든 사용자 환경에서 동일한 형태의 웹 콘텐츠를 제공하기 위함.

오류 유형

W3C Validation 오류

오류 예시
검사대상 페이지와 페이지 내에 포함된 아이프레임에 오류 발견되어 N-WAX의 2.2.1 W3C Validation 항목의 셀이 빨간색으로 표시됨
참고 이미지
해결 방법
각 항목을 선택하였을 때 표시되는 오류 내용을 확인하여 수정
통과 예시
W3C Validation 항목의 셀이 하얀색으로 표시되며 오류 갯수가 0으로 나옴
참고 이미지

모바일 환경에서 W3C Validation 오류

오류 예시
모바일 환경에서 검사대상 페이지에 오류가 발견되어 N-WAX의 2.2.1 W3C Validation 항목의 셀이 빨간색으로 표시됨
참고 이미지
해결 방법
각 항목을 선택하였을 때 표시되는 오류 내용을 확인하여 수정

주의 사항

W3C Validation 오류 중 다음과 같은 패턴의 오류를 반드시 수정해야 한다.

W3C Validation 오류 중 지표 2.2.1에 위배되는 오류 목록
오류 패턴설명
unterminated comment: found end of entity inside comment주석이 '-->'로 제대로 종료되지 않은 경우 발생하는 오류
literal is missing closing delimiter(쌍)따옴표를 닫지 않았을 때 발생하는 오류
unknown declaration type X잘못된 코멘트 문법을 사용한 경우 발생하는 오류 (예: <!invalid comment>)
document type does not allow element X here; missing one of Y start-tagblock 요소가 inline 요소 안에 삽입된 경우 발생
end tag for X omitted, but its declaration does not permit this닫기 태그가 누락된 경우, 태그 내에 사용할 수 없는 태그가 사용된 경우 발생
end tag for X which is not finished닫기 태그가 제공되었으나 중첩 관계가 잘못 구성된 경우(예: <p><em>…</p></em>
end tag for element X which is not open열리지 않은 요소에 닫기 태그가 사용된 경우 발생
an attribute value must be a literal unless it contains only name characters"name character" 이외의 문자가 애트리뷰트에 지정되었는데 (쌍)따옴표로 값을 감싸지 않은 경우 발생
an attribute value literal can occur in an attribute specification list only after a VI delimiter애트리뷰트와 값 사이에 "=" 식별자가 누락된 경우 발생
duplicate specification of attribute X애트리뷰트가 중복 정의 되었을 때 발생
normalized length of attribute value literal must not exceed LITLEN (X); length was Y(쌍)따옴표를 닫지 않았을 때 발생하는 오류
syntax of attribute value does not conform to declared value특정값을 요구하는 애트리뷰트에 잘못된 값을 선언하는 경우 발생 (예: selected="true")
value of attribute X must be a single token공백이 허용되지 않은 애트리뷰트에 공백이 포함된 경우 발생
value of attribute Y cannot be X; must be one of Z특정값을 요구하는 애트리뷰트에 잘못된 값을 선언하는 경우 발생 (예: selected="true")
invalid comment declaration: found character X outside comment but inside comment declaration주석이 '-->'로 제대로 종료되지 않은 경우 발생하는 오류
ID X already definedid가 중복으로 선언된 경우 발생
no document type declaration; will parse without validationDOCTYPE이 정의되지 않은 경우 발생
unclosed start-tag requires SHORTTAG YES"<foo<bar>" 같은 형태의 문법 오류
unclosed end-tag requires SHORTTAG YES"</foo<bar>" 같은 형태의 문법 오류
DTD did not contain element declaration for document type nameDTD 선언에 문법 오류가 있는 경우
empty start-tag빈 시작 태그 "<>"
empty end-tag빈 종료 태그 "</>"
no document type declaration; implying XDOCTYPE이 정의되지 않은 경우 발생
no system id specifiedDOCTYPE에 공용 식별자(예: "-//W3C//DTD XHTML 1.0 Strict//EN")는 정의되었으나 시스템 식별자(예:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd")는 정의되지 않은 경우
S separator in comment declaration연속적으로 주석이 사용되었는데 그 중 하나가 닫히지 않은 경우

평가 방법

W3C Validation 오류 유무 확인

평가 도구
N-WAX
평가 방법
'2.2.1 W3C Validation' 항목을 확인하면 2.2.1에 위배되는 오류만 표시됨.
[Case.1] 오류가 없는 경우, 셀이 하얀색으로 표시되며 Error 갯수가 0으로 나옴
[Case.2] 오류가 있는 경우, 셀이 빨간색으로 표시되며 Error 갯수가 1이상으로 나옴

Validation 오류 내용 확인

평가 도구
N-WAX
평가 방법
오류가 있는 항목을 클릭하면 상세 오류 내용이 토글됨
참고 이미지

모바일 환경의 W3C Validation 오류 유무 확인

평가 도구
User Agent Switcher(파이어폭스 부가기능), N-WAX
평가 방법
Firefox 도구 메뉴 User Agent Switcher 의 Defalut User Agent 설정으로 원하는 모바일 기기 환경을 선택한 후, N-WAX를 활용하여 PC환경에서의 평가와 동일하게 진행함

평가 도구 전체 설치 방법