SNC Lab

오류유형2. 의미 없는 이미지에 대한 대체 텍스트 제공 웹 콘텐츠를 구성하는 요소는 사용자에게 어떤 정보를 전달하려는 목적 외에도 여러가지 목적을 가집니다. 예를 들어, 이미지를 포함한 많은 시각적 요소들은 콘텐츠의 이해를 돕는 보조적인 수단, 또는 단순히 심미적인 효과를 위해 사용됩니다. 일반 사용자는 이러한 시각적 요소의 의미를 이해하기 위해 특별히 노력하지 않습니다. 오히려 이와 같은 정보에는주의를 기울이지 않고 원하는 내용을 담고 있는 영역을 우선적으로 확인할 것입니다. 그런데 우리가 콘텐츠의 강조나 심미적인 효과를 위해 사용한 이미지에 대체 텍스트를 제공한다면 스크린 리더 사용자는 무의미한 정보로 인해 웹 사이트 탐색 과정을 방해 받게 됩니다. 따라서 이러한 유형의 의미 없는 이미지는 보조기술이..

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

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

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

시작하기 전에 웹 접근성이 잘 보장된 웹사이트를 만들기 위한 기술을 적용할 때, 실제로 이를 필요로 하는 사용자가 유용하게 사용할 수 있도록 우리는 항상 적절한 구현 방법에 대해 고민해야 합니다. 앞으로 연재할 글에서는 웹 접근성을 적절하게 웹사이트에 적용하기 위해 어떠한 상황들이 접근성 사용자의 웹사이트 이용을 어렵게 만드는 지를 살펴보고, 문제를 해결할 수 있는 방법을 이미지, HTML, CSS, JavaScript 코드, 스크린 리더 음성 출력 사례로 제공합니다. 사례에는 수 많은 웹 접근성 프로젝트를 수행하며 확인한, 실무에서 빈번하게 발생하는 웹 접근성 문제를 반영했습니다. 하나의 웹 접근성 문제 해결에 활용할 수 있는 여러 가지 기술 및 기법이 있으나, 사례 별로 가장 적합한 방법을 선별하여 ..

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