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

				시 민
주무관	IT기획팀장	정보시스템담당관		정보기획관
이운심	이영순	정경숙		02/28 김태균
협 조

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

2018. 2.

정 보 기 획 관

(정보시스템담당관)

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

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

행정포털 웹표준․웹접근성 개선 사업이 완료됨에 따라 개선된 기능을 오픈하고자 계획을 보고드림.

□ 추진근거

○ 행정포털 웹표준 · 웹접근성 개선 계획(정보시스템담당관-2775, 2017.2.)

□ 사업개요

○ 사 업 명 : 행정포털 웹표준․웹접근성 개선 사업

○ 사업기간 : (************************************************

○ 계약금액 : **************************************

○ 사업내용

- 웹 표준 및 웹 접근성 지침에 따른 적용

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

- 시큐어 코딩(보안강화)을 통한 취약한 코드 제거

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

- 추가개발을 위한 라이브러리 사이트(템플릿 코드) 제작

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

□ 개선내용

- *****************************

⇒ 시각장애인의 명료한 인식, 키보드 접근성, 가독성 등 개선

․ 웹접근성 : 툴 진단, 전문가 수동 진단, 장애인 공무원 테스트

․ 웹표준 : W3C Markup Validator, W3C CSS Validator

․ 웹호환성 : IE, 크롬, 파이어폭스 크로스 브라우징

※ 붙임1. 전자정부서비스 호환성 준수지침 ‘전자정부서비스 웹 호환성 진단표’ 참조

- 중복코드 제거, 코드 최적화, 시큐어코딩(보안강화) 등 적용

⇒ 속도 개선, 오류 발생 가능성 등의 잠재 위험요소 제거, 보안 강화

․ iframe 제거 등 중복코드 제거를 통한 소스코드 경량화

HTML 문서에서 임의의 위치에 또 다른 HTML 문서를 보여주는 내부 프레임 태그

․ 검증도구(SonarQube, PMD) 이용 잠재 버그 요소 제거 등

․ 소스코드 경량화에 따른 로딩속도 개선

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

하나의 소스로 웹의 해상도 등 스크린 환경에 따라 반응하여 변환되는 웹페이지

*

- 라이브러리 사이트 구축

․ 본 사업에서 적용된 소스 코드를 템플릿화 하여 유지 운영 시 활용

□ 오픈을 위한 사전작업

○ 서버에 신규 서비스 설치 완료

- 장애인 공무원 테스트, 사용자테스트, 부하테스트를 실 운영환경과 동일한 환경에서 실시하기 위하여 사전 신규서비스 설치 완료

- 신규 서비스와 기존 서비스 전환이 5분 이내 가능

․ 서비스 오픈 후 장애시 기존 서비스로 전환을 고려한 환경 구축

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

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

○ 장애인 공무원 테스트

- 테스트 일자 : 2.7(수), 2.14(수), 2.27(화)

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

- 테스트 후 조치 사항

․ 게시판 상세보기에서 ‘뒤로가기’시 목록으로 이동 기능 개선

․ 통합검색, 업무데스크 등 ‘검색’이 구분(헤딩 추가) 되도록 개선

․ IE 브라우져에서만 사용하는 키설정 기능 제거(textarea에서 ESC키)

․ 모든 설정기능(예:포틀릿 설정)에서 엔터키로 항목이 선택되도록 개선 등

○ 사용자 시범 오픈 실시

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

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

- 방법 : 행정포털 접근시 자동으로 신규 서비스로 자동 이동

※ 시범 기간 중 발생 오류에 대해서는 즉시 조치 반영

□ 향후계획

○ 서비스 오픈 안내

- 내용 : 행정포털 시업무공지에 개선 내용 안내 게시

- 기간 : ‘18. 3. 5(월) ~

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

[붙임1]

전자정부서비스 웹 호환성 진단표

구 분	진 단 지 표	진 단 기 준	진 단 방 법
1 웹표준 문법 준수	1-1 표준 (X)HTML 문법 준수 여부	• W3C Markup Validator에서 출력된 오류의 개수에 따라 감점 ※ HTML5의 경우 Nu Html Checker로 자동전환	W3C Markup Validator
	1-2 표준 CSS 문법 준수 여부	• W3C CSS Validator에서 출력된 오류의 개수에 따라 감점 ※ CSS의 경우 Level 3으로 진단	W3C CSS Validator
2 웹호환성 확보	2-1 기능 호환성 확보 여부	• 브라우저 부가 기능을 이용해서 해당 페이지 내에 사용된 Javascript 오류 및 DOM 경고 발생 시 감점 • Javascript가 의도한 기능이 정상적으로 동작되는지 점검하여 비정상적 동작에 대해 감점	브라우저 부가 기능, 크로스 브라우징 테스트 준용
	2-2 화면표시 호환성 확보 여부	• 다양한 웹브라우저에서 화면표시가 동등하게 구현 되었는지 여부 확인 ※ 웹브라우저별 특성에 의한 차이(폰트, 픽셀 등)는 예외로 함	크로스 브라우징 테스트 준용
3. 비표준 기술제거	3.1 비표준 기술제거 여부	• 웹사이트에서 비표준 기술(액티브X 등)사용 여부 점검 ※ 개인정보보호, 보안 등을 위해 사용하는 비표준 기술(액티브X, EXE 등)을 사용하고 있는지 점검 ※ 웹 표준이 아닌 방식으로 메뉴, 동영상 등을 위해 사용하는 멀티미디어(플래시, 실버라이트, 자바 애플릿, 미디어플레이어 등)를 사용하고 있는지 점검	수동평가
	3-2. 최신 웹 표준기술 사용 여부	• 최신 웹표준 기술(HTML5) 사용 여부 점검 ※ 최신 웹표준 기술을 활용하여 웹사이트를 운영하고 있지 않을 경우 감점	수동평가