IT 웹개발/WEB WAS

웹접근성 진단규칙

펌킨고구마 2022. 12. 29. 14:40
728x90
반응형

출처 : http://manual.webwatch.or.kr/manual

 

http://manual.webwatch.or.kr/manual

Watch2.0 설치 환경 1. 기본 요구 사양 하드웨어 : CPU : 팬티엄4, 2.4GHz 이상 메모리 : 4GB 이상 하드디스크 : 500MB 이상(평가 모수가 많은 경우 웹사이트 웹페이지 수에 비례하여 용량 증가 필요) ※ 컴

manual.webwatch.or.kr

 

 

 

 웹접근성 진단규칙

 

자동점검규칙 1. 대체텍스트 제공


점검규칙 1은 이미지 등 텍스트가 아닌 콘텐츠에 대한 대체수단 제공 여부를 점검하기 위한 것입니다.
대상 요소 및 점검 규칙은 다음과 같습니다.

 

  • 규칙 1-1. <img>태그의 alt 속성 제공 여부 - alt 속성의 정확성은 판단하지 않음
    • alt 속성이 없고 longdesc도 제공하지 않으면 불합격
    • alt 속성을 제공하면 합격으로 평가
  • 규칙 1-2. <area>태그의 alt 속성 제공 여부 - alt 속성의 정확성은 판단하지 않음
    • alt 속성이 없고 longdesc도 제공하지 않으면 불합격
  • 규칙 1-3. <input type="image" >태그의 alt 속성 제공 여부 - alt 속성의 정확성은 판단하지 않음
    • alt 속성이 없고 longdesc도 제공하지 않으면 불합격

자동점검규칙 2. 제목제공


점검규칙 2는 웹 페이지와 프레임의 제목 제공 여부를 점검하기 위한 것입니다.

 

  • 규칙 2-1. 웹문서의 <title>태그의 '유효한 값'의 제공 여부
    • 문서에 <title> 태그가 없으면 불합격
    • 문서에 <title> 태그가 있으나 값이 null("")이거나 white space(\n, \r, \t, " " 등)이면 불합격
    ※ 여기서 유효한 값은 공백문자가 아닌 한영문 문자열입니다.
  • 규칙 2-2. <frame>태그의 title 속성 제공 여부 - title 속성의 정확성은 판단하지 않음
    • <frame> 태그에 title 속성 제공 안 하면 불합격
    • <frame> 태그에 title 속성 있으나 값이 null("")이거나 white space(\n, \r, \t, " " 등)이면 불합격
    ※ title 속성이 정확한지에 대한 점검은 반드시 전문가로 하여금 평가해야 합니다.
  • 규칙 2-3. <iframe>태그의 title 속성 제공 여부 - title 속성의 정확성은 판단하지 않음
    • <iframe> 태그에 title 속성 제공 안 하면 불합격
    • <iframe> 태그에 title 속성 있으나 값이 null("")이거나 white space(\n, \r, \t, " " 등)이면 불합격
    ※ title 속성이 정확한지에 대한 점검은 반드시 전문가로 하여금 평가해야 합니다.

 

자동점검규칙 3. 기본언어 명시


점검규칙 3은 웹 페이지에 기본 언어를 정확히 명시하고 있는가를 점검하기 위한 것입니다.

 

  • 규칙 3-1. <html> 태그의 lang 속성 제공 여부
    • <html> 태그에 lang 속성 제공 안하면 불합격
    • lang 속성을 제공하더라도 속성값이 ISO 표준에서 정의한 언어 또는 확장 언어가 아니면 불합격

자동점검규칙 4. 사용자 요구에 따른 새창 열기


점검규칙 4는 사용자가 요구하지 않은 새 창이 열리지 않는가를 점검하기 위한 것입니다.

 

  • 규칙 4-1. <a> 태그를 이용한 새창 열기시에 사전 경고 제공 여부
    • <a> 태그에서 target 없으면 합격
    • <a> 태그에서 target="_blank" 이면 합격
    • <a> 태그에서 target="_self" 이면 합격
    • <a> 태그에서 target="_top" 이면 합격
    • <a> 태그에서 target="_parent" 이면 합격
    • <a> 태그에서 target="프레임명" 이면 합격
    • 이외의 경우에
    • 이외에는 불합격
    • onclick = window.open( ) 과 같은 소스 코드를 사용하는 경우
  • 규칙 4-2. <area> 태그를 이용한 새창 열기시에 사전 경고 제공 여부
    • <area> 태그의 target 없으면 합격
    • <area> 태그의 target="_blank" 이면 합격
    • <area> 태그의 target="_self" 이면 합격
    • <area> 태그의 target="_top" 이면 합격
    • <area> 태그의 target="_parent" 이면 합격
    • <area> 태그의 target="프레임명" 이면 합격
    • 이외의 경우에
    • 이외의 경우는 불합격
    • onclick = window.open( ) 있을 때

자동점검규칙 5. 레이블 제공


점검규칙 5는 서식 제어 요소와 레이블이 서로 적절하게 연결되어 있는가를 점검하기 위한 것입니다.

 

  • 규칙 5-1. <input> 요소에 레이블 제공 여부 - 레이블의 정확성 여부는 판단하지 않음
    • 평가대상
    • 점검방법
    • 평가제외대상
    ※ 레이블 또는 title 속성이 정확한지에 대한 점검은 반드시 전문가로 하여금 평가해야 합니다.
  • 규칙 5-2. <textarea> 요소에 레이블 제공 여부 - 레이블의 정확성 여부는 판단하지 않음
    • <textarea> 태그의 id="..." 속성 값이 label for = "..."로 선언되었으면 합격
    • <textarea> 태그의 title, aria-labelledby 또는 aria-label 속성을 제공하면 합격(id제공시에도 title 우선 적용)
    • <textarea> 태그의 title, aria-labelledby 또는 aria-label 속성을 제공하나 빈 문자열이면 불합격(제공하지 않은 것으로 간주)
    • 이외의 경우 불합격
    ※ 레이블 또는 title 속성이 정확한지에 대한 점검은 반드시 전문가로 하여금 평가해야 합니다.
  • 규칙 5-3. <select> 요소에 레이블 제공 여부 - 레이블의 정확성 여부는 판단하지 않음
    • <select> 태그의 id="..." 속성 값이 label for = "..."로 선언되었으면 합격
    • <select> 태그의 title, aria-labelledby 또는 aria-label 속성을 제공하면 합격(id제공시에도 title 우선 적용)
    • <select> 태그의 title, aria-labelledby 또는 aria-label 속성을 제공하나 빈 문자열이면 불합격(제공하지 않은 것으로 간주)
    • 이외의 경우 불합격
    ※ 레이블 또는 title 속성이 정확한지에 대한 점검은 반드시 전문가로 하여금 평가해야 합니다.

 

자동점검규칙 6. 마크업 오류 방지


점검규칙 6은 마크업 언어의 요소 중 열고 닫음, 중첩 관계, 속성 선언을 문법에 맞게 준수하고 있는가를 점검하기 위한 것입니다.

 

  • 규칙 6-1. ID 중복 선언
    • 한 페이지에서 ID를 동일한 값으로 반복하여 정의하면 오류
  • 규칙 6-2. 속성 이름 선언
    • 동일한 마크업 요소에서 속성 이름을 중복 선언하면 오류
  • 규칙 6-3. 태그 열고 닫음
    • 태그 열고 닫음이 일치하지 않으면 오류
  • 규칙 6-4. 닫는 태그 누락
    • 여는 태그에 대한 닫는 태그가 없으면 오류
  • 규칙 6-5. 여는 태그 누락
    • 닫는 태그에 대한 여는 태그가 없으면 오류
  • 규칙 6-6. 태그의 정확한 중첩 관계
    • 태그의 열고 닫는 순서의 중첩 관계가 엇갈리면 오류

※ 오류 목록(점검 결과)에는 규칙 6-1 (여는 태그와 닫는 태그의 정확한 사용 오류)로 표시됩니다.
이는 W3C Validator 에서도 동일합니다.

Watch 프로그램은 W3C Validator와의 호환성을 위하여 W3C DTD 형식에 따른 태그의 열고 닫음 관계를 확인할 수 있도록 구현하였습니다.
적용하는 DTD 형식은 다음과 같습니다.

DTD 유형선언문HTML4.01 StrictHTML4.01 TransitionalHTML4.01 FramesetXHTML1.0 StrictXHTML1.0 TransitionalXHTML1.0 FramesetXHTML1.1HTML5

http://www.w3.org/TR/html4/strict.dtd">
http://www.w3.org/TR/html4/loose.dtd">
http://www.w3.org/TR/html4/frameset.dtd">
http://www.w3.org/TR/xhtml11/DTD/xhtml1-strict.dtd">
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html>

 

※ Watch 프로그램은 상기 표에 보인 DTD유형 외에도 유사한 DTD유형(XHTML Basic 1.0, XHTML Basic 1.1 등)을 처리할 수 있습니다.
또한 MathML 등과 같은 특수한 DTD 유형은 XML 유형에 준하여 처리됩니다.

 

 

 

 

728x90
반응형
LIST