이미지에 대체 텍스트 추가: 모범 사례

스크린 리더 같은 보조 기술은 대체 텍스트라고도 하는 대체 텍스트를 사용하여 시각 장애인이나 저시력자에게 이미지를 설명해요. 인터넷 대역폭이 낮아서 제대로 로드되지 않을 때와 인지 부하를 줄이기 위해 웹사이트에 이미지를 숨길 때도 이미지 대신 대체 텍스트가 나타나요.

Webex Events를 사용하면 플랫폼 전체의 이미지에 대체 텍스트를 추가할 수 있어 모든 사람이 모든 이벤트 경험에 공평하게 참여할 수 있어요. 이 글은 이미지에 대체 텍스트를 추가하는 방법을 보여주고 효과적인 대체 텍스트를 작성하기 위한 팁과 리소스를 제공해요.

왜 이미지에 대체 텍스트를 추가해요?

효과적인 대체 텍스트를 쓰는 것은 배울 가치가 있는 기술이에요. 그래도 연습은 완벽을 만든다고, 아무것도 안 하는 것보다는 시도하는 것이 훨씬 나아요. 모든 이미지에 대체 텍스트를 추가하거나 적절한 경우 이미지를 장식용으로 표시하는 것이 좋습니다. 아무것도 하지 않으면 다양한 사용자들이 당신의 콘텐츠에 접근할 수 없게 돼요. 마찬가지로 스크린 리더가 이미지 파일 이름을 대신 읽게 돼서 사용자 경험을 불쾌하고 불쾌하게 만들 수 있어요.

대체 텍스트 팁

Webex Events 플랫폼에서 대체 텍스트를 추가하는 방법을 배우기 전에, 이 섹션에서는 몇 가지 다른 유형의 이미지를 강조하고, 대체 텍스트 작성에 대한 팁을 간략하게 설명하고, 자세한 내용을 알아보는 데 도움이 되는 웹 접근성 이니셔티브 (WAI) 의 리소스를 제공합니다.

이미지 종류들

다른 종류의 대체 텍스트를 보증하는 다양한 종류의 이미지가 있어요. 다음은 플랫폼의 다양한 부분에 추가할 수 있는 일반적인 유형의 이미지입니다.

정보 이미지 - 페이지에 전달되는 개념을 이해하는 데 도움이 되는 정보가 포함된 이미지예요. 이미지를 못 보는 사람은 핵심 정보를 놓치는 거예요. 이 이미지들은 대체 텍스트가 필요해요.
장식적인 이미지 - 페이지에 전달되는 내용에 추가 정보를 추가하지 않는 이미지예요. 배경 이미지처럼. 이 이미지들은 장식용으로 표시할 수 있어요.
기능성 이미지 - 다른 목적지로도 연결되는 이미지. 이 이미지들은 링크의 목적을 포함하는 대체 텍스트가 필요해요. 예를 들어 내부적으로 스폰서 기능으로 연결되는 배너 이미지가 있다면 사람들이 무엇을 기대해야 하는지 알 수 있도록 대체 텍스트에 이 정보를 포함시키세요.
텍스트 이미지 - 정보 텍스트가 포함된 이미지입니다. 이런 이미지로 전달되는 메시지에는 보통 대체 텍스트로 쓰여지는 상응하는 텍스트가 있어야 해요.

대체 텍스트 작성 팁

대체 텍스트는 짧게 하세요. 1~2문장 이하로 권장되며, 웹엑스 이벤트 플랫폼은 대체 텍스트를 250자로 제한해요.
주변 환경과 맥락을 맞추어 이미지를 설명해 주세요. “사람들이 이 이미지에 대해 알아야 할 필수 정보가 뭐예요?” 라고 자문해 보세요.당신의 목표는 이미지가 전달하는 것과 동일한 텍스트를 제공하는 거예요.
이미지에 텍스트가 포함된 경우 해당 메시지도 대체 텍스트 필드나 옆에 있는 설명에 텍스트 형식으로 존재해야 해요. 예를 들어, 세션에 대한 정보가 있는 배너 이미지가 있을 수 있어요. 스크린 리더는 이미지에 베이크된 텍스트를 읽을 수 없어요. 그래서 대체 텍스트는 그에 상응하는 텍스트를 추가하기에 좋은 곳이에요.
대체 텍스트를 “Image of”로 시작하지 마세요. 스크린 리더는 종종 이미지를 알려주기 때문에 “이미지”라고 쓸 필요가 없어요.
이미지를 장식용으로 표시하면 스크린 리더가 이미지를 무시하고 넘어가라고 해요. 다음과 같은 경우 이미지를 장식용으로 표시하세요.
- 이미지는 추가 정보나 컨텍스트를 추가하지 않아요.
- 이미지가 인접한 텍스트에 설명되어 있는데, 대체 텍스트를 추가하면 중복이 돼요. 예를 들어, 프로필 이미지 바로 아래 텍스트에 '세레나 페이지'라는 이름이 있으면 “세레나 페이지 프로필 이미지”라는 대체 텍스트가 필요 없고 장식용으로 표시할 수 있어요.

대체 텍스트 리소스

WAI에는 명확하고 유용한 대체 텍스트를 작성하는 데 도움이 되는 리소스가 많이 있어요.

Webex 이벤트에서 대체 텍스트를 어디에 추가할 수 있나요?

Webex Events 플랫폼에 업로드하는 거의 모든 이미지에 대체 텍스트를 추가하거나 이미지를 장식용으로 표시할 수 있어요. 프로필 이미지는 예외예요. 자동으로 장식용으로 표시돼요.😸

명심하세요, 플랫폼 내에서 직접 수동으로 업로드할 때만 이미지에 대체 텍스트를 추가할 수 있어요. 지금은 데이터를 가져올 때 대체 텍스트를 추가할 수 없어요.

이벤트 앱에서 참석자들이 월 기능에 게시하는 이미지에 대체 텍스트를 추가할 수 있어요.

웹엑스 이벤트 플랫폼에서 대체 텍스트 추가하는 방법

Webex Events 플랫폼에 이미지를 업로드할 때, '미리보기' 단계에서 대체 텍스트 추가 버튼을 클릭하세요.

The Add alt text button in the Preview modal.

'대체 텍스트 추가' 모달에서 대체 텍스트 필드에 이미지에 대한 간략한 설명을 최대 250자까지 입력하세요. 이미지가 장식용이고 정보 가치를 추가하지 않는다면, 대체 텍스트를 추가하지 않고 '이미지는 장식용' 체크만 하면 돼요.
1. 다음 예에서 이미지에 “기조연설자 재닛 왓슨”이라고 적힌 텍스트가 들어 있어요. UN Energy, 모두를 위한 지속 가능한 에너지 의장이에요.“그래서 대체 텍스트 필드에 정확히 이 텍스트를 추가했어요.