운용의 용이성

웹 콘텐츠에 포함된 모든 요소들의 기능은 누구나 쉽게 사용할 수 있어야 한다.

1. 이미지 맵 기법 사용 제한

이미지 맵 기법이 필요할 경우에는 클라이언트측 이 미지 맵을 사용하며 서버측 이미지 맵을 사용할 경우에는 동일한 기능을 하는 텍 스트로 구성된 대체 콘텐츠를 제공해야 한다.

가. 용어 정리

나. 요구 조건

다. 적용시장점

라. 적용 예

가. 용어 정리top

(1) 이미지 맵(image map)

이미지의 일부 영역에 링크를 두어 사용자에게 해당 정보를 제공할 수 있는 페이지로 이동하도록 만드는 프로그램 기법이다.

(2) 서버측 이미지 맵(server-side image map)

이미지 맵을 구현하는 프로그램이 서버측에 존재하여 사용자의 웹 브라우저가 이미지 맵 상의 어떤 그림 위에 마 우스를 위치시키고 클릭하면 클라이언트가 마우스의 위치정보를 서버로 제공하 고, 서버는 전달되어온 마우스의 위치에 해당하는 이미지 맵의 영역이 지시하는 링크로 이동한 결과를 클라이언트에 표시하는 방식의 프로그램 기법이다.

(3) 클라이언트측 이미지 맵(client-side image map)

HTML 태그를 이용하여 사 용자의 브라우저에서 이미지 맵의 영역을 식별하여 직접 해당 영역이 지시하는 링크로 이동하도록 하는 프로그램 기법이다.

나. 요구 조건top

(1) 구성하려는 이미지 맵의 형태를 클라이언트측에서 기하학적으로 표현하기 어려 운 경우가 아니면 서버측 이미지 맵을 사용하지 않는다.
(2) 서버측 이미지 맵 기법을 사용할 경우에는 이미지 맵의 영역에 대응하는 텍스트 링크를 별도로 제공해야 한다(항목 1.1 참조).
(3) 클라이언트측 이미지 맵을 사용할 경우에는 이미지 맵의 영역에 대한 충분한 대 체 텍스트를 제공하여야 한다(항목 1.1 참조).

다. 적용시 장점top

(1) 서버측 이미지 맵 방식에서 서버는 해당 영역에 대한 대체 텍스트를 사용자에게 제공하지 못하며,단지 컴퓨터 화면상에 표시할 뿐이다.따라서 이 항목을 적용 하면 대체 텍스트 링크가 없는 서버측 이미지 맵의 사용을 제한하므로 시각장애 인의 접근성을 높일 수 있게 된다.
(2) 클라이언트측 이미지 맵을 사용하는 경우에도 영역을 표시하는 부분에 대체 텍 스트를 함께 표시한다면 이미지 맵의 영역을 읽어주므로 시각장애인들이 이미지 맵의 어느 영역을 가리키고 있는지를 확인할 수 있다(항목 1.1 참조).
(3) 시각장애인은 물론 시각장애와 청각장애를 함께 갖고 있는 사용자 역시 해당 콘 텐츠를 점자로 변환해 읽음으로써 접근권을 보장받을 수 있게 된다.
(4) 몇 개의 자료를 순서대로 나열하는 목록 등 해당 이미지가 단순히 홈페이지를 아름답게 꾸미기 위해 사용된 경우에는 이미지에 대한 대체 텍스트(alt-text)로 빈 문자를 사용하면 의미의 불필요한 혼동을 줄일 수 있다.

라. 적용 예top

(1) 클라이언트측 이미지맵 : 대체 텍스트 지원

<AREA> 태그를 사용하여 클라이언트측 이미지 맵을 작성할 경우 대체 텍스트를 해당 영역에서 제공하여야 한다.

(2) 서버측 이미지맵 : 링크목록 제공

서버측 이미지 맵을 사용할 경우에는 대체 텍스트로 구성된 링크목록을 같은 페 이지에 제공하면 시각장애인들이 텍스트 링크를 사용하여 필요한 작업을 할 수 있 다(항목 1.1 참조).