카페 사진 출처와 대체 텍스트, 처음 운영하는 사람의 편집 순서
카페 홈페이지에 쓸 사진을 고르고 출처와 사용 조건을 확인한 뒤, 화면에 맞게 배치하고 대체 텍스트까지 점검하는 실무 순서입니다.
카페 홈페이지의 사진은 메뉴와 공간의 분위기를 보여 주지만, 보기 좋은 이미지를 고르는 것만으로 편집이 끝나지는 않습니다. 사진을 어디서 얻었는지 기록하고, 사용 조건을 확인하고, 사진이 전달하는 정보를 짧은 대체 텍스트로 정리해야 합니다. 아래 순서는 처음 사이트를 편집하는 운영자가 사진 한 장씩 확인할 수 있도록 구성했습니다.
1. 사진이 맡을 역할부터 정합니다
먼저 사진을 넣을 위치와 방문자에게 전달할 내용을 정하세요. 대표 화면에는 매장 분위기, 메뉴 소개에는 실제로 제공하는 음료나 디저트, 안내 페이지에는 좌석이나 이용 공간처럼 해당 내용과 직접 관련된 이미지를 고릅니다. 사진이 장식인지 정보를 전달하는지 구분하면 대체 텍스트도 쉽게 결정할 수 있습니다.
- 사진을 넣을 페이지와 위치를 적습니다.
- 방문자가 사진에서 알아야 할 내용을 한 문장으로 씁니다.
- 사진이 없어도 같은 내용을 주변 문장으로 전달할 수 있는지 확인합니다.
**가상 예시:** 메뉴 페이지의 라테 사진은 음료를 보여 주는 정보성 이미지일 수 있습니다. 반면 페이지 제목 옆의 작은 커피콩 장식은 주변 내용을 반복하지 않는 장식 이미지일 수 있습니다.
2. 출처와 사용 조건을 기록합니다
사진을 고른 뒤에는 파일명만 저장하지 말고 출처와 확인한 사용 조건도 함께 남기세요. 직접 촬영한 사진, 적법한 사용 권한을 확인한 사진, TalkTalkMySite의 라이선스 스톡 이미지 검색으로 찾은 사진은 서로 구분해 기록합니다. 스톡 이미지 검색을 이용하더라도 각 이미지에 적용되는 사용 조건을 확인하고, 필요한 기록을 보관하세요. 검색 결과에 있다는 사실만으로 모든 매체와 용도에서 제한 없이 사용할 수 있다고 단정하지 않습니다.
- 기록 항목: 이미지 파일명, 출처 또는 제공처, 확인 날짜, 사용 조건, 게시 위치.
- 다른 사람이 촬영했거나 제공한 사진은 게시 전에 운영자가 권한과 조건을 확인합니다.
- 출처 표기가 필요한지, 편집이나 상업적 사용에 제한이 있는지 조건을 읽습니다.
- 조건이 불분명하면 게시를 보류하고, 직접 촬영했거나 사용 조건을 확인한 대체 이미지를 선택합니다.
3. 편집 화면에서 이미지와 표시를 점검합니다
TalkTalkMySite에서는 시각 편집으로 페이지의 이미지 요소를 다룰 수 있고, 라이선스 스톡 이미지·동영상 검색도 지원합니다. 편집 화면에서 사진을 넣은 뒤에는 해당 이미지가 의도한 페이지와 위치에 들어갔는지 확인하세요. 저장 전에 자르기나 크기 조정이 사진의 핵심 내용을 가리지 않는지도 살펴봅니다. 사진의 의미가 화면 크기에 따라 달라지거나 잘려서 전달되지 않는다면 다른 이미지를 쓰거나 배치를 바꾸는 편이 낫습니다.
- 페이지와 이미지 요소를 확인하고 준비한 사진을 배치합니다.
- 사진에서 중요한 부분이 잘리지 않았는지 데스크톱과 모바일 미리보기에서 확인합니다.
- 이미지가 흐리거나 내용과 맞지 않으면 게시 전에 교체합니다.
- 출처와 사용 조건 기록을 이미지 파일 또는 페이지 메모와 연결해 둡니다.
4. 대체 텍스트를 정보에 맞게 씁니다
대체 텍스트는 이미지가 표시되지 않거나 보조 기술로 페이지를 이용할 때 이미지의 핵심 정보를 전달하는 문장입니다. 이미지의 목적에 맞춰 짧고 구체적으로 씁니다. “사진”, “이미지” 같은 표현이나 키워드 나열은 피하고, 사진에 실제로 보이는 내용만 적으세요. 주변 문장에서 이미 충분히 설명한 내용을 그대로 반복하지 않습니다.
- 정보성 사진에는 보이는 대상과 필요한 맥락을 적습니다.
- 기능을 전달하는 이미지라면 이미지가 맡은 기능을 설명합니다.
- 장식 이미지는 주변 텍스트를 반복하지 않도록 처리합니다. 편집기에 장식 이미지 설정이 없다면 불필요한 설명을 덧붙이지 말고 지원되는 설정을 확인합니다.
- 대체 텍스트가 보이는 캡션이나 사진 출처 표기를 대신한다고 생각하지 않습니다.
**가상 예시:** 카페 메뉴에 있는 사진이라면 “아이스 라테”처럼 간결하게 쓸 수 있습니다. 사진에서 우유 거품이나 잔의 모양이 메뉴 선택에 중요한 정보라면 “투명 잔에 담긴 아이스 라테와 우유 거품”처럼 구체화할 수 있습니다. 실제 사진에 보이지 않는 재료나 특징은 덧붙이지 않습니다.
5. 게시 전 출처와 접근성을 함께 검수합니다
저장한 페이지를 미리 보고 각 사진의 맥락, 대체 텍스트, 출처 기록을 다시 확인하세요. 이미지가 여러 페이지에 복사됐다면 각 위치에서도 같은 의미로 쓰이는지 점검해야 합니다. 한 사진이 한 곳에서는 메뉴 설명이고 다른 곳에서는 장식이라면 대체 텍스트 판단이 달라질 수 있습니다.
- 각 이미지의 출처와 사용 조건 기록을 찾을 수 있는지 확인합니다.
- 대체 텍스트가 사진의 실제 내용과 페이지 목적에 맞는지 확인합니다.
- 키보드 또는 보조 기술로 페이지를 확인할 수 있다면 이미지가 불필요하게 반복되거나 중요한 정보가 빠지지 않았는지 살펴봅니다.
- 문제가 있으면 해당 이미지 요소를 수정하고 다시 미리 봅니다.
제한 사항과 다음 행동
대체 텍스트만으로 이미지 사용 권한이 생기지는 않으며, 출처를 적었다고 해서 사용 조건을 충족했다고 단정할 수도 없습니다. 스톡 이미지의 권한과 표기 요건은 이미지별 조건을 확인해야 합니다. 편집 도구의 구체적인 대체 텍스트 설정 위치는 화면 구성에 따라 다를 수 있으므로 실제 편집기에서 지원 여부를 확인하세요.
다음으로 홈페이지에서 사진 한 장을 골라 출처 기록, 사용 조건, 페이지 위치, 대체 텍스트를 한 줄씩 작성해 보세요. 이 네 항목이 모두 확인되면 같은 순서로 나머지 사진을 검수할 수 있습니다.