본문 바로가기

성공기준 이해 1.4.9:텍스트 이미지 (예외 없음) (Level AAA)

요약

목표
사용자는 언제든지 텍스트 표시 방법을 조정할 수 있다.
할 일
정보를 표현하는 다른 방법이 있다면 텍스트 이미지를 사용하지 않는다.
중요성
사람들은 이미지의 텍스트 보기를 변경할 수 없다.

의도

이 성공 기준의 목적은 텍스트의 특정 시각적 표현이 필요한 사람들이 필요에 따라 텍스트 표현을 조정할 수 있도록 하는 것이다. 여기에는 특정 글꼴, 글자 크기, 전경색 및 배경색, 줄 간격 또는 텍스트 정렬이 포함된다.

이는 표시 방식을 변경하는 것으로 텍스트를 구현하거나 사용자가 대체 표시 방식을 선택할 수 있는 매커니즘을 제공하는 것을 의미한다. 텍스트 이미지를 사용하는 것은 사용자가 그 안에 있는 텍스트의 표현을 변경하는 것을 허용하지 않게 구현한 사례이다.

어떤 상황에서는 텍스트의 특별한 시각적 표현이 전달되는 정보에 필수적이다. 이는 특정 시각적 표현이 없으면 정보가 손실된다는 것을 의미한다. 이 경우 표시 방식을 변경할 수 있게 텍스트를 구현할 필요가 없다. 여기에는 특정 글꼴과 같이 텍스트의 특정 시각적 측면을 보여주는 텍스트 또는 회사 로고 내의 텍스트와 같이 정체성을 전달하는 텍스트가 포함된다.

장식적인 텍스트에서는 표시 방식을 변경할 수 있게 텍스트를 구현할 필요가 없다.

텍스트 이미지의 정의에는 다음과 같은 참고 사항이 있다. 참고: 여기에는 중요한 기타 시각적 콘텐츠가 포함된 그림의 일부인 텍스트는 포함되지 않는다. 이러한 그림의 예로는 단순한 텍스트 이상의 내용을 통해 중요한 정보를 시각적으로 전달하는 그래프, 스크린샷, 다이어그램 등이 있다.

이점

  • 저시력인 사람(작성된 글꼴, 크기 및/또는 색상으로 텍스트를 읽는 데 어려움을 겪을 수 있는)
  • 시각적 추적 문제(visual tracking problems)가 있는 사람(작성된 줄 간격 및/또는 정렬로 텍스트를 읽는 데 어려움을 겪을 수 있는 사람)
  • 읽기에 영향을 미치는 인지 장애가 있는 사람

예제

인용
웹 페이지에 인용문이 포함되어 있다. 인용문 자체는 왼쪽 여백에서 들여쓰기된 기울임꼴 텍스트로 표시된다. 인용문에 귀속된 사람의 이름은 인용문 아래 줄 간격의 1.5배로 왼쪽 여백에서 들여쓰기 된다. CSS는 텍스트 위치를 지정하는 데 사용된다. 줄 사이의 간격을 설정한다. 텍스트의 글꼴 모음, 크기, 색상 및 장식을 표시한다.
탐색 항목(Navigation items)
웹 페이지에는 대상을 설명하는 아이콘과 텍스트가 모두 있는 탐색 링크 메뉴가 포함되어 있다. CSS는 텍스트의 글꼴 모음, 크기, 전경색과 배경색을 표시하는 데 사용된다. 탐색 링크 사이의 간격도 마찬가지이다.
텍스트가 포함된 로고
웹 사이트에는 각 웹 페이지의 왼쪽 상단에 조직의 로고가 있다. 로고에는 로고타입(로고의 일부 또는 전부인 텍스트)이 포함되어 있다. 텍스트의 시각적 표현은 로고의 아이덴티티를 표현하는 데 필수적이며, 텍스트 특성이 변경되지 않는 gif 이미지로 포함된다. 이미지에 대체 텍스트가 있다.
글꼴 표현
웹 페이지에 특정 글꼴에 대한 정보가 포함되어 있다. 글꼴을 다른 글꼴로 대체하면 표현의 목적이 무효화된다. 표현은 텍스트 특성을 변경할 수 없는 JPEG 이미지로 포함된다. 이미지에 대체 텍스트가 있다.
편지의 표현
웹 페이지에는 원본 편지의 표현이 포함되어 있다. 편지를 원래 형식으로 묘사하는 것은 편지가 쓰여진 시기에 대한 정보를 전달하는 데 필수적이다. 해당 글자는 텍스트 특성이 변경되지 않는 gif 이미지로 포함되어 있다. 이미지에 대체 텍스트가 있다.
기호 텍스트 문자
양식을 사용하면 사용자가 텍스트 블록을 입력할 수 있다. 이 양식은 텍스트 스타일 지정 및 맞춤법 검사 기능을 포함하여 다양한 버튼을 제공한다. 일부 버튼은 인간의 언어로 무언가를 표현하는 순서를 형성하지 않는 텍스트 문자를 사용한다. 예를 들어 "B"는 글꼴 두께를 늘리고 "I"는 텍스트를 기울임꼴로 표시하며 "ABC"는 맞춤법을 검사한다. 기호 텍스트 문자는 텍스트 특성을 변경할 수 없는 gif 이미지로 포함된다. 버튼에는 텍스트 대체 항목이 있다.

관련 자료

자료는 정보 제공 목적으로만 제공되며 보증을 암시하지 않는다.

기법

이 섹션에서 번호가 매겨진 각 항목은 WCAG 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 간주하는 기법 또는 기법의 조합을 나타낸다. 그러나 이러한 특정 기법을 사용할 필요는 없다. 다른 기법 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 기법 이해, 특히 "기타 기법" 섹션을 참고하라.

충분 기법

조언 기법

준수를 위해 필수는 아니지만 콘텐츠에 더 쉽게 접근할 수 있도록 다음과 같은 추가 기법을 고려해야 한다. 모든 기법을 사용할 수 없거나 모든 상황에서 효과적인 것은 아니다.

점검 규칙

다음은 이 성공 기준의 특정 측면에 대한 점검 규칙이다. WCAG 준수 여부를 확인하기 위해 이러한 특정 점검 규칙을 사용할 필요는 없지만 이것은 정의되고 승인된 검사 방법이다. 점검 규칙 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 점검 규칙 이해를 참고하라.

맨 위로