정보통신접근성 및 웹 표준 준수 가이드 안내

출처: https://blog.naver.com/ntower/221329567035

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

 

□ 수준진단 기준

❍ (웹 접근성) 국가표준 「한국형 웹 콘텐츠 접근성 지침 2.1」 24개 검사항목을 2개 전문가 그룹의 교차 수동 평가에 의한 준수도 수준진단

❍ (웹 호환성) 행안부고시 「전자정부서비스 호환성 준수지침」의 진단표에 따라 웹 표준문법(HTML, CSS) 및 호환성(기능, 화면표시), 비표준 기술제거 여부에 대한 자동평가 및 전문가 평가에 의한 준수도 수준 진단

 

□ 수준진단 환경

❍ (웹 접근성)
- (수준진단 도구) 웹 접근성 자동 검사도구*, 정보통신 보조기기(화면낭독프로그램, 화면확대SW) 등 활용
 * 자동검사도구 : OpenWax, Web Developer, Google Accessibility 등 활용

- (수준진단 활용 웹브라우저*) 인터넷익스플로러(IE) 버전 11, 크롬
 * 웹브라우저 이용률이 높은 크롬(31.98%), IE11(29.16%) 선정( gs.statcounter.com(‘18.2월 기준)

 

❍ (웹 호환성)
- (수준진단 도구) 웹 표준 문법(HTML, CSS) 자동 검사도구 활용, 호환성
(기능, 화면표시)은 직접 4대 웹브라우저 수동 평가
 * 웹 표준 자동검사도구 : W3C Validator(HTML, CSS) 활용
- (수준진단 대상 웹브라우저) IE11, 크롬, 파이어폭스, 엣지
 * 웹브라우저 이용률 및 레이아웃 엔진이 다른 웹브라우저 선정

 

붙임1> 웹 접근성 검사항목별 수준 진단 방법
붙임2> 웹 접근성 검사항목별 수준 진단 평가도구 설명

 

2. 2018년 행정·공공기관 웹사이트 수준진단 설명회 자료집

 

❍ 웹 호환성

 다양한 웹브라우저에서 웹사이트를 동등하게 이용할 수 있는 것

 

❍ 웹 표준
 웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 것

 

❍ 웹 접근성
 어떠한 사용자(장애인, 노인 등), 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것

 

☞첨부파일 :

- 전자정부웹사이트웹접근성및호환성수준진단방법소개(뉴딜코리아)

- 행정공공기관웹사이트수준진단설명회자료집(2018)

   (대용량파일 링크 : https://cafe.naver.com/rapid7/3263)

- 한국형웹콘텐츠접근성지침2.1

 

 

 

정보통신접근성 및 웹 표준 준수 가이드 안내

• 출처: 정보통신접근성 및 웹 표준 준수 가이드 안내 < 행정 < 서울특별시 (seoul.go.kr)

담당부서홍보기획관콘텐츠담당관문의02-2133-6507수정일2024.05.14

정보통신접근성 준수 지침

• 누 리 집 : 한국형 웹 콘텐츠 접근성 지침 2.1 (국립전파연구원, '15.3.31.) [PDF 다운로드] 바로보기 바로듣기
•  
• 모바일앱: 모바일 애플리케이션 접근성 지침 2.0 (국립전파연구원, '16.10.20.) [PDF 다운로드] 바로보기 바로듣기

한국형 웹 콘텐츠 접근성 지침 2.1.pdf

0.24MB

모바일 애플리케이션 접근성 지침 2.0.pdf

4.30MB

정보통신접근성(웹 콘텐츠 및 모바일앱) 제작기법- 과학기술정보통신부(한국지능정보화진흥원) 웹접근성 품질마크 인증 기준 및 모바일 앱 접근성 지침에 맞게 구축 

• 누 리 집 : 웹 콘텐츠 접근성 제작기법(웹 콘텐츠 접근성 제작기법2.1) 바로보기 바로듣기
• 모바일앱 : 모바일 앱 접근성 제작기법(IOS 바로보기 바로듣기, Android 바로보기 바로듣기)

웹표준 및 호환성 준수 지침

• 전자정부 웹사이트 품질관리 지침(행정안전부, '24.4.12.) [지침 다운로드] 바로보기 바로듣기

전자정부 웹사이트 품질관리 지침.hwpx

0.12MB

 

 

전자정부 웹사이트 품질관리 지침(행정안전부, '24.4.12.).pdf

0.35MB

 

 

웹 표준 및 호환성 준수 검사방법

- 웹표준 문법 준수

• 표준 (x)HTML 문법 준수 여부,표준 CSS 문법 준수 여부
  W3C Markup Validation (http://validator.w3.org/)문법검사 통과
  W3C CSS Validation (http://jigsaw.w3.org/css-validator)문법검사 통과
• 문자(한글)부호화 준수, 제어 기능의 표준 준수, 비표준 기술제거

- 웹호환성 확보

• • 3종 이상(Chrome, Edge, Whale 등)에서 기능 호환성 확보, 화면표시 호환성 확보

- 모바일 웹 호환성 확보

• • 2종(Android, IOS) 운영체제 기본 설치 브라우저에서 PC 기능과의 차이, 화면과의 표시 차이를 검사

 

[누리집 사업완료 오픈 심의시 증빙서류 제출]

- 신규 또는 개편 누리집 오픈 시(최소 15일 전) 제출

1.웹접근성 증빙서류

웹접근성 자체점검표 : 웹접근성 진단 체크리스트 결과서 [웹접근성 수준진단 자체점검표 바로보기 바로듣기]

웹접근성 진단 체크리스트 결과서.ppt

9.80MB

또는 웹접근성 품질마크 인증서 : 과학기술정보통신부에서 지정한 인증기관에서 품질마크 획득 [웹접근성 품질마크 안내]
※ 유효기간은 인증일로부터 1년이며, 매 1년단위로 갱신 필요

 

2.웹호환성 증빙서류

웹 표준(HTML, CSS) 및 웹 호환성( 크로스브라우징 지원) 진단 체크리스트
[웹표준 및 호환성 점검 체크리스트 바로보기 바로듣기]

[웹표준 및 호환성 점검 체크리스트.xlsx

0.03MB

 

HTML Validation : http://validator.w3.org 문법검사 통과
CSS Validation : http://jigsaw.w3.org/css-validator 문법검사 통과