참고 자료 · 48
편집 미디어: 출처, 대안 및 유용한 통합
사진, 일러스트레이션 및 다이어그램 중에서 선택하고, 상태를 공개하고, 픽셀을 넘어선 커뮤니케이션을 제공합니다.
업데이트됨 · 4 min
이 가이드가 달성하는 목표
- 증거로 허구적인 장면을 제시하지 않도록 합니다.
- 이미지의 기능을 설명합니다.
- 텍스트로 다이어그램을 설명합니다.
- 정보 손실 없이 용량을 줄입니다.
빠른 확인
- 이미지가 사실을 설명하거나 문서화하는가?
- 출처 및 사용 조건이 알려져 있는가?
- 로고가 의도한 대상 및 버전에 적합한가요?
- 정보가 텍스트 형식으로도 제공되나요?
- 모바일 버전에서도 가독성이 유지되나요?
단계별 방법
- 1
미디어의 역할을 분류하세요.
문서 증거, 삽화, 도표, 장식 및 기능 이미지를 구분합니다. 사실적으로 생성된 시각 자료는 실제 고객, 팀 또는 문서화된 사건을 암시해서는 안 됩니다. 관계 또는 방법에 가치가 있는 경우 도표를 선호합니다.
결과물: 각 자산의 역할, 상태 및 목적.
- 2
출처를 유지합니다.
출처, 알려진 제작자, 사용 조건, 날짜, 변환 및 사용 페이지를 기록합니다. 로고의 경우 공식 자산과 의도된 맥락을 확인합니다. 합성 삽화는 명확하게 공개해야 합니다. 보이지 않는 메타데이터만으로는 독자에게 정보를 제공할 수 없습니다.
결과물: 출처 등록 및 표시 정보.
- 3
적절한 대안을 작성합니다.
WAI의 역할 기반 논리를 적용합니다. 간단한 정보에는 간략한 설명을, 불필요한 장식에는 빈 대안을, 기능 이미지에는 대상 또는 작업을 명시합니다. 키워드 목록을 작성하거나 기능을 전달하지 않고 제목을 반복하지 않습니다.
결과물: 맥락에 맞게 검토된 대안.
- 4
복잡한 이미지 설명
관계, 단위 및 제한 사항을 포함하는 목록, 표 또는 설명을 다이어그램 근처에 배치합니다. 대체 텍스트는 다이어그램을 식별하고, 인접한 콘텐츠는 세부 정보를 전달합니다. 색상이 지정된 지도는 결론이 나타나는 유일한 위치가 되어서는 안 됩니다.
결과물: 검증 가능한 텍스트 대체물.
- 5
최적화된 전달 방식
시각적 검토 후 크기, 적절한 변형 및 압축률을 설정합니다. 이미지 공간을 확보하고 여정의 시작을 알리는 이미지의 우선순위를 지정하며, 보조 미디어를 점진적으로 로드합니다. 로고의 선명도, 투명도, 자르기 및 작은 크기에서의 가독성을 확인합니다.
결과물: 최적화된 파일 및 모바일 테스트.
- 6
게시 및 유지 관리 확인
제공된 파일, 안정적인 URL, 표시되는 텍스트, 일관된 마크업, 공유 및 손상된 리소스를 확인합니다. 구조화된 데이터와 캡션을 비교합니다. 교체 후 파일 이름만 변경하는 대신 영향을 받는 페이지와 출처를 업데이트합니다.
결과물: 게시 확인 및 사용 목록.
가상 예시
예시 상황
예시 상황: 안내 페이지에서 레이블이 없는 가상 회의 장면과 이미지 내부에만 세부 정보가 있는 다이어그램을 사용합니다.
결정 및 예상 증거
해당 장면에는 명시적인 가상 일러스트레이션 레이블이 지정되고, 다이어그램의 단계는 간략한 문맥적 대체 텍스트와 함께 텍스트로 게시됩니다.
메커니즘 구분
| 메커니즘 | 목적 | 검증 또는 제한 |
|---|---|---|
| 다큐멘터리 사진 | 실제 사실 또는 사물 표시 | 검증 가능한 출처 및 맥락 |
| 합성 일러스트레이션 | 아이디어 표현 | 명시적인 허구 여부 |
| 방법 다이어그램 | 관계 및 결정 설명 | 텍스트 대체 및 제한 사항 |
관리 지표
| 지표 | 측정 대상 | 첫 번째 조치 |
|---|---|---|
| 추적 가능성 | 출처가 알려진 미디어 | 추적되지 않은 파일 검증 |
| 유용한 대안 | 역할에 적합한 텍스트가 포함된 이미지 | 실제 페이지에서 검토 |
| 전달된 용량 | 장치에서 수신된 바이트 및 배치 | 변형 및 압축 조정 |
일반적인 실수
- AI 일러스트레이션을 팀 사진으로 제시
- 대체 텍스트를 키워드 목록으로 사용
- 복잡한 차트에 제목만 제공
- 로고를 읽을 수 없을 때까지 압축
자주 묻는 질문
모든 이미지에 필요한가 설명적인 대체 텍스트?
이미지는 역할에 따라 처리해야 합니다. 불필요한 장식에는 빈 대체 텍스트를 사용할 수 있으며, 기능적인 이미지는 목적지나 동작을 명확하게 전달해야 합니다.
생성된 일러스트레이션을 사용할 수 있습니까?
네, 가치를 더하고 그 상태가 명확한 경우 사용할 수 있습니다. 단, 사실에 대한 증거를 대체하거나 설명 없이 다큐멘터리 사진을 모방해서는 안 됩니다.
모든 이미지를 지연 로딩해야 합니까?
아니요. 바로 보이는 기본 이미지는 우선 로딩이 필요할 수 있습니다. 로딩 경로와 실제 크기를 확인하십시오.
공식 참조
참조는 방법을 뒷받침합니다. 상황에 맞게 검사를 조정하십시오. 이는 인증이 아닙니다. 원본 참조 제목 및 소스 문서는 다른 언어로 작성되었을 수 있습니다.






