[1과목-2장-011] UI 표준 및 지침

기술의 중립성(웹 표준), 보편적 표현 보장성(웹 접근성), 기능의 호환성(웹 호환성)이 고려되었는지 확인

 

* UI 표준: 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용. 화면 구성, 화면 이동 등이 포함

* UI 지침: UI 개발 과정에서 꼭 지켜야 할 공통 조건

 

* 웹 3요소: 웹사이트 개발 시 고려사항

1) 웹 표준(Web Standards): 웹에서 사용되는 규칙 또는 기술

2) 웹 접근성(Web Accessibility)

: 누구나, 어떠한 환경에서도 웹 사이트에서 제공하는 모든 정보를 접근하여 이용할 수 있도록 보장하는 것

3) 웹 호환성(Cross Browsing)

: HW나 SW 등이 다른 환경에서도 모든 이용자에게 동등한 서비스를 제공하는 것

 

 

1. 한국형 웹 콘텐츠 접근성 지침 (KWCAG)

장애인이 비장애인과 동등하게 접근할 수 있는 웹 콘텐츠의 제작 방법을 제시

 

- 목적: 웹 콘텐츠 저작자, 웹 사이트 설계자 등이 접근성이 보장된 웹 콘텐츠를 쉽게 제작할 수 있도록 도와주는 것

- 요구 조건(웹 접근성의 준수 여부를 평가할 수 있음), 기대 효과가 제시되어 있음

 

* 준수를 위한 고려사항

1) 인식의 용이성

- 대체 텍스트

- 멀티미디어 대체 수단

- 명료성: 콘텐츠는 색, 명도, 방향, 모양, 크기, 소리 등에 관계없이 명확하게 전달될 수 있어야 함

 

** 소리: 모든 소리는 자동으로 재생되면 안 됨.

 

2) 운용의 용이성

- 키보드 접근성

- 충분한 시간 제공

- 광과민성 발작 예방: 초당 3-50회 주기로 깜빡이거나 번쩍이는 콘텐츠는 제공X

- 쉬운 내비게이션

 

** 네비게이션

: 사용자가 사이트에서 원하는 정볼를 빠르게 찾을 수 있도록 안내하는 것

- 구조의 요소

: 메뉴(단추), 링크, 이미지 맵(그림에 하이퍼링크), 사이트 맵(사이트 전체 구조를 한 눈에 알아볼 수 있도록 트리 구조 형태로 만든 것), 사이트 메뉴바(사이트 좌 or 우측에 메뉴, 링크 등을 모아둔 것), 네비게이션 바(메뉴를 한 곳에 모아 놓은 그래픽이나 문자열 모음), 디렉터리(주제나 항목을 카테고리별로 표현한 방식)

 

3) 이해의 용이성

- 가독성

- 예측 가능성

- 콘텐츠의 논리성

- 입력 도움

 

4) 견고성

- 문법 준수

- 접근성

 

2. 전자정부 웹 표준 준수 지침

: 정부기관의 홈페이지 구축 시 반영해야 할 최소한의 규약을 정의

- 준수할 경우의 기대 효과가 제시

 

* 준수 지침 사항

1) 내용의 문법 준수

- 적절한 문서타입 명시

- 명시한 문서타입에 맞는 문법 준수

- 사용할 인코딩 방식 표기

 

2) 내용과 표현의 분리

- 논리적 마크업 언어를 사용

- 스타일 언어는 표준 문법 준수

 

3) 동작의 기술 중립성 보장

- 스크립트 비표준 문법 확장 배제

- 대체 텍스트, 정보 제공

 

4) 플러그인의 호환성

** 플러그인: 응용 프로그램에 추가되어 특정 기능을 수행하도록 구현된 프로그램 모듈

 

5) 콘텐츠의 보편적 표현

- 다양한 브라우저에서, 다양한 인터페이스로 이용 가능해야

 

6) 운영체제에 독립적인 콘텐츠 제공

- OS에 종속적이지 않은 범용적 포맷을 사용해야

 

7) 부가 기능의 호환성 확보

- 실명인증, 전자인증 등 부가 기능 > 다양한 브라우저에서 사용할 수 있어야

 

8) 다양한 프로그램 제공

- 별도 다운로드 필요 프로그램은 2개 이상의 OS를 지원해야 함