Completion 0%

Education > 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-tag block 요소가 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 defined id가 중복으로 선언된 경우 발생
no document type declaration; will parse without validation DOCTYPE이 정의되지 않은 경우 발생
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 name DTD 선언에 문법 오류가 있는 경우
empty start-tag 빈 시작 태그 "<>"
empty end-tag 빈 종료 태그 "</>"
no document type declaration; implying X DOCTYPE이 정의되지 않은 경우 발생
no system id specified DOCTYPE에 공용 식별자(예: "-//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환경에서의 평가와 동일하게 진행함

평가 도구 전체 설치 방법