NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


WCAG 2.1 Working Draft 새로운 성공 기준 리뷰.

본문 건너 뛰기

W3C 에서 2008년 12월 11일 WCAG 2.0 버전을 권고(Recommendation) 발표한지 약 8년이 넘었는데요. 최근(2017년 2월 28일) WCAG 2.1 버전 초안(Working Draft)을 공개했습니다. 이번에 새로 발표한 초안은 WCAG 2.0 모든 항목을 계승한 상태에서 새로운 지침 3개와 제안 지침 25개(2017년 3월 현재)를 추가해 두었습니다. 현재로써는 초안이기 때문에 확정된 항목들은 아니지만 지금까지 합의된 새로운 지침 3개를 아래 원문과 함께 번역해 두었으니 참고해 주세요. WCAG 2.0 항목과 중복이 되는 부분도 있어 보이는데요. 나중에 조정할 예정이랍니다. 오역은 댓글 부탁드려요.

새로운 성공 기준(3개)

1.4.11 Resize content(Level A)

Content can be resized to 400% without loss of content or functionality, and without requiring two-dimensional scrolling except for parts of the content where fixed spatial layout is necessary to use or meaning.

1.4.11 내용 크기 변경(수준 A)

내용 또는 기능 손실 없이, 그리고 의미상 또는 고정 공간 배치가 필수인 경우를 제외하고 2차원 스크롤 없이 내용을 400%까지 크기 조절할 수 있어야 한다.

// 의견: 웹 페이지에 확대/축소 기능을 넣으라는 의미가 아닙니다. 웹 브라우저가 제공하는 확대/축소 기능을 사용할 때 접근성 문제가 없어야 한다는 것을 의미합니다. 일반적으로 고정폭 웹 페이지는 400%까지 확대하는 경우 세로 스크롤과 함께 가로 스크롤을 유발합니다. 웹 개발자는 이 문제를 해결하기 위해 반응형 또는 가변폭 웹 페이지 레이아웃을 적용해야 합니다.

1.4.12 Graphics Contrast(Level AA)

The visual presentation of graphical objects that are essential for understanding the content or functionality have a contrast ratio of at least 4.5:1 against the adjacent color(s), except for the following:

Thicker
For graphical objects with a minimum width and height of at least 3 CSS pixels, the graphic has a contrast ratio of at least 3:1.

Sensory
Non-text content that is primarily intended to create a visual sensory experience has no contrast requirement;

Logotypes
Graphics that are part of a logo or brand name have no minimum contrast requirement.

Essential
A particular presentation of the graphical is essential to the information being conveyed.

1.4.12 그래픽 명도 대비(수준 AA)

내용이나 기능을 이해하는 데 필수적인 그래픽 객체의 시각적 표현은 다음을 제외하고 인접 색상 대비 적어도 4.5 : 1의 명암비를 갖습니다.

더 두꺼운
최소 너비와 높이가 3 CSS 픽셀 이상인 그래픽 객체의 경우 그래픽의 명도 대비가 최소 3 : 1입니다.

감각
주로 시각적 감각 경험을 창출하기위한 비 텍스트 콘텐츠는 명도 대비 요구 사항이 없습니다.

로고 타입
로고 또는 브랜드 이름 그래픽은 최소 명도 대비 요구 사항이 없습니다.

필수적인
그래픽의 특별한 표현이 정보 전달에 필수적인 경우.

// 의견: 이 항목의 목적은 텍스트와 배경색의 명도 대비를 권장하는 지침을 그래픽까지 확대 적용하는 것입니다. 단, 모든 그래픽에 적용하는 것이 아니라 내용이나 기능을 이해하는데 필수적인 그래픽 객체에 한정합니다. 그래픽 객체는 이미지 문자를 의도하지 않으며 주로 아이콘, 선, 다이어그램과 같은 시각적 정보를 의미합니다. 3px 미만의 라인 표현은 얇은 편에 속하기 때문에 4.5 : 1의 명암비를 요구하는 한편 3px 이상의 라인 표현은 두껍기 때문에 3 : 1 수준의 명암비만 요구합니다. 정보 아닌 감성을 전달하기 위한 그래픽 또는 정보 전달에 필수적인 표현은 이 항목의 요구 사항을 준수할 필요가 없습니다.

2.2.8 Interruptions(minimum)(Level AA)

There is an easily available mechanism to postpone and suppress interruptions and changes in content unless they are initiated by the user or involve an emergency.

2.2.8 방해(최소)(수준 AA)

사용자가 시작하거나 긴급 상황이 발생하지 않는 한 내용의 변경과 방해를 중단하거나 연기하는 메커니즘을 쉽게 사용할 수 있어야 한다.

// 의견: 주의력과 기억력 장애가 있는 사람이 과업을 수행할 수 있도록 주의를 끄는 자동 변경 콘텐츠를 제공하지 않아야 한다는 것을 의미합니다. 만약 제공하는 경우 손쉽게 중단할 수 있어야 합니다. 이 지침은 WCAG 2.0 – 3.2.5 요청에 의한 변화: 문맥의 변경은 오직 사용자의 요청에 의해서만 발생해야 한다. 그렇지 않으면 변경을 끌 수 있어야 한다. (수준 AAA) 항목과 유사해 보입니다. 다만 이런 변경을 중단할 수 있는 메커니즘을 쉽게 사용할 수 있어야 한다는 측면을 더욱 강조한 것 같네요. 예를 들면 자동 갱신 콘텐츠가 이 항목의 적용을 받습니다. 자동 갱신 콘텐츠를 제공한다면 쉽게 중단하는 방법도 함께 제공해야 합니다.

분류: 웹 접근성,웹 표준 | 2017년 3월 16일, 18:39 | 정찬명 | 댓글: 0개 |
트랙백URI - http://naradesign.net/wp/2017/03/16/2253/trackback/

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님