1. 기획

본 웹사이트는 인터넷 웹 컨텐츠 접근성 가이드라인 1.0(이하 WCAG)을 바탕으로 만들어졌습니다. 따라서 WCAG 본문 내용을 충실하게 제공하는데 목적을 두었으며, 시청각 및 지체 장애인 등을 위한 고대비 디자인의 적용, 키보드만을 이용한 탐색 기능, 텍스트 확대 기능을 포함하였으며, 동시에 사용성을 높일 수 있는 썸네일 목차 제공, 디자인 셀렉트 박스 등을 지원하고자 했습니다.

Font

메뉴와 큰제목 텍스트에 대해서 시스템 폰트를 그대로 가져갈 것인지, 디자인 폰트를 사용할 것인지를 고민했습니다. 대부분의 브라우저가 지원하는 텍스트 확대/축소 기능을 십분 활용하자면 되도록 시스템 폰트를 사용하는 것이 권장되겠으나, 대부분의 사용자들은 브라우저의 텍스트 확대/축소 기능을 제대로 알고 있지 못하다는 사실과 폰트 단위를 px로 사용할 경우 IE 6 이하의 브라우저에서 사용되지 않는 문제가 있었습니다. 아울러 em 단위를 사용할 경우 사용자가 브라우저의 기본 폰트 크기를 임의로 수정한 경우 너무 작거나 크게 나타나 보이는 등 의도하지 않는 문제가 발생할 수 있다고 판단했습니다.

따라서, 본 사이트에서는 기본적으로 px 단위를 사용하며, 최초의 디자인에서 메뉴와 제목, 내용의 폰트 사이즈를 일반적인 상황(12px)보다 크게 잡아 가독성을 높이고자 하였으며, 고대비 색상으로 접근성의 문제를 해결하고자 했습니다. 더불어 상단에 [글자확대/축소] 버튼을 제공하여, IE 6 이하의 브라우저 사용자들에게도 한 단계 높은 크기의 폰트를 제공할 수 있도록 했습니다.

Javascript

본 사이트에서는 자바스크립트를 지원하지 않는 환경에서도 탐색에 문제가 없도록 noscript 요소를 활용하여, 접근성을 확보하고 있습니다.

주메뉴의 롤오버 기능은 미리 작성된 부메뉴 링크 모음으로 대체가 되며, 좌측 썸네일 이동 기능과 외부링크 아이콘 표시는 작동하지 않아도 탐색이 큰 문제가 없도록 설계되었습니다.

Link Icon

본 사이트에서는 외부링크와 내부링크를 구분하여, 외부링크의 경우 이미지를 링크 텍스트 옆에 보여주어 사용자에게 사전 공지를 하고 있습니다.

Comment

본 사이트에서는 문서내 자주 등장하는 IT 용어 등에 대해서 주석으로 설명을 보충하고 있으며, 설명은 네이버 사전 또는 위키피디아 등 자세한 내용이 설명되어 있는 웹페이지로의 이동 링크를 제공하고 있습니다.

Skip Navigation

본 사이트에서는 시각 장애인을 위하여 메뉴를 건너띄고 컨텐츠 영역으로 바로 이동할 수 있는 Skip Navigation 을 지원하고 있습니다.

2. 접근키(단축키 지정)

Back to Top

최상단으로 돌아가기 (b)

Site Map

사이트맵(목차)을 열기 (m)

Index

처음으로 바로가기 (0)

Main Menu

서문 ~ 기술적 진보성 바로가기 (1 ~ 8)