문서번호	정보시스템담당관-2775
결재일자	2017.2.28.
공개여부	부분공개(5)
방침번호

				시 민
주무관	행정정보기획팀장	정보시스템담당관		정보기획관
이운심	김기항	고경희		02/28 최영훈
협 조	주무관		이창한
	주무관		김윤수

행정포털 웹표준 ․ 웹접근성 개선 계획

2017. 2.

정 보 기 획 관

(정보시스템담당관)

☞ 해당사항이 있는 부분에 ‘ ■ ’ 표시하시기 바랍니다. (※ 비고 : 필요시 검토내용 기재)
구 분	사전 검토항목 점검 사항	검토완료	해당없음	비 고
시민 참여	● 시민 의견 반영 및 사업 참여 방안을 검토하였습니까? 예) 청책토론회, 설문조사, 시민공모 등	□	■
전문가 자문	● 관련 전문가 의견을 반영하였습니까? 예) 자문위원회 개최, 타당성 검토, T/F 운영 등	□	■
갈 등	● 이해 당사자 간 갈등발생 가능성을 검토하였습니까? 예) 주택가 공공주차장 조성, 택시 불법영업 단속 등	□	■
사회적 약자 배려	● 사회적 약자에 대한 배려를 검토하였습니까? 예) 아동, 장애인, 한부모 가정 등	■	□
성인지	● 성별분리통계 작성여부를 검토하였습니까? 예) 인적통계 남·여 구분, 수혜집단의 남·여 구분 등	□	■
일자리	● 일자리 창출 효과 및 일자리 수를 검토하였습니까? 예) 직·간접 채용, 취업알선, 전문인력양성, 창업지원 등	□	■
선거법	● 공직선거법에 저촉 여부를 검토하였습니까? 예) 홍보물 배포, 표창수여, 경품지급, 기부행위 등	□	■
안전	● 시민 안전 위험요인과 안전대책을 검토하였습니까? 예) 장소·시설물 점검, 안전관리 인력확보 등	□	■
타 기관	● 타 기관 협의·협력(타 자원 활용 등)을 하였습니까? 예) 중앙부처, 타 지자체, 투자·출연기관, 민간단체 등	□	■
홍 보	● 사업 홍보 방안을 검토하였습니까? 예) 보도자료, 기자 설명회, 현장 설명회 등	□	■
정 책 영문화	● 정책 영문화 및 해외홍보 방안을 검토하였습니까? 예) 영문 제목‧요약, 해외 언론 보도, 외국어 홈페이지 등	□	■
바른 우리말	● 서울시 행정 순화어 목록을 확인하였습니까? 예) 별첨, 첨부 ⇒ 붙임, 가이드라인 ⇒ 지침 등	■	□
결재문서공개	● 공개 여부를 “비공개”로 설정했다면 법적근거를 명확히 검토하였습니까? 예) 정보공개법 제9조 제1항 제1호~제8호	■	□

행정포털 웹표준 ․ 웹접근성 개선 계획

행정포털의 웹표준․웹접근성 준수 및 소스코드 정비를 통한 접근 편의성을 증대하고 효율적으로 운영하고자 함

Ⅰ		추진 근거 및 경과

□ 추진근거

□ 전자정부서비스 호환성 준수지침(행정자치부, 2016.6.)

□ 한국형 웹 콘텐츠 접근성 지침 2.1(미래창조과학부, 2015.5.)

□ 웹접근성 향상을 위한 국가표준 기술 가이드라인(행정자치부, 2009.3.)

□ 소프트웨어 개발보안 가이드(행정자치부, 2017.1.)

□ 추진경과

□ 행정포털 운영 현황 및 개선 계획 (2016.6.14.)

- 미국 공공기관 웹 표준 디자인 가이드 적용 시안 보고

Ⅱ		행정포털 현황

************************

**	**	**
*******	*********	****************
***********	*************	**********************
****	***********************
********	*****************

*

********************************************************************

*****************

********************

****************************

*******

***********************************************

*****************************

******************

**************************

*******

******************************

**********************************************

******************

*********************************

*****************************************************************

**********************************

Ⅲ		사업 개요

******************************

********************

***************************

*****************************

***************************************************************

Ⅳ		추진 방향

Ⅴ		사업 내용

□ 추진내용

□ 웹 표준 및 웹 접근성 지침에 따른 적용(ActiveX 제외)

□ 중복 코드 제거 및 코드 최적화를 통한 경량화 및 로딩 속도 개선

□ 시큐어 코딩을 통한 취약한 코드 제거

□ 미국 공공기관 웹 표준 디자인 가이드 분석을 통한 적용

□ 추가개발을 위한 웹 표준 및 접근성 지침(라이브러리 사이트) 제작

□ 다양한 디바이스 및 PC 환경에서 접근이 용이하도록 반응형 웹 구현

□ 사업 상세 내용

□ 분석

- 미국 공공기관 웹 표준 디자인 가이드(U.S. Design Standards) 분석

- 행정포털 환경 분석 및 정보 구조 분석

- AS-IS 소스 분석 및 개선 방법 설정

□ 설계

- 미국 공공기관 웹 표준 디자인 가이드(U.S. Design Standards) 중 행정포털 적용 범위 설정

- To-Be 모델 설계 (공통 화면 패턴 및 모듈 선별)

- 개선 후 점검 지표 설정 (웹 표준, 웹 접근성, 웹 호환성, 화면 로딩 속도, 보안 수준 등)

- Prototype 제작 및 화면 설계 (반응형 웹 적용)

□ 구현

- 화면(front) 소스 개선 (퍼블리싱, 프로그래밍)

․웹 표준 준수 (W3C 국제표준, 미국 공공기관 웹 표준 디자인 가이드)

․웹 접근성 준수 (KWCAG 2.1)

․소스코드 최적화 (Markup, CSS, javascript)

․시큐어코딩

- 반응형 웹 구현을 위해 필요한 비즈니스 로직 개선

□ 테스트

- 단위 테스트

․웹 표준 검수 : W3C Markup validatior/ CSS validatior

․웹 접근성 준수 점검 (KWAH 4.4 자동 점검, 수동 점검)

- 통합 테스트

․웹 호환성 점검 (브라우저 호환성, AxtiveX 제외)

․성능 및 기능 테스트, 점검 지표 검증

□ 오픈 및 안정화

Ⅵ		추진일정

********************************

***************************************

************************************

****************************************

*******	****
	*		*		*		*		*		**
- 분석 및 설계
- 구현
- 테스트
- 오픈 및 안정화

Ⅶ		기대효과

□ 웹 표준․접근성 관련 규정 준수

□ 다양한 디바이스 및 PC 환경을 지원하는 반응형웹 기반 마련

□ 웹표준․웹접근성 지침을 통한 추가 개발시 체계적인 유지관리 지원

□ 소스 코드 최적화를 통한 성능 개선 및 보안성 강화

***************************

*****************

****************************************

*********

****	**	******	******	******	****
*****	*****************	**************************	*****************	*****************	*****************
**	****	****	****	****	****

******************************************

*********

*

**	*********	******	**	**
****	***		****	***
****	***		****	**
****	**	**	***	***
***	**	*	****	***
*****	**	*	***	**

****************************************

*********

****	**	******	******	*****	****
*****	****	****	****	**	**
*****************
**********	*****	*****	*****	*****	*****
****
****	*	******	******	******	******
**********	*	*********	*********	*********	*********
*******	*	*	*	*	*
*********	*	*	*	*	*
*****		*********	*********	*********	*
*********	*****	*****	*****	*****	*****
******	*	*	*	*	*
*****
*************	*****	*	*	*	*****
***********	******	*	*	*	*
************	*	*	*	*	*
******	*
*********	*
********	*****	*****	*****	*****	*****
*********	*****	*	*	*	*****
**********	*****	*	*	*	*****
*******	******	******	******	******	******
****	*
***********	*****
************	*	*****	*****	*****	*****
*********	****	*	*	****	****

***************************************************