복잡한 이미지: 차트, 지도, 긴 설명

일부 이미지는 짧은 문구에 담기에는 정보가 너무 많습니다. 차트, 지도, 다이어그램에는 더 긴 설명 계획이 필요합니다.

복잡한 이미지라도 2024년 월별 매출 막대 그래프처럼 이미지의 이름을 나타내는 짧은 대체 텍스트를 작성합니다.

짧은 대체 텍스트로 이미지의 이름을 나타내고, 가까이에 있는 긴 설명으로 이미지가 보여 주는 실제 데이터나 관계를 전달합니다.

좋은 긴 설명은 모든 값을 하나씩 나열하는 대신 12월에 매출이 최고치를 기록했다는 식으로 핵심 내용을 전달합니다.

차트의 경우 가장 효과적인 대안은 그래픽 바로 아래에 동일한 숫자를 담은 실제 HTML 표를 제공하는 것입니다.

페이지에 긴 설명을 배치하고, 해당 요소의 id를 가리키는 aria-describedby로 연결할 수 있습니다.

이미지와 눈에 보이는 설명을 figure와 figcaption으로 감싸면 누구에게나 두 요소의 연결 관계가 분명해집니다.

기본 정보가 없으면 지도 이미지는 쓸모가 없으므로, 텍스트로 된 대안으로 주소, 길 안내 또는 목록을 제공해야 합니다.

순서도에서는 시각적 배치 없이도 논리를 이해할 수 있도록 단계와 그 순서를 글로 설명합니다.

긴 설명을 쉽게 찾을 수 있게 하세요. 사용자가 접근할 수 없는 숨겨진 텍스트 대안은 전혀 도움이 되지 않습니다.

이미지가 풍부할수록 텍스트 대안이 더 많은 내용을 전달해야 합니다. 작성할 분량은 이미지의 복잡도에 맞추세요.

복잡한 차트에 가장 적합한 방법을 선택하세요.

잘하셨습니다! 복잡한 이미지에는 짧은 대체 텍스트와 함께 핵심 내용을 전달하는 실제 텍스트 대안, 데이터 표, figcaption 또는 aria-describedby를 제공합니다.