접근성: 이미지 및 갤러리 준비하기

5 분 분량
시각 장애가 있는 방문자는 스크린 리더와 같은 보조 기술을 사용해 사이트를 탐색할 수 있습니다. 이러한 방문자가 액세스할 수 있도록 대체 텍스트를 사용해 이미지와 갤러리에 설명을 추가하세요.
대체 텍스트는 미디어에 대한 정보를 제공하고 검색 엔진과 스크린 리더가 미디어를 "읽는"데 도움이 됩니다.
다음 도움말을 참고하세요.

대체 텍스트 추가하기

대체 텍스트는 스크린 리더를 사용하는 방문자가 사이트의 콘텐츠에 액세스하고 이해할 수 있도록 보장하는 만큼, Wix Stores, Wix Bookings 등과 같은 앱에 표시되는 미디어를 포함해 모든 관련 이미지에 추가하는 것이 좋습니다.  
사이트 빌더(Wix 에디터 및 Studio 에디터)에서 이미지 및 갤러리에 대체 텍스트를 추가하세요. Wix 에디터를 사용하는 경우, 접근성 마법사에서 대체 텍스트를 추가할 수도 있습니다.
접근성 마법사
Studio 에디터
Wix 에디터
마법사를 사용해 Wix Stores 및 Bookings 앱에 표시되는 대체 텍스트 사이트 이미지 및 이미지를 추가하세요.

사이트 이미지에 대체 텍스트를 추가하려면:

  1. 에디터 상단 메뉴에서 설정을 클릭합니다.
  2. 접근성 마법사를 선택합니다.
  3. 사이트 스캔하기를 선택합니다.
  4. 대체 텍스트라는 제목의 카드를 선택합니다.
  5. 이미지 설명 입력란에 이미지 설명을 입력합니다.
  6. 대체 텍스트 저장을 클릭합니다.
접근성 마법사 이미지의 대체 텍스트 입력란이 채워졌습니다. 커서가 '대체 텍스트 저장'을 클릭하고 있습니다.

앱 이미지에 대체 텍스트를 추가하려면:

  1. 에디터 상단 메뉴에서 설정을 클릭합니다.
  2. 접근성 마법사를 선택합니다.
  3. 사이트 스캔하기를 선택합니다.
  4. 쇼핑몰 / 예약 드롭다운을 선택합니다.
  5. 대체 텍스트라는 제목의 카드를 선택합니다.
  6. (쇼핑몰의 경우) 각 제품 이미지 / 제품 옵션 이미지를 선택합니다.
  7. 이미지 설명 입력란에 이미지 설명을 입력합니다.
  8. 대체 텍스트 저장을 클릭합니다.
  9. 완료를 클릭합니다.

쇼핑몰 제품 이미지의 대체 텍스트 입력란이 채워졌습니다. 대체 텍스트 저장 및 완료 버튼이 강조 표시되어 있습니다.
도움말:
대체 텍스트가 활성화되도록 사이트를 게시하세요.
참고:
현재는 이미지 또는 갤러리에 대체 텍스트를 일괄적으로 추가할 수 없습니다. 해당 기능이 추가되길 원한다면, 여기에서 투표할 수 있습니다.

이미지를 장식으로 표시하기

장식 이미지는 미적 또는 장식 목적으로만 사용되므로 사이트 콘텐츠에는 기여하지 않습니다.
사이트의 이미지가 장식용이며 사이트의 컨텍스트와 관련이 없는 경우에는 대체 텍스트를 추가할 필요가 없습니다. 접근성 마법사에서 이미지를 '장식'으로 표시해 검색 엔진과 스크린 리더에서 자동으로 해당 이미지를 건너뛰도록 할 수 있습니다.

이미지를 장식으로 표시하려면:

  1. 에디터 상단에서 설정을 클릭합니다.
  2. 접근성 마법사를 클릭합니다.
  3. 사이트 스캔하기를 선택합니다.
  4. 해당 이미지의 대체 텍스트라고 적힌 카드를 클릭합니다.
  5. 디자인 이미지이므로 대체 설명이 필요하지 않습니다 옆 체크상자를 클릭합니다.
접근성 마법사에서 장식 이미지 옵션이 체크되는 것을 보여주는 스크린샷
참고:
대체 텍스트가 없는 이미지만 장식으로 표시할 수 있습니다. 대체 텍스트가 있는 이미지를 장식으로 표시하려면 에디터에서 대체 텍스트를 제거한 후 마법사로 사이트를 다시 스캔하세요.

이미지 텍스트

텍스트가 제시되거나 추가된 이미지를 말합니다. 
이미지 텍스트는 검색 엔진 또는 스크린 리더가 "읽을 수" 없습니다. 하지만, 이미지가 필요하고 텍스트에 사이트에 대한 컨텍스트가 있는 경우 이를 이미지 설명에 추가할 수 있습니다.
텍스트에 컨텍스트가 없거나 사이트 콘텐츠에 기여하지 않는 경우에는 이미지 설명에 추가할 필요가 없습니다.
아래 옵션을 선택해 이미지 설명에 추가해야 하는 이미지 텍스트와 추가하지 않아야 하는 이미지 텍스트를 알아보세요.

텍스트 이미지

텍스트 이미지는 텍스트만 포함하고 다른 요소는 제시되지 않습니다. 글꼴 이미지 또는 텍스트만 포함된 로고 등이 이에 해당합니다.
"실제" 텍스트 요소가 아니므로 텍스트 이미지는 검색 엔진이나 스크린리더에서 읽을 수 없습니다. 사이트의 SEO 및 접근성을 개선하기 위해 가능하면 이러한 요소는 피하고 실제 텍스트 요소로 대체하는 것이 좋습니다. 
다음 단계:
접근성 체크리스트로 돌아가 접근성을 위해 사이트를 계속 개선하세요.

도움이 되었나요?

|