텍스트가 아닌 이미지나 미디어 같은 콘텐츠의 경우 내용을 자세하게 알 수 있는 긴 설명을 제공해야 한다.
기술설명
이 기술의 목적은 해당 페이지에 긴 설명을 담지 못한 경우(예: longdesc), 원격으로 긴 설명을 연결하는 방법을 제공하는 것입니다.
이 기술은 텍스트가 아닌 콘텐츠의 긴 설명이 다른 페이지에서 제공되는 경우에 사용됩니다.
긴 설명에 대한 링크는 해당 콘텐츠의 바로 앞이나 뒤에 배치되어야 합니다.
긴 설명이 다른 내용과 함께 있는 경우 이를 구분하기 위해 내용이 끝나는 부분에 '설명 끝'이라고 적어주고, [뒤로 가기]버튼을 제공하여 원래 위치로 돌아갈 수 있도록 해주어야 합니다.
이 방법은 [웹접근성 심사 longdesc / 대체 텍스트 aria-describedby]가 생기기 전에 일반적으로 사용되던 방식입니다.
이미지 콘텐츠 옆에 알파벳 'D'를 배치하여, 그 'D'를 클릭하면 긴 설명이 있는 페이지로 이동하였습니다.
그래서 이 기술을 'D-링크(D-Link)'라고도 합니다.
이 기술은 특수한 기술이 아닙니다. 링크를 지원하는 하는 환경이라면 사용 가능합니다.
예시
[예시1] 영업사원 매출 그래프
상위 3명의 영업 사원의 매출을 보여주는 막대 차트가 웹페이지에 있습니다.
짧은 설명으로는 '상위 3명의 영업사원에 대한 10월 판매 현황'이라고 되어있습니다.
텍스트가 아닌 막대차트 이미지 뒤에 긴 설명으로 이동할 수 있는 이미지 링크가 있습니다.
이미지 링크의 대체 텍스트(alt)에는 '차트에 대한 자세한 설명 제공'이라고 되어있습니다.
이미지 링크를 클릭하면 현재 페이지 하단에 있는 '차트 설명'섹션으로 이동합니다.
이 섹션에서는 해당 차트에 대한 긴 설명이 제공 됩니다. 내용은 다음과 같습니다. "10월 판매랑은 메리가 400개로 1등이며 마이크가 389개로 2등입니다. 크리스는 350개로 3등입니다. [설명 끝]"
[예시2] 보안상의 이유로 [뒤로 가기]기능이 지원되지 않는 경우
상위 3명의 영업 사원의 매출을 보여주는 막대 차트가 웹페이지에 있습니다.
짧은 설명으로는 '상위 3명의 영업사원에 대한 10월 판매 현황'이라고 되어있습니다.
텍스트가 아닌 막대차트 이미지 뒤에 긴 설명으로 이동할 수 있는 이미지 링크가 있습니다.
이미지 링크의 대체 텍스트(alt)에는 '차트에 대한 자세한 설명 제공'이라고 되어있습니다.
이미지 링크를 클릭하면 현재 페이지 하단에 있는 '차트 설명'섹션으로 이동합니다.
이 섹션에서는 해당 차트에 대한 긴 설명이 제공 됩니다. 내용은 다음과 같습니다. "10월 판매랑은 메리가 400개로 1등이며 마이크가 389개로 2등입니다. 크리스는 350개로 3등입니다. 설명이 끝났습니다. <link>판매 차트로 돌아가기</link>"
[예시3] 링크로 사용된 캡션
차트가 이미지로 제공되고 있습니다. 이미지 아래 캡션이 차트의 긴 설명을 하고 있습니다.
해당 링크의 title 속성은 아래의 캡션이 긴 설명임을 알려줘야 합니다.
[예시4] 오디오 전용 파일의 기록
마틴 루터 킹의 연설 오디오가 제공 되고 있습니다. 오디오 파일에 대한 링크와 스크립트가 나란히 표시 됩니다.
관련기술
G74: 짧은 설명에 있는 긴 설명의 위치를 참조하여 텍스트가 아닌 콘텐츠 근처에 텍스트로 긴 설명을 제공합니다.
점검절차
1. 텍스트가 아닌 콘텐츠 바로 앞이나 뒤에 링크가 있는지 확인합니다.
2. 링크가 텍스트가 아닌 콘텐츠에 대한 긴 설명으로 갈 수 있는 유효한 링크인지 확인합니다.
3. 긴 설명이 해당 콘텐츠의 내용과 동일한지 확인합니다.
4. 긴 설명을 다 읽고 원래 위치로 되돌아 갈수 있는 링크 도는 기능이 있는지 확인합니다.
나의 정리
텍스트가 아닌 이미지나 미디어 같은 콘텐츠의 경우 페이지 내에서 중요한 정보를 제공하고 있다면, 텍스트 이외의 콘텐츠를 볼 수 없는 사용자를 위해서 해당 콘텐츠에 대한 내용을 자세하게 설명해주는 긴 설명이 제공되어야 합니다.
긴 설명이 해당 콘텐츠 바로 다음에 제공되지 않고 다른 위치 또는 다른 페이지에서 제공되는 경우 긴 설명으로 이동할 수 있는 링크를 제공해야 합니다.
긴 설명으로 이동하는 링크는 해당 콘텐츠의 바로 앞이나 뒤에 있어야 사용자들이 쉽게 접근할 수 있습니다.
긴 설명이 다른 위치에서 제공하는 경우 긴 설명이 끝나는 부분에 '[설명 끝]', 또는 '설명이 끝났습니다.'와 같이 설명이 끝났음을 알 수 있도록 만들어주어야 합니다. 그리고 마지막에 다시 되돌아 갈수 있는 [돌아가기] 버튼을 제공하여 원래 위치로 돌아 갈수 있도록 해주어야 합니다.
G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G73.html
G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text c
The objective of this technique is to provide a way to link to remote long descriptions in technologies that do not have a long description feature built directly into them (e.g., longdesc) or where the feature is known to not be supported. With this techn
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G75] 콘텐츠 업데이트를 연기할 수 있는 기능을 제공하자. (0) | 2024.05.15 |
|---|---|
| [웹접근성 지침-일반기술 G74] 긴 설명을 제공하는 경우 짧은 설명(=대체 텍스트)은 콘텐츠 근처에서 긴 설명의 위치를 알 수 있게 정보를 제공해야 한다. (1) | 2024.05.01 |
| [웹접근성 지침-일반기술 G71] 모든 웹 페이지에 도움말 링크가 제공되어야 한다. (0) | 2024.04.29 |
| [웹접근성 지침-일반기술 G70] 온라인 사전기능을 제공해야 한다. (0) | 2024.04.26 |
| [웹접근성 지침-일반기술 G69] 시간 기반 미디어에 대한 대안을 제공해야 한다. (0) | 2024.04.22 |
