Good Mood

Basic Techniques

• Terminology
• Synopsis
• Demo of ALT Text
• Implementing the ALT Attribute
• Image Caption vs., ALT Text
• 부적절한 사용하여
• 빈 ALT Text

복잡한 이미지

• 요약 ALT 태그 설명
• Extended 설명
• 기타 기술(새로운 페이지)

으로 이미지의 링크

• 링크 및 단추
• 사용 제목에 대한 도구 설명을
• 결합한 이미지/텍스트 링크

참고:스크린 리더는”이미지”를 다섯 번 말합니다.,

<img src="https://accessibility.psu.edu/images/imageshtml/CampLogo.gif" alt="Camp 2011 logo">

기타 특성 등과 같은 높이와 폭을 수 있도 포함됩니다.,참고:권장 대체 텍스트 길이는 약 125 자입니다. 이 JAWS 화면 판독기 대체 텍스트 필드를 수용합니다. 그러나 이것은 WCAG 지침 내에 있지 않습니다.

이미지막 대체 텍스트

어떤 이미지에 대한 정보와 같은 저작권 정보,이미지,소스 또는 추가 정보를 배치해야에서 캡션의 아래에 텍스트,이미지에 대체 텍스트. 아래 예제를 참조하십시오.

캡션:1907 년 John Ward Dunsmore 의”Valley Forge 의 Washington and Lafayette”그림. 의회 도서관의 이미지 제공.,

로고

로고,특히 로고 반복되는 것,그것이면 충분을 식별하는 로고 그것은, 반드시 완전히 설명해

부적절한 사용 ALT Text

이것은 사용하지 않아야 합니다.

• 을 소개하 도구 설명 텍스트,
• 을 제공하 저작권 또는 소스에 대한 정보를 이미지 또는
• 전달 supplementaty 에 대한 정보 그래픽입니다.,
• 검색어를 소개합니다(이것은 제목을 잘 사용하여 수행 할 수 있습니다).

빈체 텍스트를 위한 장식적인 이미지

일부 이미지는 사용 전적으로 레이아웃을 목적으로 또는 컨텐츠를 개선하기 위한 시력이 있는 사용자와 제공합니다.

태그를 이러한 이미지할 수 있습 빈(<alt=””>또는<alt=””>)그래서는 화면 독자들은 그들을 무시합니다.,

아래의 예를 사용한 샘플 이미지의 무지개는 도구 모음 뒤에 일부 액세스할 수 있고 액세스 코드 예제가 있습니다.

무지개는 도구 모

다고 가정 웹 측도록 설계되었으로 무지개는 도구 모음을 사용하여 별도의 조각의 텍스트입니다.

참고:ALT 특성으로 공백 문자로 간주 적은 정확하지만,유일한 옵션이 될 수 있습에서 허용되는 일부 콘텐츠 관리 시스템입니다.

간결한 Alt Text

경우를 설명하는 텍스트가 이미 제공된 이미지 내의 주요 텍스트의 페이지,다음 ALT 태그할 수 있을 제공합니다 요약의 이미지가 아닌,전체 설명합니다.,이것이 다른 상황에서 어떻게 사용될 수 있는지에 대한 예는 복잡한 이미지를 참조하십시오.

이미지가있는 예제 텍스트

아래는 18 개의 탄소 분자를 가진 포화 지방 분자의 이미지입니다. 원소 사이의 단일 결합이 탄소 사슬을 비교적 직선으로 만든다는 것을 알 수 있습니다.,

링크를 확장 Descriptions

어떤 경우에는 데 필요할 수 있습 링크를 추가하는 확장된 이미지의 경우에 특히 이미지를 전달하기 위해 사용되는 중요한 콘텐츠입니다. LONGDESC 태그,D—링크 또는 더 긴 설명에 대한보다 명백한 링크를 포함하여 여러 가지 방법이 있습니다. 아래 참조에 대한 예

에 대한 링크를 자막 Text

경우에는 정보는 중요 한,다음을 명백 캡션을 링크할 수 있는 최고의 솔루션입니다. 이 방법은 더 긴 설명을 사용할 수 있다는 가장 명확한 표시를 제공합니다.,

보기 텍스트를 확장 Description

D-링크

일부 전문가의 사용을 옹호 a D-에 대한 링크를 신의 존재를 확장된 텍스트를 설명합니다. 그러나 일부 사용자는 규칙을 인식하지 못할 수도 있습니다. 이 방법은 순전히 보충적인 정보를 제공하는 데 가장 적합합니다.

D

LONGDESC 속성

이는 특성에 숨겨진 visual 브라우저지만,인식하여 화면 독자. LONGDESC 는 콘텐츠를 향상시키는 추가 세부 정보를 제공하는 데 가장 적합하지만 중요하지는 않습니다., LONGDESC 는 비주얼 브라우저와 스크린 리더 사이에서 불완전한 지원을 가지고 있으며 HTML5 에서는 사용되지 않는다는 점에 유의해야합니다.

링크 및 단추

에 대한 이미지로 사용되는 탐색하는 요소를 트리거 기능 등으로 인쇄,업로드 또는 저장,대체 텍스트를 기술해야 하는 대상이나 기능하지 않은 이미지입니다.

클릭할 수 있 및 비 클릭 펜실베니아 주립 쉴드

경우 펜 스테이트 방패에 사용되는 웹 페이지의 텍스트에 따라 사용되는지 여부를 클릭할 수 있(즉,연결하는 펜 스테이트 홈 페이지)또는 아닙니다.,

경우 펜 스테이트 쉴드 이미지를 제공하는 데 사용되는 링크를 클릭할 수 있는 홈페이지의 텍스트를 표시해야할 대상(즉,ALT=”펜 스테이트 홈 페이지”)참고의 IMG 태그에 내장된 태그에 대한 링크입니다.

참고:방패를 클릭 할 수없는 경우 대체 텍스트는”펜 상태”또는”펜 상태 방패”일 수 있습니다.

TITLE Attribute For Tool Tips

IMG text 의 TITLE attribute 는 목격된 사용자를 위한 툴팁을 생성하는 데 사용될 수 있습니다. 하지만 그 점에 유의하시기 바랍니다.,

• 제목 속성은 대부분의 화면 판독기에서 기본적으로 소리내어 읽지 않습니다.
• 대체 텍스트는 일반적으로 대부분의 브라우저에서 도구 팁으로 표시되지 않습니다.

경우 도구가 필요한 시력이 있는 사용자를 모두 제목과 ALT 특성과 동일한 정보를 사용할 수 있도록 동일한 정보를 전달하 모니다.

이 아래 예

즐겨찾기 마음 버튼 도구

버전을의 중심부 이미지는 아래에서 사용할 수 있는 인터페이스 선택하려면 원하는 항목을(예를들면 좋아하는 노래이나 e-book).,

모두체 텍스트하고 제목의 특성은”즐겨찾기”

보드