[HTML5] 한국형 웹 콘텐츠 접근성 가이드(KWCAG) 2.1

한국형 웹 콘텐츠 접근성 가이드 2.1

글로 정리한 적은 없는 것 같아 정리합니다.

목적

장애인이 비장애인과 동등하게 웹 콘텐츠에 접근 할 수 있도록, 웹 콘텐츠를 제작할때 감안하도록 만들어 지게 됨

• 중복 장애를 가지고 있는 사용자의 경우에는 본 표준에서 제시하는 방법만으로 구현한 웹 콘텐츠에 접근하기 어려운 경우도 발생할 수 있음

고려

• 시각을 통해 정보를 인지할 수 없는 시각 장애가 있는 경우
• 청각을 통해 음향 정보를 인지하지 못하는 청각 장애가 있는 경우
• 신경계의 마비, 근골격계의 마비 또는 선천성 기형 등으로 신체의 움직임에 제한이 있는 지체 장애가 있는 경우
• 읽기나 문장 이해력이 떨어지는 언어 장애가 있는 경우
• 키보드나 마우스를 사용할 수 없는 장애가 있는 경우
• 시각, 청각 또는 손을 사용하고 있어 필요로 하는 일을 할 수 없는 경우 : 운전 중이 거나 소음이 많은 곳에서 일하는 경우 등 장애라기보다는 웹 사용자가 처한 환경에 따라 제한받는 경우

구성

4 가지 원칙, 각 원칙을 준수하기 위한 13 개 지침, 해당 지침의 준수 여부를 확인하기 위해 24 개의 검사로 구성됨

내용

1.인식의 용이성

• 대체 텍스트

  • 텍스트가 아닌 경우, 대체 텍스트를 명료하게 제공해야함
    (구체적 정보를 제공해야할 경우, 의미가 있는 배경 이미지, 정보가 충분히 필요한 경우)
    단, 시각적효과나 단순한 장식 일 경우 대체 텍스트는 공백으로 해야함.

• 멀티미디어 대체 수단

  • 자막,수화,대본 등을 제공해야함

• 명료성

  • 콘텐츠는 색과 관계 없이 인식될 수 있어야함
    (색에 대한 정보제공, 무늬에 대한 정보제공 금지, 강조는 가능)
  • 지시사항은 모양,크기,방향,색,소리 등에 관계없이 인식될 수 있어야함
    (방향 등을 지시하고싶을땐, 해당 컨텐츠에 대체 텍스트에 방향을 표기해야함)
  • 텍스트 콘텐츠와 배경 간 명도 대비는 4.5:1 이상이여야함
    (폰트 크기가 18pt 이상이거나 14pt 이상이며 굵을 경우, 화면 확대가 가능할 경우에 명도 대비는 3:1 가능)
  • 자동으로 소리가 재생되지 않아야함(원칙)
    (3초 미만은 가능, 3초 이상은 esc로 정지되거나, 정지, 볼륨 조절 장치 필요)
  • 이웃한 컨텐츠는 서로 구별될 수 있어야함 (테두리,구분선,다른무늬,배경색간 명도대비,줄간격 및 글자간,기타)

2.운용의 용이성(operable)

• 입력장치 접근성

  • 모든 기능은 키보드만으로도 사용할 수 있어야 함 (예외, 위치 지정 도구의 커서 궤적이 중요한 역할을 하는 콘텐츠, 움직임 측정 센서를 이용한 콘텐츠)
  • 키보드에 의한 초점은 논리적으로 이동해야하고, 시각적으로 구분되어야 함 (초점이동순서유지: 기존의 관례를 따라야함, 함정 또는 오류 방지, 초점이 시각적으로 표현되야 함)
  • 사용자 입력 및 컨트롤은 조작이 가능해야 함 (컨트롤의 크기는 대각선 6mm 이상/ 링크, 사용자 입력, 기타 컨트롤 등의 안쪽 여백 1px 이상)

• 충분한 시간 제공

  • 시간제한이 있는 컨텐츠는 응답시간을 조절할 수 있어야 함(원칙은 시간제한 컨텐츠는 제작하지 않는게 바람직) (시간제한이 있는 경우, 사전에 알려주고 연장하거나 해제할 수 있게 사용자에게 제공 해야 함) (예외: 세션 시간이 20 시간 이상인 콘텐츠, 반응 시 간의 조절이 원천적으로 허용되지 않는 경우 [ex/온라인경매, 실시간 게임 등 )

• 광과민성 발작 예방

  • 초당 3~50 회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 함
    (10인치 이상의 화면에 반짝이는 컨텐츠 면적의 합이 10%를 넘지 않아야 함, 깜박거리게 만드는 경우 정지 버튼 필요, 콘텐츠의 번쩍이는 시간을 3초 미만으로 제한)

• 쉬운 내비게이션

  • 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 함(메뉴영역)
    (웹 페이지가 제공하는 핵심 영역이 위치 한 곳으로 직접 이동하는 건너뛰기 링크 제공. 건너뛰기 링크는 웹 페이지의 가장 앞에 제공, 여러 건너뛰기 링크가 존재한 경우에는, 본문으로 가는 링크가 먼저 위치하게 해야함, 메뉴 건너뛰기 링크는 보이게 제작)

• 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 함
  

  • 유일하고 서로 다른 웹 페이지 제목제공(title), 팝업창/프레임에도 제목제공(내용이없을 경우 빈프레임으로 제목 제공),콘텐츠에는 heading 제공 (제목 제공에서 불필요한 특수문자 등의 사용은 제한)

• 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공되어야 함
  

  • 맥락을 통해 이해할 수 있도록 링크 텍스트 제공

    • 문장의 일부분에 링크를 연결하는 경우 - URL 목적지, 용도등을 설명한 텍스트에 연결
    • ‘바로가기’, ‘GO’ 등의 링크 - URL에 관한 정보를 제공하는 문장에 이어서 링크 텍스트를 삽입
    • 이미지 링크 - alt=”“로 구성하고, URL에 관한 정보를 제공하는 텍스트와 URL로 이동하는 이미지 링크는 하나의 링크로 구성
    • 다른 관점에서 각각 설명한 페이지로 이동하는 링크 - 각기 다른 링크 텍스트로 연결

  • 이미지 링크 (해당 아이콘 이미지만으로도 링크의 용도나 목적지, 내용 등을 충분히 이해할 수 있도록 직관적이고 명료하게 제공 해야 함)

3.이해의 용이성(understandable)

• 가독성

  • 주로 사용하는 언어를 명시해야 함(웹 페이지에서 제공하는 콘텐츠에 적용되는 기본 언어를 반드시 정의해야 함) (텍스트 콘텐츠의 언어 정보를 화면 낭독 프로그램으로 전달하여 정확한 발음으로 읽어주도록 제어하기도 하기 때문)

• 예측 가능성

  • 사용자가 의도하지 않은 기능(새 창, 초점에 의한 맥락 변화 등)은 실행되지 않아야 함

    • 웹 콘텐츠를 구성하는 컨트롤이 초점을 받았을 경우, 사용자가 의도하지 않은 기능이 실행되지 않아야 함 - (반드시,마우스클릭이나 키보드 조작에 의해 실행되어야함)
    • 컨트롤(예 : 콤보 상자, 라디오 버튼, 체크 상자 등)에서 어떤 항목을 선택하는 경우, 해당 항목이 의미하는 기능이 실행 되거나 서식 제출이 일어나지 않아야 함 (시각적인 변화, 사용자 제어(초점)가 이동하지 않은 상태에서 나타나는 추가 정보 등은 기능상 작동이 아니라고 봄)
    • 레이어 팝업의 경우 콘텐츠의 논리적 초점 이동 및 콘텐츠의 선형 구조를 위반할 가능성이 높아 사용하지 않는 것이 바람직함

• 콘텐츠의 논리성

  • 콘텐츠는 논리적인 순서로 제공해야 함
    
  • 표는 이해하기 쉽게 구성해야 함 (표의 내비게이션을 위하여 표의 셀은 제목 셀과 데이터 셀이 구분되도 록 구성해야 함)

• 입력 도움

  • 사용자 입력에는 대응하는 레이블을 제공해야 함
  • 입력 오류를 정정할 수 있는 방법을 제공해야 함 (사용자에게 오류 가 발생한 위치와 오류를 유발하게 된 이유 등에 관한 정보를 알려 주어야 )

4.견고성(robust)

• 문법 준수
  

  • 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 함
  • 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 함 (접근성 프로그래밍 인터페이스 사용 지원, 접근성 프로그래밍 인터페이스 대체 수단 제공, 보조 기술 지)

참고 URL

웹접근성연구소