[웹접근성 지침-일반기술 G190] '웹 접근성'을 준수하지 않은 요소 옆에는 '이를 대체 버전으로 연결시키는 링크'를 제공해야합니다.

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G190.html

---

웹 접근성 규정에 맞지 않는 콘텐츠를 제공하고 있다면, 해당 콘텐츠 옆에 대체 버전으로 이동할 수 있는 링크를 제공해야 합니다. 대체 버전은 원본과 내용 및 기능이 동일하게 제공되어야 합니다.

---

기술설명

웹 페이지의 모든 요소나 개체가 웹 접근성에 맞게 제작되면 좋지만, 특정 상황으로 인해 이를 준수 하지 못하는 경우가 있을 수 있습니다. 특정 장애가 있는 사람을 대상으로 객체나 콘텐츠를 만든 경우 다른 사람들이 접근하기 힘든 경우가 생기기도 합니다.

웹페이지에서 웹 접근성에 맞지 않는 객체가 있는데 에는 다른 이유가 있을 수 있습니다.

객체가 규격에 맞지 않다면 '규격에 맞는 대체 버전을 제공하는 링크'가 읽기 순서에 맞게 '규격에 맞지 않는 객체'에 인접해 있어야 합니다. 또는 규격에 맞지 않는 콘텐츠가 링크가 되어야 합니다.

그리고 '대체 버전의 내용'은 '규격에 맞지 않는 버전'의 내용과 동일해야 합니다.

 

 

예시

[예시.1] 오디오 설명이 음악 감상에 방해를 주는 뮤직 비디오.

'힙합 키드'라는 랩 음악의 뮤직비디오입니다. 곡이 멈추는 사이에 오디오 설명이 나오게 되면 아티스트가 전달하려는 기타라인과 드럼의 그루브를 듣는데 방해가 됩니다.

웹 페이지에서 해당 비디오 객체 바로 뒤에 ['힙합 키드'의 오디오 설명]이라는 링크가 있습니다.

이 링크로 대체 버전으로 이동하면 비디오에서 오디오에 대한 설명을 시각적으로 표현하고 있습니다.

 

 [예시.2] 역사적인 문서 이미지

웹 페이지에 미국 독립 선언문 이미지가 포함되어 있습니다.

텍스트 색과 배경색의 대비가 낮아서 문서 내의 글자를 알아보기가 힘듭니다.

대체 버전으로 이동하는 링크를 클릭하면 해당 문서의 내용을 HTML 버전으로 제공받을 수 있습니다.

 

[예시.3] 접근성이 지원되지 않는 애니메이션

웹 접근성이 적용되지 않은 대화형 애니메이션이 있습니다.

애니메이션의 대체 링크가 해당 콘텐츠 옆에 있습니다.

 

 

관련기술

G136: 비준수 웹 페이지의 시작 부분에 적합한 대체 버전을 가리키는 링크 제공

 

 

점검절차

1. 웹 페이지에 '웹 접근성'에 맞지 않는 객체가 있는지 확인합니다.

2. '웹 접근성' 규정에 맞지 않는 객체 바로 뒤에 식별 가능한 대체 버전의 링크가 있는지 확인합니다.

3. 해당 링크가 적합한 버전으로 연결되는지 확인합니다.

 

 

---

 

나의 정리

웹 페이지 내에서 웹 접근성 규정에 맞지 않는 콘텐츠가 제공될 때가 있습니다.

특정 장애가 있는 분들을 위해 만든 콘텐츠가 다른 사용자들에게는 불편함을 줄 수 도 있습니다.

또는 콘텐츠의 특성상 어쩔 수 없이 규정에 맞지 않게 제공해야하는 경우도 있을 수 있습니다.

즉 다양한 이유로 규정에 맞지 않는 콘텐츠가 만들어 진다는 것입니다.

 

이런 경우 해당 콘텐츠의 대체 버전으로 이동할 수 있는 링크를 제공해 주어야 합니다.

이 링크는 사용자의 시각적 동선을 고려하여 규정에 맞지 않는 콘텐츠 옆에 제공해 주는 것이 좋습니다.

링크로 제공되는 대체 버전의 내용과 기능은 원본의 내용과 기능이 동일해야 합니다.

---

 

G190: Providing a link adjacent to or associated with a non-conforming object that links to a conforming alternate version

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G190.html

G190: Providing a link adjacent to or associated with a non-conforming object that links to a conforming alternate version | Tec