SNC Lab

웹 콘텐츠에서 색상은 사용자에게 심미적인 효과를 전달하는 것 외에도 어떤 항목을 강조하거나 다른 항목과 구분하기 위한 목적으로 흔히 사용됩니다. 그런데 어떤 항목을 다른 항목과 구분하기 위한 목적으로 색상 정보를 사용하는 경우, 모든 사람이 색상을 분명하게 구분할 수 있지는 않기 때문에 문제가 발생합니다. 우리가 흔히 색맹・색약이라고 부르는 색각 이상 증상을 가진 사람들은 대게 적색과 녹색을 구분하는 데 어려움을 격습니다. 저시력 사용자는 흰 배경에 적힌 회색 계통의 옅은 글자를 잘 읽을 수 없으며, 밝은 모니터 화면을 장시간 볼 경우 심한 눈의 피로를 느낍니다. 사용자는 이러한 불편을 해소하기 위해 명도대비를 21:1 정도로 극대화화 하여 가독성을 높이는 고대비 테마 또는 회색조 테마를 이용합니다. 이..

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

이미지 콘텐츠와 마찬가지로 동영상 콘텐츠에도 대체 수단이 필요합니다. 동영상 콘텐츠에 대체 수단을 적절하게 제공하게 되면, 시각 또는 청각 장애를 가진 사람들 뿐만 아니라 일반적인 사용자도 동영상 콘텐츠를 보다 편리하게 이용할 수 있습니다. 예를 들어 주변에 소음이 가득한 공간에서 동영상을 시청하는 경우에 동영상에 자막이 있다면, 주변이 소란스러워도 볼륨을 최대로 높이지 않고 자막을 통해 내용을 알 수 있습니다. 심지어는 영상을 재생하지 않아도 콘텐츠 목록에서 미리보기로 자막과 함께 영상을 볼 수 있습니다. 동영상 콘텐츠의 대체 수단을 제공할 때에는 이미지 콘텐츠 보다 더 많은 것을 고려해야 합니다. 이미지 콘텐츠는 정보를 시각적으로만 전달하고 시간의 흐름이 없기 때문에 한 순간의 장면에 대한 설명을 제..

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

오류유형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