현재 페이지 위치

Home> 광장> 널리 블로그> 상세보기

목록이전 글 보기391/394다음 글 보기

추천하기
추천 횟수 :0
조회수
683
공유하기
페이스북으로 공유하기페이스북 공유 횟수 :0트위터로 공유하기트위터 공유 횟수 :0

Web Content Accessibility Guidelines(WCAG) 2.1 번역본

접근성

 

Web Content Accessibility Guidelines(WCAG) 2.1은 2008년 12월 W3C Recommendation으로 발행된 Web Content Accessibility Guidelines(WCAG) 2.0을 기반으로 새로운 적합 기준과 이를 지원하는 정의, 추가된 내용을 구성하는 지침을 추가하고, 적합성 절에 몇 가지 내용을 추가하는 방식으로 보완했습니다. 이렇게 내용을 추가하는 방식 덕분에 WCAG 2.1을 만족하는 사이트는 WCAG 2.0 역시 만족한다는 점을 명확히 알 수 있으므로, WCAG 2.0과 관련된 준수 의무를 충족합니다. 


 

WCAG 2.1 전체 번역본 공개 (* 버튼을 클릭하면 번역본 문서로 이동합니다.)

WCAG 2.1 번역 내용 살펴보기

 


WCAG 2.1에 새로 추가된 적합 기준 17가지로, 요약하면 다음과 같습니다. 

 

1.3.4 방향 (Level AA)
특정 디스플레이 방향이 필수적인 경우가 아니라면, 콘텐츠를 가로 또는 세로 등의 한 방향으로만 보거나 이용할 수 있게 제한하지 않는다. 

1.3.5 입력 목적 확인 (Level AA)
사용자에 관한 정보를 수집하는 각 입력 필드의 목적은 다음과 같은 경우 프로그래밍 방식으로 확인할 수 있다

1.3.6 목적 확인 (Level AAA)
마크업 언어로 구현된 콘텐츠에서 사용자 인터페이스 컴포넌트와 아이콘, 영역의 목적은 프로그래밍 방식으로 확인할 수 있다.

1.4.10 재배치 (Level AA)
다음과 같은 경우, 정보나 기능의 손실 없이, 2차원에서 스크롤을 하지 않고도 콘텐츠를 표현할 수 있다. 
  • 320 CSS 픽셀 너비의 세로 스크롤링 콘텐츠
  • 256 CSS 픽셀 높이의 가로 스크롤링 콘텐츠
사용성이나 의미 때문에 2차원 레이아웃이 필요한 부분은 예외로 한다.

1.4.11 비텍스트 명암비 (Level AA)
다음을 시각적으로 표현할 때 인접 색상의 최소 명암비는 3:1이다.
  • 사용자 인터페이스 컴포넌트: 비활성 컴포넌트이거나 컴포넌트의 모양이 사용자 에이전트에 의해 결정되고 제작자가 수정하지 않는 경우를 제외하고, 사용자 인터페이스 컴포넌트와 상태를 식별하는 데 필요한 시각 정보. 
  • 그래픽 개체: 특정 그래픽 표현이 전달되는 정보에 필수적인 경우를 제외하고, 콘텐츠를 이해하는 데 필요한 그래픽 부분.

1.4.12 텍스트 간격 (Level AA)
다음과 같은 텍스트 스타일 속성을 지원하는 마크업 언어를 사용해 콘텐츠를 구현한 경우, 다음의 모든 속성을 설정하고 다른 어떤 스타일 속성도 변경하지 않으면 콘텐츠나 기능이 손실되지 않는다.
  • 줄 높이(줄 간격)를 글꼴 크기의 최소 1.5배로 설정
  • 단락 간격을 글꼴 크기의 최소 2배로 설정
  • 자간(추적)을 글꼴 크기의 최소 0.12배로 설정
  • 단어 간격을 글꼴 크기의 최소 0.16배로 설정
예외: 서면 텍스트에서 이러한 텍스트 스타일 속성을 하나 이상 사용하지 않는 언어와 문자는 해당 언어와 문자의 조합에 존재하는 속성만 사용하면 된다.

1.4.13 마우스로 가리키거나 키보드 포커스 시 콘텐츠 (Level AA)
마우스 포인터로 가리키거나 키보드 포커스를 받은 다음 이를 제거하면 추가 콘텐츠가 보였다 사라지는 경우, 다음 사항을 만족한다.
  • 해제 가능: 추가 콘텐츠가 입력 오류를 전달하거나 다른 콘텐츠를 가리거나 대체하지 않는 한, 마우스 포인터나 키보드 포커스를 움직이지 않고도 추가 콘텐츠를 닫을 수 있는 메커니즘이 있다.
  • 포인터로 가리키기 가능: 마우스 포인터로 가리키면 추가 콘텐츠가 나타나는 경우, 추가 콘텐츠를 그대로 유지하면서 해당 콘텐츠 위로 마우스 포인터를 움직일 수 있다.
  • 지속 가능: 마우스 포인터나 키보드 포커스를 제거하거나, 사용자가 콘텐츠를 닫거나, 정보가 더 이상 유효하지 않게 될 때까지 추가 콘텐츠가 보이도록 유지한다.
예외: 추가 콘텐츠의 시각적인 표현을 사용자 에이전트에서 제어하고, 제작자가 이를 수정하지 않는 경우

2.1.4 문자 키 단축키 (Level A)
문자(대소문자 포함)나, 문장 부호, 번호, 기호만을 이용해서 콘텐츠에 키보드 단축키를 구현한 경우, 다음 중 하나 이상을 만족한다.
  • 해제: 단축키를 해제할 수 있는 메커니즘을 제공한다.
  • 재설정: 하나 이상의 인쇄할 수 없는 키보드 문자(예: Ctrl, Alt 등)를 이용하도록 단축키를 재설정할 수 있는 메커니즘을 제공한다.
  • 포커스 시에만 활성화: 사용자 인터페이스 컴포넌트의 키보드 단축키가 해당 컴포넌트에 포커스가 있을 때만 활성화된다.

2.2.6 타임아웃 (Level AAA)
사용자 활동이 없을 때 데이터가 20 시간 이상 보관되지 않는 한, 사용자의 활동이 없으면 데이터가 유실될 수 있음을 사용자에게 경고한다.

2.3.3 인터랙션으로 인한 애니메이션 (Level AAA)
애니메이션이 해당 기능이나 전달되는 정보에 필수적이지 않는 한 인터랙션에 의해 작동되는 모션 애니메이션을 비활성화할 수 있다.

2.5.1 포인터 제스처 (Level A)
다중 포인트나 경로 기반 제스처를 사용해 조작하는 모든 기능은 다중 포인트 또는 경로 기반 제스처가 필수적인 경우가 아니면 경로 기반 제스처 없이 단일 포인터로 조작할 수 있다.

2.5.2 포인터 취소 (Level A)
단일 포인터를 사용해 조작할 수 있는 기능의 경우, 다음 중 하나 이상을 만족한다.
  • 다운 이벤트 사용 안 함: 포인터의 다운 이벤트를 사용해 기능의 일부를 실행하지 않는다.
  • 중단 또는 실행 취소: 업 이벤트 시 기능이 완료되며, 완료 전에 기능을 중단하거나 완료 후에 기능의 실행을 취소할 수 있는 메커니즘이 있다.
  • 업 이벤트 시 되돌림: 업 이벤트가 이전 다운 이벤트의 결과를 되돌린다.
  • 필수: 다운 이벤트 시 필수적으로 기능을 완료한다.

2.5.3 이름에 레이블 포함 (Level A)
텍스트 또는 텍스트 이미지를 포함하는 레이블이 있는 사용자 인터페이스 컴포넌트의 경우 이름에 시각적으로 표시되는 텍스트를 포함한다.

2.5.4 모션 작동 (Level A)
기기나 사용자 모션으로 조작할 수 있는 기능은 사용자 인터페이스 컴포넌트로도 조작할 수 있으며, 우발적인 작동을 방지하기 위해 모션에 대한 응답을 비활성화할 수 있다. 단, 다음과 같은 경우는 예외로 한다.
  • 지원 인터페이스: 모션이 접근성 지원 인터페이스를 통해 기능을 조작하는 데 사용된다.
  • 필수: 기능을 실행하는 데 모션이 필수적이며, 그렇게 하면 해당 작업이 무효화된다.

2.5.5 대상 크기 (Level AAA)
다음의 경우를 제외하고, 포인터 입력 대상의 크기가 최소한 44 x 44 CSS 픽셀이다.
  • 동등: 동일한 페이지에서 44 x 44 CSS 픽셀 이상의 동등한 링크나 컨트롤을 통해 대상을 이용할 수 있다.
  • 인라인: 대상이 문장 또는 텍스트 블록 내에 있다.
  • 사용자 에이전트 컨트롤: 대상의 크기가 사용자 에이전트에 의해 결정되며 제작자가 수정하지 않는다.
  • 필수: 정보를 전달하는 데 특정한 대상 표현이 필수적이다.

2.5.6 동시 입력 메커니즘 (Level AAA)
제한이 필수적이거나 콘텐츠의 보안을 보장해야 하거나 사용자 설정을 유지해야 하는 경우를 제외하고, 웹 콘텐츠는 플랫폼에서 사용할 수 있는 입력 방식의 사용을 제한하지 않는다.

4.1.3 상태 메시지 (Level AA)
마크업 언어로 구현된 콘텐츠에서 상태 메시지는 역할이나 속성을 통해 프로그래밍 방식으로 확인할 수 있으므로 포커스를 받지 않고 보조 기술로 사용자에게 제공할 수 있다.

 

 

 

 

Nts Nuli님 프로필

회원 등급 : 7

Nts Nuli

널리 관리자입니다.

1개56개

댓글보기

전체 댓글
4
로그인
정찬명
WCAG 2.1 새 지침 번역하고 해설을 추가했던 포스팅이 있어 함께 참고하시라고 링크합니다. 
https://naradesign.github.io/article/wcag-2.1.html
Nts Nuli
@정찬명좋은 정보 공유해주심에 감사드립니다. ^^
해당 아티클에서는 우선 간략하게 추가된 17가지의 항목들을 설명하고 이미지의 버튼을 클릭하면 Understanding을 포함하여 전체 번역본을 확인하실 수 있습니다. 
-
어디에 문의할 곳이 없어서 여기에 씁니다. n-MET프로그램은 이제 다운받지 못하나요? 기존에 다운받았던 컴터에서는 열리던데.. 새로 다운받으려고 들어와보니 없어졌네요.. 인터넷 검색해서 다운로드 받아도 설치가 안되구요.. 이제 사용할 수 없는 프로그램인가요?
Nts Nuli
@-안녕하세요. N-MET을 사용해주심에 감사드립니다. 안타깝게도 N-MET 프로그램은 내부 사정상 더 이상 제공해드리고 있지 않습니다. 추후 더 좋은 프로그램으로 찾아뵙겠습니다. 고맙습니다.

목록이전 글 보기391/394다음 글 보기

공유하기
페이스북으로 공유하기페이스북 공유 횟수 :0트위터로 공유하기트위터 공유 횟수 :0