참고 자료 · 48

편집 미디어: 출처, 대안 및 유용한 통합

사진, 일러스트레이션 및 다이어그램 중에서 선택하고, 상태를 공개하고, 픽셀을 넘어선 커뮤니케이션을 제공합니다.

업데이트됨 · 4 min

이 가이드가 달성하는 목표

  • 증거로 허구적인 장면을 제시하지 않도록 합니다.
  • 이미지의 기능을 설명합니다.
  • 텍스트로 다이어그램을 설명합니다.
  • 정보 손실 없이 용량을 줄입니다.

빠른 확인

  • 이미지가 사실을 설명하거나 문서화하는가?
  • 출처 및 사용 조건이 알려져 있는가?
  • 로고가 의도한 대상 및 버전에 적합한가요?
  • 정보가 텍스트 형식으로도 제공되나요?
  • 모바일 버전에서도 가독성이 유지되나요?

단계별 방법

  1. 1

    미디어의 역할을 분류하세요.

    문서 증거, 삽화, 도표, 장식 및 기능 이미지를 구분합니다. 사실적으로 생성된 시각 자료는 실제 고객, 팀 또는 문서화된 사건을 암시해서는 안 됩니다. 관계 또는 방법에 가치가 있는 경우 도표를 선호합니다.

    결과물: 각 자산의 역할, 상태 및 목적.

  2. 2

    출처를 유지합니다.

    출처, 알려진 제작자, 사용 조건, 날짜, 변환 및 사용 페이지를 기록합니다. 로고의 경우 공식 자산과 의도된 맥락을 확인합니다. 합성 삽화는 명확하게 공개해야 합니다. 보이지 않는 메타데이터만으로는 독자에게 정보를 제공할 수 없습니다.

    결과물: 출처 등록 및 표시 정보.

  3. 3

    적절한 대안을 작성합니다.

    WAI의 역할 기반 논리를 적용합니다. 간단한 정보에는 간략한 설명을, 불필요한 장식에는 빈 대안을, 기능 이미지에는 대상 또는 작업을 명시합니다. 키워드 목록을 작성하거나 기능을 전달하지 않고 제목을 반복하지 않습니다.

    결과물: 맥락에 맞게 검토된 대안.

  4. 4

    복잡한 이미지 설명

    관계, 단위 및 제한 사항을 포함하는 목록, 표 또는 설명을 다이어그램 근처에 배치합니다. 대체 텍스트는 다이어그램을 식별하고, 인접한 콘텐츠는 세부 정보를 전달합니다. 색상이 지정된 지도는 결론이 나타나는 유일한 위치가 되어서는 안 됩니다.

    결과물: 검증 가능한 텍스트 대체물.

  5. 5

    최적화된 전달 방식

    시각적 검토 후 크기, 적절한 변형 및 압축률을 설정합니다. 이미지 공간을 확보하고 여정의 시작을 알리는 이미지의 우선순위를 지정하며, 보조 미디어를 점진적으로 로드합니다. 로고의 선명도, 투명도, 자르기 및 작은 크기에서의 가독성을 확인합니다.

    결과물: 최적화된 파일 및 모바일 테스트.

  6. 6

    게시 및 유지 관리 확인

    제공된 파일, 안정적인 URL, 표시되는 텍스트, 일관된 마크업, 공유 및 손상된 리소스를 확인합니다. 구조화된 데이터와 캡션을 비교합니다. 교체 후 파일 이름만 변경하는 대신 영향을 받는 페이지와 출처를 업데이트합니다.

    결과물: 게시 확인 및 사용 목록.

가상 예시

예시 상황

예시 상황: 안내 페이지에서 레이블이 없는 가상 회의 장면과 이미지 내부에만 세부 정보가 있는 다이어그램을 사용합니다.

결정 및 예상 증거

해당 장면에는 명시적인 가상 일러스트레이션 레이블이 지정되고, 다이어그램의 단계는 간략한 문맥적 대체 텍스트와 함께 텍스트로 게시됩니다.

메커니즘 구분

메커니즘목적검증 또는 제한
다큐멘터리 사진실제 사실 또는 사물 표시검증 가능한 출처 및 맥락
합성 일러스트레이션아이디어 표현명시적인 허구 여부
방법 다이어그램관계 및 결정 설명텍스트 대체 및 제한 사항

관리 지표

지표측정 대상첫 번째 조치
추적 가능성출처가 알려진 미디어추적되지 않은 파일 검증
유용한 대안역할에 적합한 텍스트가 포함된 이미지실제 페이지에서 검토
전달된 용량장치에서 수신된 바이트 및 배치변형 및 압축 조정

일반적인 실수

  • AI 일러스트레이션을 팀 사진으로 제시
  • 대체 텍스트를 키워드 목록으로 사용
  • 복잡한 차트에 제목만 제공
  • 로고를 읽을 수 없을 때까지 압축

자주 묻는 질문

모든 이미지에 필요한가 설명적인 대체 텍스트?

이미지는 역할에 따라 처리해야 합니다. 불필요한 장식에는 빈 대체 텍스트를 사용할 수 있으며, 기능적인 이미지는 목적지나 동작을 명확하게 전달해야 합니다.

생성된 일러스트레이션을 사용할 수 있습니까?

네, 가치를 더하고 그 상태가 명확한 경우 사용할 수 있습니다. 단, 사실에 대한 증거를 대체하거나 설명 없이 다큐멘터리 사진을 모방해서는 안 됩니다.

모든 이미지를 지연 로딩해야 합니까?

아니요. 바로 보이는 기본 이미지는 우선 로딩이 필요할 수 있습니다. 로딩 경로와 실제 크기를 확인하십시오.

공식 참조

참조는 방법을 뒷받침합니다. 상황에 맞게 검사를 조정하십시오. 이는 인증이 아닙니다. 원본 참조 제목 및 소스 문서는 다른 언어로 작성되었을 수 있습니다.