SNC Lab

오류유형3. 계층구조적 이미지에 대한 대체 텍스트 제공 우리가 콘텐츠를 접할 때 서술형 텍스트로 된 내용보다는 구조화되었거나 이미지로 표현된 내용이 한층 이해하기 쉬운 경우가 있습니다. 이러한 이유로 웹 콘텐츠 중에는 복잡한 조직의 구조나 단계적 절차 등을 간결한 이미지로 나타낸 예가 많습니다. 하지만 이러한 웹 콘텐츠들을 마크업할 때는 반드시 주의해야 할 점이 있습니다. 조직간의 관계를 표현하지 않은 경우 정부나 기업과 같이 조직체의 구조와 관계를 표현한 조직도 이미지는 각 계층 간의 관계 정보가 중요합니다. 따라서 관계 정보를 사용자가 이해할 수 있도록 올바르게 제공하는 방법을 살펴보도록 하겠습니다. Example 조직 계층이 있는 이미지 Do Not 스크린 리더 음성 "조직도 이미지" "대표이사 이..

오류유형으로 살펴보는 웹 접근성 지침 2020. 3. 4. 17:04

오류 유형 1. 이미지 요소의 alt 속성 제공 웹사이트에 이미지를 표현하고 싶을 때 여러 가지 방법을 이용할 수 있습니다. 그중 가장 기본적이며, 흔하게 사용되는 방법이 , 와 같은 HTML 이미지 요소(element)의 사용일 것입니다. alt 속성(attribute)은 이러한 이미지 요소를 대체할 수 있는 텍스트(alternative text), 즉, 설명을 제공하는 역할을 합니다. 스크린 리더는 alt 속성 값으로 제공된 텍스트를 해석해서 음성으로 출력해 줍니다. 이번 편에서는 이미지 콘텐츠의 대체 텍스트를 제공하는 방법 중 하나인 alt 속성과 관련된 웹 접근성 오류에 대해 알아보겠습니다. alt 속성을 선언하지 않은 경우 만약 alt 속성 자체를 생략해 버린다면, 어떻게 될까요? alt 속성을..

오류유형으로 살펴보는 웹 접근성 지침 2020. 2. 25. 15:17