장애인 웹 접근권

- 국제 표준화 기구인 W3C(World Wide Web Consortium)가 제안하는 웹 표준을 준수합니다. - 웹 개발 및 설계에 있어 한국정보문화진흥원에서 2005년 12월 21일 제정된 '인터넷 웹 컨텐츠 접근성 지침'을 준수하도록 노력하고 있습니다. - 일부 지침 항목(키보드 운용 및 시각 장애인용 고대비 스타일)은 현실적인 관리 여건상 지원하지 못하고 있습니다. 한국정보통신에서 제정하고 웹 개발및 설계에서 따르는 '인터넷 웹 컨텐츠 접근성 지침'은 다음과 같습니다. =============='인터넷 웹 컨텐츠 접근성 지침'=================== 1. 인식의 용이성 웹사이트에서 서비스하고 있는 모든 콘텐츠는 누구나 쉽게 인식할 수 있도록 설계되어야 한다. (1)텍스트 아닌 콘텐츠의 인식 텍스트 아닌 콘텐츠 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당 콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트로도 표시되어야 한다. 요구 조건 텍스트 아닌 콘텐츠 중에서 글로 표현될 수 있는 콘텐츠는 모두 해당 콘텐츠와 정확하게 일치하는 텍스트 콘텐츠(text contents)와 함께 제공해야 한다. 만약, 텍스트 아닌 콘텐츠 중에서 글로 표현될 수 없는 경우는 해당 콘텐츠에 대한 설명을 텍스트로 반드시 제공해야 한다. 이 때, 제공되는 텍스트 콘텐츠는 설명하고자 하는 원래의 콘텐츠의 내용이나 형태 등의 상세한 정보를 제공해야 한다. 텍스트 아닌 콘텐츠를 대체하거나 설명하기 위해 제공되는 텍스트는 콘텐츠 제작자가 원래의 콘텐츠를 사용해 표현하고자 했던 의미나 기능도 포함하여 설명해야 한다. 텍스트 아닌 콘텐츠를 대체하거나 설명하기 위해 제공되는 텍스트를 읽어줌으로 인하여 의미의 혼동을 줄 경우에는 빈 문자(blank text)란 아무런 정보도 가지고 있지 않은 문자열을 의미한다. HTML 등의 문법에서 빈 문자는 “”을 가리킨다. 즉, 빈 문자를 스크린 리더에서 읽으면 아무런 소리도 나지 않는다. 빈 문자(blank text)를 대체 텍스트로 사용해야 한다. (2) 영상매체의 인식 시간에 따라 변화하는 영상매체는 해당 콘텐츠와 동기 되는 대체 매체를 제공해야 한다. 요구조건 음향 정보로부터 사용자가 충분한 정보를 얻을 수 없는 모든 영상매체는 영상매체에 포함된 말, 음향 및 주변소리 등을 텍스트로 표현한 매체를 의미한다. 따라서 캡션은 영상매체의 진행에 따라 해당 이벤트와 동기되어야 한다. 캡션을 함께 제공해야 한다. 캡션은 영상매체나 음향매체와 동기 되어야 한다. 모든 생방송은 캡션을 실시간으로 제공해야 한다. 단 음성이 없는 음악 방송의 경우에는 예외로 한다. 콘텐츠는 사용자가 캡션과 영상정보를 동시에 접해야 그 내용을 이해할 수 있도록 구성되어서는 안 된다. 즉, 캡션과 영상정보는 서로 보완관계가 되지 않아야한다. (3) 색상에 무관한 인식 콘텐츠가 제공하는 모든 정보는 색상을 배제하더라도 인지 할 수 있도록 구성되어야 한다. 요구사항 콘텐츠가 제공하는 텍스트나 그래픽 정보는 색상을 제거하더라도 그 내용을 인지할 수 있어야 한다. 웹 페이지에서 보여주는 정보와 배경색 간에는 충분히 대비가 되어야 한다. 특히 웹 페이지의 내용을 고 대비(high contrast) 흑백과 같이 대비차가 매우 크도록 조정하여 화면에 표시하는 방식을 의미한다. 모드로 표시했을 때에도 충분히명암대비가 되도록 콘텐츠를 설계하여야 한다. 2. 운용의 용이성 웹 콘텐츠에 포함된 모든 요소들의 기능은 누구나 쉽게 사용할 수 있어야 한다. (1) 이미지 맵 기법 사용 제한 이미지 맵 기법이 필요할 경우에는 클라이언트측 이미지 맵을 사용하며 서버측 이미지 맵을 사용할 경우에는 동일한 기능을 하는 텍스트로 구성된 대체 콘텐츠를 제공해야 한다. 요구조건 구성하려는 이미지 맵의 형태를 클라이언트측에서 기하학적으로 표현하기 어려운 경우가 아니면 서버측 이미지 맵을 사용하지 않는다. 서버측 이미지 맵 이미지 맵을 구현하는 프로그램이 서버측에 존재하여 사용자의 웹 브라우저가 이미지 맵 상의 어떤 그림 위에 마우스를 위치시키고 클릭하면 클라이언트가 마우스의 위치정보를 서버로 제공하고, 서버는 전달되어온 마우스의 위치에 해당하는 이미지 맵의 영역이 지시하는 링크로 이동한 결과를 클라이언트에 표시하는 방식의 프로그램 기법이다. 기법을 사용할 경우에는 이미지 맵의 영역에 대응하는 텍스트 링크를 별도로 제공해야 한다 클라이언트측 이미지 맵을 사용할 경우에는 이미지 맵의 영역에 대한 충분한 대체 텍스트를 제공하여야 한다 (2) 프레임의 사용 제한 콘텐츠를 구성하는 프레임의 수는 최소한으로 하며, 프레임을 사용할 경우에는 프레임별로 제목을 붙여야 한다. 요구조건 웹 콘텐츠에는 가급적 프레임을 사용하지 않아야 한다. 만일 프레임을 사용하는 경우에도 사용하는 프레임의 수를 최소한으로 줄여야 한다. 프레임을 사용할 경우에는 프레임 별로 서로 독특한(중복되지 않는) 제목을 부여하여 프레임을 식별할 수 있어야 한다. (3) 깜빡거리는 객체 사용 제한 콘텐츠는 스크린의 깜빡거림을 피할 수 있도록 구성되어야 한다. 요구조건 웹 콘텐츠에는 애니메이션 등과 같이 깜빡거리는 주파수의 범위가 3 Hz에서 49Hz 사이인 콘텐츠 요소들을 포함하지 않아야 한다. 만일 위의 (1)에서 명시한 요구조건을 만족할 수 없는 웹 콘텐츠는 깜빡거림이있는 웹 페이지로 이동하기 전에 이 페이지에 깜빡거림이 있음을 사전에 사용자에게 경고해주어야 한다. 또한, 스크린의 깜빡거림이 배제된 대체 페이지를 별도로 제공하여야 한다 스크립트를 이용하여 깜빡이는 텍스트(blinking text)를 구성하면 스크립트가 동작하지 않도록 함으로써 깜빡임을 제어할 수 있도록 한다. (4) 키보드로만 운용 가능 키보드(또는 키보드 인터페이스)만으로도 웹 콘텐츠가 제공하는 모든 기능을 수행할 수 있어야 한다. 요구조건 웹 콘텐츠는 키보드 또는 장애를 극복하도록 도와주는 여러 가지 입력 장치를 사용하는 경우에도 콘텐츠가 제공하는 모든 기능을 사용할 수 있어야 한다. (5) 반복 네비게이션 링크(repetitive navigation link) 웹 콘텐츠는 반복적인 네비게이션 링크를 뛰어넘어 페이지의 핵심부분으로 직접 이동할 수 있도록 구성하여야 한다. 요구조건 웹 콘텐츠 상에 반복적 네비게이션 링크 개체가 포함되어 있으며 이 링크 객체가 콘텐츠의 핵심부분보다 먼저 읽어주도록 구성된 경우에 이들 링크들의 읽기를 생략하고 직접 콘텐츠의 메인 부분으로 직접 이동할 수 있는 링크를 제공하여야 한다. 하나의 긴 문장으로 구성된 웹 페이지는 이 페이지의 문장을 여러 개의 논리적인 절로 구분하고 각 절의 색인을 콘텐츠의 첫 부분에 포함시켜 원하는 절의 시작 부분으로 직접 이동할 수 있도록 웹 페이지를 구성한다. 모든 웹사이트는 텍스트 또는 대체 텍스트가 포함된 텍스트 아닌 콘텐츠로 구성된 사이트 맵을 제공하여야 한다. (6) 반응시간의 조절기능 실시간 이벤트나 제한된 시간에 수행하여야 하는 활동등은 사용자가 시간에 구애받지 않고 읽거나, 상호작용을 하거나 응답할 수 있어야 한다. 요구조건 웹 콘텐츠의 시간 제약 조건이 최소한 아래의 항목 중 하나는 만족하여야 한다. (가) 사용자가 시간제한 기능을 동작하지 않도록 할 수 있거나, (나) 일반적으로 사람들이 선호하는 시간의 10배 이상으로 제한 시간을 늘릴 수 있 거나, (다) 주어진 시간이 종료하기 전에 경고를 발하며, 제한 시간을 늘리기 위하여 최소한 10초 이상 시간이 주어질 수 있어야 한다. 그러나 아래의 항목은 예외로 하되, 시간제약이 있음을 이 페이지에서 분명하게 알려 주어야 한다. (가) 경매 등과 같이 시간 제약이 있으나 다른 대안이 없는 경우거나, (나) 실시간 게임이나 시간이 정해진 범위에서 작업해야 하는 테스트 등과 같이 시간 제약이 필수적인 경우 팝업(Pop-Up) 창은 가급적 사용을 피해야 한다. 그러나 꼭 사용해야 하는 경우에는 팝업 창이 열리기 전에 사용자에게 경고를 할 수 있어야 한다. 또한 팝업창이 열리더라도 포커스가 새로 열린 팝업 창으로 이동해서는 안 된다. 3. 이해의 용이성 사용자들이 가능한 한 쉽게 이해할 수 있도록 콘텐츠나 제어 방식을 구성해야 한다. (1) 데이터 테이블 구성 테이블을 구성하는 데이터간의 논리적 관계를 표현하기 위하여 사용하는 형태이다. 데이터 테이블은 테이블을 구성하는 데이터 셀의 내용에 대한 정보가 충분히 전달될 수 있어야 한다. 요구 조건 데이터 테이블은 테이블의 제목이나 테이블의 내용을 요약하여 제공해야 한다 데이터 테이블은 데이터 셀별로 대응되는 모든 헤더를 확인할 수 있도록 구성하여야 한다. 적용 예 (1) 간단한 데이터 테이블 구성 HTML을 이용하여 간단한 데이터 테이블을 구성하는 경우에 데이터 셀과 헤더는 각각 <TD>와 <TH>태그를 사용하여 테이블을 구성한다. (2) 복잡한 데이터 테이블 구성 HTML에서 행을 그룹화 하는데 THEAD, TFOOT, TBODY 등의 속성을 사용하고, 열을 그룹화 하는 데는 COL, COLGROUP 등의 속성을 사용한다. 보다 복잡한 테이블의 구성을 위해서는 “axis", "scope", "headers"등의 속성을 이용한다. (3) 데이터 테이블 설명 HTML 4.01에 따라 데이터 테이블을 구성하는 경우에 테이블에 대한 설명은 <TABLE ... summary = ""> 태그를 사용하여 표시할 수 있다. 또한 <CAPTION> 태그를 사용하여 테이블의 간단한 제목을 표시할 수도 있다. <TABLE title=""> 태그를 사용해도 동일한 효과를 얻을 수 있다. 즉, 데이터 테이블의 제목(title)은 도표의 첫 부분(상단 처음)에 오도록 하여 이어지는 자료가 데이터 테이블임을 알도록 하면 편리하다. (2) 논리적 구성 콘텐츠의 모양이나 배치는 논리적으로 이해하기 쉽게 구성하여야 한다. 요구사항 문서의 모양이나 콘텐츠의 배치를 위해서는 스타일 시트(style sheet)를 사용하여야 한다. 배치용 테이블을 사용하여 콘텐츠의 모양이나 배치를 할 경우에는 테이블을 구성하는 모든 셀들을 왼쪽상단에서 오른쪽 하단에 이르는 순서대로 늘어놓았을때에도 그 내용을 충분히 이해할 수 있도록 구성해야 한다. (3) 온라인 서식 구성 온라인 서식을 포함하는 콘텐츠는 서식 작성에 필요한 정보, 서식 구성 요소, 필요한 기능, 작성 후 제출 과정 등 서식과 관련한 모든 정보를 제공해야 한다. 요구 조건 온라인 서식을 구성하는 모든 서식 제어 요소, 예를 들면, 편집 상자(edit box), 라디오 버튼(radio button), 체크 박스(check box) 등은 레이블과 해당 서식 제어 요소간의 표시 순서가 일정하여야 한다. 탭(tab)키를 이용하여 서식 제어 요소 간을 이동할 경우에 그 순서가 왼쪽 위에서 오른쪽 아래 부분으로 순차적인 이동이 가능하여야 한다. 서식을 구성할 때에 보조기술을 사용하면 접근이 가능한 경우에만 스크립트, 애플릿,플러그인 또는 다른 프로그램 요소를 사용한다.만일 이것이 불가능할 경우에는 스크립트, 웹 페이지에 삽입되는 프로그램을 의미한다. 애플릿(applet), 플러그인(plug-in)등 프로그램 요소의 기능을 정지시켜도 온라인 서식을 작성할 수 있어야 한다. 적용 예 (1) 편집 박스 프로그래밍 예 : 예를 들어, 레이블 다음에 편집 박스(edit box)가 위치하는 경우에는 다음과 같이 프로그래밍을 하면 된다. <label for="first_name">이름: <input type="text" id="first_name" tabindex="1"> </label> 이 경우에 커서가 편집 박스에 위치하면,스크린 리더는‘이름’이라고 읽어준다. (2) 편집 박스의 기본값 제공 : 편집 박스는 기본값을 가능한 한 제공한다. (3) 편집 박스 테이블 구성 : 편집 박스를 데이터 테이블 형태로 구성할 경우에는 편집 박스별로 테이블 헤더를 읽어주도록 구성한다. 4. 기술적 진보성 구성한 콘텐츠는 웹 브라우저의 종류, 버전 등에 관계없이 사용될 수 있어야 한다. (1) 신기술의 사용 스크립트,애플릿 또는 플러그 인(plug-in) 등과 같은 프로그래밍 요소들은 현재의 보조기술의 수준에서 이들 프로그래밍 요소들의 내용을 사용자에게 전달해줄 수 있을 경우에만 사용하여야 한다. 요구 조건 콘텐츠를 나타내기(display) 위해 혹은 인터페이스 요소를 만들기 위해 스크립트 언어를 이용할 경우에는 스크립트에 의해 제공되는 중요한 정보는 최신의 보조기술을 이용해 읽을 수 있어야 한다. 만일 이것이 불가능할 경우에는 스크립트의 동작을 정지시켜도 웹 콘텐츠의 내용을 읽을 수 있어야 한다. 애플릿, 플러그인(plug-in) 혹은 다른 응용 프로그램을 이용하여 웹 콘텐츠를 구성하였을 때에는 이들 프로그램 요소에 의해 제공되는 중요한 정보는 보조기술을 이용해 읽을 수 있어야 한다. 만일 이것이 불가능할 경우에는 이들 프로그램요소의 동작을 정지시켜도 웹 콘텐츠의 내용을 읽을 수 있어야 한다. 스크립트, 애플릿과 플러그인은 키보드 또는 대체 키보드 인터페이스를 이용하여 사용할 수 있어야 한다. (2) 별도 웹사이트 제공 콘텐츠가 항목 1.1에서 4.1에 이르는 13개 검사 항목을 만족하도록 최대한 노력하였으나 해결되지 않는 부분이 남아있다면 텍스트만의 콘텐츠를 제공하는 웹 페이지(또는 웹사이트)를 별도로 제공해야 한다. 요구 조건 가능한 보조기술 수준이 미흡하여 장애인이 접근 가능한 웹 콘텐츠를 제작할 수 없는 경우에는 텍스트로만 구성된 대체 페이지를 마련하고 기존의 웹 콘텐츠의 첫 페이지에 대체 페이지로 이동하는 링크를 제공하여야 한다. 제공하는 대체 페이지는 기존의 웹 콘텐츠가 포함한 정보나 기능을 모두 포함하여야 한다. 제공하는 대체 페이지는 기존의 웹 콘텐츠의 개정 주기에 맞추어 개정되어야 한다.