전자정부 웹사이트 웹 접근성·호환성 수준진단 방법

□ 수준진단 기준

❍ (웹 접근성) 국가표준 「한국형 웹 콘텐츠 접근성 지침 2.1」 24개 검사항목을 2개 전문가 그룹의 교차 수동 평가에 의한 준수도 수준진단
❍ (웹 호환성) 행안부고시 「전자정부서비스 호환성 준수지침」의 진단표에 따라 웹 표준문법(HTML, CS) 및 호환성(기능, 화면표시), 비표준 기술제거 여부에 대한 자동평가 및 전문가 평가에 의한 준수도 수준 진단

 

웹 호환성

□ 수준진단 환경

❍ (웹 접근성)
- (수준진단 도구) 웹 접근성 자동 검사도구*, 정보통신 보조기기(화면 낭독프로그램, 화면확대 SW) 등 활용
 * 자동검사도구 : OpenWax, Web Developer, Gogle Acesibilty 등 활용
- (수준진단 활용 웹브라우저*) 인터넷익스플로러(IE) 버전 1, 크롬
 * 웹브라우저 이용률이 높은 크롬(31.98%), IE1(29.16%) 선정( gs.tatcounter.com(‘18.2월 기준)
❍ (웹 호환성)
- (수준진단 도구) 웹 표준 문법(HTML, CS) 자동 검사도구 활용, 호환성(기능, 화면표시)은 직접 4대 웹브라우저 수동 평가
 * 웹 표준 자동검사도구 : W3C Validator(HTML, CS) 활용 
- (수준진단 대상 웹브라우저) IE1, 크롬, 파이어폭스, 엣지
 * 웹브라우저 이용률 및 레이아웃 엔진이 다른 웹브라우저 선정

 

 

 

1.웹 접근성 검사항목별 수준 진단 방법
□ 검사항목1(적절한 대체 텍스트 제공) : 시각장애인
❍ (준수사항) : 텍스트가 아닌 콘텐츠는 그 의미나 용도를 알 수 있도록 대체 텍스트를 제공해야 한다.
❍ (점검방법) : OpenWax 등 웹페이지에서 이미지에 대한 대체 텍스트 정보를 추출하는 도구를 활용하여 이미지와 대체텍스트가 적절한지 평가

□ 검사항목2(자막제공) : 청각장애인
❍ (준수사항) : 멀티미디어 콘텐츠는 수어, 자막 또는 원고를 제공해야 한다.
❍ (점검방법) : 음성정보를 포함하고 있는 멀티미디어 콘텐츠(영상) 제공 시 동기화된 수어, 자막 또는 원고를 제공하고 있는지 점검

 

□ 검사항목3(색에 무관한 콘텐츠 인식) : 저시력 시각장애인
❍ (준수사항) : 콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
❍ (점검방법) : 크롬 확장 프로그램 고대비(Gogle Acesibilty)를 활용하여 웹페이지 화면을 다양한 화면모드(흑백, 그레이, 고대비 등)로 전환하면서 점검

□ 검사항목4(명확한 지시사항) : 시각장애인
❍ (준수사항) : 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.
❍ (점검방법) : OpenWax를 활용하여 웹페이지에서 명확한 지시사항 정보를 특정 감감 에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공하고 있는지 점검

□ 검사항목5(텍스트 콘텐츠의 명도 대비) : 시각장애인
❍ (준수사항) : 텍스트 콘텐츠와 배경 간의 명도 대비는 4.1대 1 이상이어야 한다.
❍ (점검방법) : 명도대비 점검도구(Color Contrast Analyer)를 활용하여 명도대비가 명확하지 않은 곳을 클릭하여 기준을 준수하고 있는지 점검

 

 

 

□ 검사항목6(자동재생 금지) : 시각장애인

❍ (준수사항) : 자동으로 소리가 재생되지 않아야 한다.
❍ (점검방법) : 웹 페이지에서 자동적으로 재생되는 3초 이상의 배경음 또는 동영상을 제공하고 있는지 점검

□ 검사항목7(콘텐츠 간의 구분) : 지체장애인
❍ (준수사항) : 이웃한 콘텐츠는 구분될 수 있어야 한다.
❍ (점검방법) : 콘텐츠 길이를 측정할 수 있는 점검도구를 활용하여 이웃한 콘텐츠가 테두리, 구분선 등으로 제공하고 있는지 점검

□ 검사항목8 (키보드 사용 보장) : 시각장애인, 지체장애인
❍ (준수사항) : 모든 기능은 키보드만으로 사용할 수 있어야 한다.
❍ (점검방법) : 마우스로 제어할 수 있는 요소를 키보드로 제어할 수 있는지 점검

 

□ 검사항목9 (초점이동) : 지체장애인
❍ (준수사항) : 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
❍ (점검방법) : 키보드 탭(Tab) 키로 이동 시 초점의 이동순서가 논리적으로 일관성 있게 시각적으로 구별할 수 있는지 점검

□ 검사항목10 (조작가능) : 시각장애인, 지체장애인
❍ (준수사항) : 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
❍ (점검방법) : 이웃한 컨트롤들이 개별적으로 선택이 가능하도록 대각선 길이가 6mm 이상의 크기와 여백이 1픽셀 이상 제공 하고 있는지 점검

 

 

 

□ 검사항목11 (응답시간 조절) : 시각장애인, 지체장애인
❍ (준수사항) : 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
❍ (점검방법) : 자동로그아웃 등 일정시간이 자동으로 초과하는 경우 사용자가 시간제한을 변경할 수 있는 기능을 제공하고 있는지 점검

 

□ 검사항목12 (정지 기능 제공) : 시각장애인, 지체장애인
❍ (준수사항) : 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
❍ (점검방법) : 시간에 따라 자동으로 변경되는 콘텐츠에 정지, 이전, 다음 기능을 제공하고 있는지 점검

□ 검사항목13 (깜빡임과 번쩍임 사용 제한) : 지적장애인
❍ (준수사항) : 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.
❍ (점검방법) : 깜빡임 점검도구(Photosensitve epilepsy analysis tol)를 활용하여 깜빡임과 번쩍임을 사용하고 있는지 점검

 

□ 검사항목14 (반복영역 건너뛰기) : 시각장애인, 지체장애인
❍ (준수사항) : 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
❍ (점검방법) : OpenWax 점검도구를 활용하여 웹페이지 방문 시 처음 위치하는 곳에 반복영역(메뉴, 본문)을 제공하고 이동하는지 점검

 

□ 검사항목15 (제목 제공) : 시각장애인
❍ (준수사항) : 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
❍ (점검방법) : OpenWax 점검도구를 활용하여 웹브라우저 페이지 제목 등을 적절하게 제공하고 있는지 점검

 

 

 

□ 검사항목16 (적절한 링크 텍스트 제공) : 시각장애인
❍ (준수사항) : 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.
❍ (점검방법) : OpenWax 점검도구를 활용하여 링크 속성을 갖고 있는 경우에 적절하게 용도나 목적을 이해할 수 있도록 제공하고 있는지 점검

 

□ 검사항목17 (기본 언어 표시) : 웹 표준 관련 항목
❍ (준수사항) : 주로 사용하는 언어를 명시해야 한다.
❍ (점검방법) : OpenWax 점검도구를 활용하여 기본언어 속성을 제공하고 있는지 점검

□ 검사항목18 (사용자 요구에 따른 실행) : 시각장애인
❍ (준수사항) : 사용자가 의도하지 않은 기능(새창)은 실행되지 않아야 한다.
❍ (점검방법) : 웹사이트 점검 시 자동으로 팝업창이 실행되는지 점검

□ 검사항목19 (콘텐츠의 선형구조) : 시각장애인
❍ (준수사항) : 콘텐츠는 논리적인 순서로 제공해야 한다.
❍ (점검방법) : Openway를 활용하여 콘텐츠를 선형화했을 경우 논리적으로 순서로 제공하지 않거나 이해할 수 없도록 제공하고 있는지 점검

 

□ 검사항목 20 (표의 구성) : 시각장애인
❍ (준수사항) : 표는 이해하기 쉽게 구성해야 한다.
❍ (점검방법) : Openwax를 활용하여 표의 요소에서 제목과 요약정보를 적절하게 제공하고 있는지 점검

 

 

 

□ 검사항목 21 (레이블 제공) : 시각장애인
❍ (준수사항) : 입력 서식에는 대응하는 레이블을 제공해야 한다.
❍ (점검방법) : Openwax를 활용하여 레이블 제공 요소에 입력 서식에 대응하는 레이블을 적절하게 제공하고 있는지 점검

 

□ 검사항목 22 (오류 정정) : 시각장애인, 지체장애인
❍ (준수사항) : 입력 오류를 정정할 수 있는 방법을 제공해야 한다.
❍ (점검방법) : 입력 오류 발생 시, 오류 원인을 적절하게 제공하고 있는지, 대체 방법을 제공하고 있지 않는지 점검

□ 검사항목 23 (마크업 오류 방지) : 웹 표준 관련 항목
❍ (준수사항) : 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
❍ (점검방법) : OpenWax를 활용하여 자동 점검한 결과 오류가 발견되었는지 점검

□ 검사항목 24 (웹 애플리케이션 접근성 준수) 
❍ (준수사항) : 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.
❍ (점검방법) : 공인인증서, 본인확인, 프린터 제어판 등 별도 동작하는 웹 애플리케이션이 접근성을 준수하고 있는지 점검

* 함께 보면 좋은 글 *

 

서울시민 '손목닥터 9988' 참여자 신청 (10월 27일 10시 선착순모집, 운동후 페이적립 사용가능)

2023년 LG 트윈스 한국시리즈 우승 기념 29% 이상 할인 받으세요.