네비게이션의 액세스빌리티

* 네비게이션의 액세스빌리티
 - 문서에 두문자나 약자가 처음 나왔을 때는 정식 명칭을 밝힌다.(WCAG 레벨3)
  -- http://blog.wystan.net/2007/04/14/abbr-vs-acronym-tag

** 스킵 네이게이션 링크에 관한 가이드라인
 - 이용자가 반복적인 네비게이션 링크를 건너뛸 수 잇는 방법을 제공하라.(508조)
 - 메인 컨텐츠로 바로 가기. 네비게이션 링크를 건너뛰고 바로 페이지의 메인 컨텐츠로 이동할 수 잇는 방법을 제공하라(IBM)
 - 네비게이션 바를 반전 표시하고, 네비게이션에 접근할 수 잇는 루트를 마련하라.(WCAG 레벨3)
 - 서로 관련된 링크는 그룹핑하고, 특수 브라우저에서 그 그룹을 인식할 수 있도록 식별코드를 부여하라. 특수 브라우저에 이에 대한 지원 기능이 없을 때에는 그룹핑하지 않는다.(WCAG 레벨3)
 - 네비게이션 관련 링크를 그룹핑하고 이를 실제 컨텐츠 내용과 구분되도록 했을 경우에만 스킵기능을 제공하라(WCAG 레벨3)
  -- 요지는 메인컨텐츠로의 이동하는 데 있는 것이지, 관련 링크를 그룹핑하거나 스킵하는 데 있는것은 아니다.

*** 일반 텍스트 링크 넣기
 - 메인 컨텐츠로 포커스가 이동 할 수 있는 <a> 태그로 로컬링크를 삽입한다.
 - <a href="#content">메인 컨텐츠 바로가기</a> <a name="content"></a>

*** 별다른 정보가 없는 투명 이미지의 alt 텍스트로 링크 넣기
 - <a href="#content"><img src="1.gif" alt="메인 컨텐츠 바로가기" align="right"></a> <a name="content"></a>

*** 텍스트 링크에 동일한 전경색과 배경색 넣기
 - <a href="#content"><font color="#ffffff">메인 컨텐츠 바로가기</font></a> <a name="content"></a>

** 액세스 가능한 프레임
 - 프레임에 의미를 가진 문자열로 타이틀을 부여하여, 각 프레임의 식별 및 네비게이션에 도움이 되도록 한다.(508조)
 - 프레임. 각 프레임과 프레임 페이지에 타이틀을 부여하여 이용자들이 그 타이틀로 각 프레임을 구분하도록 한다.(IBM)
 - 각 프레임에 타이틀을 붙여서 프레임을 구분하고 네비게이션에 도움이 되도록 하라.(WAI)

 - <frame> 태그에 의미 있는, 한 단어의 name 속성을 넣어라. 이 속성을 통해 전체 프레임 사이트에서 해당 프레임의 역할을 설명해야 한다.
 - <frame> 태그에 의미 있는 title 속성을 넣어라. 이는 name 속성과 마찬가지로 꼭 필요한 요소이다. title 속성값으로 Main Content를, name 속성값으로 Main Content를 사용할 수도 있다.
 - 모든 웹 페이지에 의미 있는 <title> 태그를 넣어라. 이는 모든 프레임 페이지에도 동일하게 적용된다.

** 액세스 가능한 이미지맵
 - 서버측 이미지맵의 각 영역을 활성화시키기 위해서는 텍스트 형태의 네비게이션 링크 리스트를 중복해서 제공해야 한다.(508조)
  -- 서버측 이미지맵은 이미지 내 링크의 좌표위치를 제공하지 않아 텍스트 브라우저(혹은 스크린 리더)에서 링크에 대한 정보를 알지 못한다.
 - 이미지맵을 기하학적인 모양으로 정의할 수 없는 경우와 같은 예외를 제외하고, 가능하면 서버측 이미지맵보다는 클라이언트측 이미지맵을 사용하도록 한다.(508조 & WCAG)
 - 서버측 이미지맵의 각 영역이 선택될 때마다 alt 텍스트가 나타나도록 하라.(WAI)
 - 이미지맵, 이미지맵의 핫스팟에 alt 텍스트를 포함하는 클라이언트측 이미지맵을 사용하라. 서버측 이미지맵을 사용하고자 한다면, 이미지맵을 대신할 텍스트 네비게이션을 중복해서 포함시키도록 한다.(IBM)

** 액세스 가능한 링크
 - TAB : 다음으로 이동
 - SHIFT + TAB : 이전으로 이동
 - 각 링크의 타겟을 분명히 밝히도록 하라. (WAI 레벨2)


※ 웹 액세서빌리티 - 접근하기 쉬운 웹 사이트 구축하기 / 정보문화사 / 짐 대처 외 7인 공저, 우유미 역 / ISBN 89-5674-087-9