11. UI 표준 및 지침

[ SECTION 11. UI 표준 및 지침 ]

➡ UI 표준과 지침을 토대로 웹 3요소가 고려되었는지 확인

• UI 표준: 전체 시스템의 모든 UI에 공통적으로 적용되는 내용/ 화면 구성, 화면 이동
• UI 지침: UI 개발과정에서 꼭 지켜야 할 공통조건/ UI 요구사항, 제약사항 등

★ 웹의 3요소: 웹사이트 개발 시 고려할 사항으로 웹 표준, 웹 접근성, 웹 호환성

• 웹 표준: 웹에서 사용되는 규칙, 기술/ HTML, JavaScript에 대한 규정

-> 접근성(누구나 동등하게 이용 가능), 크로스 브라우징(어느 환경에서도 이용가능)

• 웹 접근성: 웹 사이트에서 제공하는 모든 정보를 접근해 이용할 수 있음
• 웹 호환성: HW, SW가 다른 환경에서도 동등한 서비스를 제공함

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

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

• 접근성이 보장된 웹 콘텐츠를 쉽게 제작할 수 있도록 도와줌

① 인식의 용이성: 눈이 좋지않은 사람들을 위한 음성안내 같은 대체정보가 필요함

② 운용의 용이성: 서비스를 이용할 때 편해야 함(마우스 대신 음성으로 정보에 쉽게 접근할 수 있도록)

③ 이행의 용이성: 받아들이기 쉽고 서비스의 결과가 논리적으로 납득 가능해야함

④ 견고성: 제작에 필요한 문법을 준수하여 개발함

내비게이션: 사이트에서 원하는 정보를 빠르게 찾을 수 있도록 도와줌

표준 지침을 적용해 만든 수많은 요소들/ 메뉴, 링크, 이미지맵, 사이트맵, 사이트 메뉴바, 네비게이션 바, 디렉터리

 

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

➡ 정부기관 홈페이지를 만들 때 반영해야 할 최소한의 규약을 정의함

➡ 누구나 평등하게 정보를 습득할 수 있도록

• 문법 준수: 보편적, 보통의 표현
• 비표준 지양: 불가피할 경우 대체정보 제공
• 호환성: 결재, 인증기능 등
• 내용과 표현의 분리

[ pg.68- 오답노트 ]

이미지 맵은 웹사이트의 전체 구조를 한눈에 알아볼 수 있도록 트리 구조 형태로 만든 것으로 지도와 같은 역할을 한다. (X)

-> 사이트 맵

-> 이미지 맵은 이미지에 하이퍼링크를 연결해 원하는 페이지도 이동할 수 있게 만듦