교육 서비스 이미지 출처와 대체 텍스트, 첫 편집 순서

교육 서비스 페이지에 이미지를 넣을 때는 보기 좋은 사진을 고르는 일만으로 끝나지 않습니다. 어디서 가져왔는지 기록하고 이용 조건을 확인해야 하며, 이미지가 전달하는 정보는 대체 텍스트로 보완해야 합니다. 다음 순서대로 작업하면 출처 확인과 접근성 검수를 빠뜨릴 가능성을 줄일 수 있습니다.

1. 이미지가 맡을 역할부터 정하기

페이지와 이미지의 목적을 한 문장으로 적습니다. 예를 들어 강좌 소개라면 “수업이 어떤 방식으로 진행되는지 보여준다”처럼 정합니다. 장식용인지, 수업 내용이나 신청 방법을 설명하는 정보 이미지인지도 구분하세요. 같은 사진이 여러 페이지에 쓰인다면 각 페이지에서 전달하는 의미가 달라질 수 있습니다.

• 사용할 페이지와 위치를 적는다.
• 이미지가 설명하는 내용이 본문에 이미 있는지 확인한다.
• 텍스트가 들어간 이미지라면 그 문구를 일반 텍스트로도 제공할지 정한다.

**가상 예시:** 온라인 미술 수업 소개에 붓과 스케치북 사진을 넣는다면, 사진은 수업 분위기를 보여주는 역할입니다. 수업 시간이나 준비물까지 사진에만 넣지는 않습니다.

2. 출처와 이용 조건 기록하기

이미지를 고르기 전에 직접 촬영한 사진인지, 서비스에서 제공하는 스톡 이미지인지, 별도로 확보한 파일인지 확인합니다. TalkTalkMySite에는 라이선스가 확인된 스톡 이미지와 동영상을 검색하는 기능이 있습니다. 검색 결과가 있다는 사실만으로 모든 사용 조건이 같다고 단정하지 말고, 선택한 항목의 표시와 이용 조건을 확인하세요. 외부에서 받은 파일은 제공자와 허용 범위가 확인되지 않으면 게시를 보류합니다.

• 파일명, 출처, 확인한 이용 조건을 운영 메모에 남긴다.
• 인물 사진은 수업의 실제 강사나 학습자라고 오해하게 만들지 않는지 살핀다.
• 출처 표기가 필요한 조건이라면 페이지의 적절한 위치에 표시한다.
• 권한이 불명확한 이미지는 직접 만든 이미지나 이용 조건이 확인된 대체 이미지로 바꾼다.

3. 이미지 배치와 대체 텍스트 입력하기

시각 편집 화면에서 이미지를 배치한 뒤, 화면에 보이는 장면을 그대로 길게 나열하기보다 페이지에서 필요한 정보를 전달하도록 대체 텍스트를 씁니다. 이미지가 본문과 같은 내용을 반복하는 장식용이라면 의미 있는 설명을 억지로 덧붙이지 말고, 편집기의 장식 이미지 설정을 사용할 수 있는지 확인합니다. 설정이 없다면 페이지 구조와 지원 방식에 맞춰 중복 낭독이 생기지 않도록 점검하세요.

• 정보 이미지에는 핵심 대상과 관련 동작 또는 맥락을 짧고 구체적으로 쓴다.
• 이미지 안의 중요한 글자는 대체 텍스트만으로 처리하지 말고 본문에도 제공한다.
• “이미지”, “사진”처럼 내용이 없는 표현이나 키워드 나열은 피한다.

**가상 예시:** 강의 진행 방식을 보여주는 사진의 대체 텍스트는 “강사가 태블릿 화면으로 기초 드로잉을 설명하는 수업 장면”처럼 쓸 수 있습니다. 실제 수업을 찍은 사진이 아니라면 “실제 강의 장면”이라고 단정하지 않습니다.

4. 저장 후 각 화면에서 확인하기

변경 사항을 저장하고 데스크톱과 모바일 화면에서 이미지가 잘리는 위치, 본문과의 관계, 대체 텍스트의 정확성을 확인합니다. 이미지가 바뀌면 대체 텍스트도 다시 맞춰야 합니다. TalkTalkMySite의 시각 편집은 페이지를 직접 확인하며 수정할 수 있지만, 저장된 내용을 실제 게시 화면에서도 검수해야 합니다.

• 이미지가 본문을 가리거나 중요한 대상이 잘리지 않는지 본다.
• 대체 텍스트를 화면에서 보이는 이미지와 대조한다.
• 이미지가 로드되지 않는 상황을 가정하고 주변 문장만으로 핵심 정보가 전달되는지 읽는다.
• 데스크톱과 모바일에서 같은 의미로 이해되는지 확인한다.

5. 게시 전 기록을 정리하고 다음 수정으로 연결하기

게시 직전에 이미지 출처와 이용 조건 메모가 실제 파일과 일치하는지 확인합니다. 출처 기록은 대체 텍스트를 대신하지 않고, 대체 텍스트도 이미지 이용 권한을 대신하지 않습니다. 둘은 별도로 관리해야 합니다. 접근성이나 이미지 권한을 자동으로 완벽히 보증하는 기능이 있다고 가정하지 말고, 운영자가 직접 확인하세요.

• 사용하지 않기로 한 후보 이미지는 게시 파일과 혼동되지 않게 정리한다.
• 이미지 교체 시 출처 기록과 대체 텍스트를 함께 갱신한다.
• 다음 작업으로 페이지 하나를 골라 이미지별 출처와 대체 텍스트를 점검하고, 수정한 뒤 게시 화면을 다시 확인한다.