SNC Lab

고정 헤더 영역

글 제목

메뉴 레이어

SNC Lab

메뉴 리스트

  • 홈
  • 태그
  • 전체 카테고리
    • 글로벌 접근성 동향
    • 전자문서 접근성 실전 가이드
    • 오류유형으로 살펴보는 웹 접근성 지침
    • UX

검색 레이어

SNC Lab

검색 영역

컨텐츠 검색

사례

  • 대체 텍스트 올바르게 제공하기-2편

    2020.02.25 by (주)에스앤씨랩

  • 대체 텍스트 올바르게 제공하기 - 1편

    2020.02.25 by (주)에스앤씨랩

대체 텍스트 올바르게 제공하기-2편

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

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

대체 텍스트 올바르게 제공하기 - 1편

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

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

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
SNC Lab © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바