음성 입력으로 명확한 이미지 대체 텍스트 쓰기

글도 다 썼고 이미지도 올렸는데 대체 텍스트 입력란만 비어 있습니다. 왜 그 이미지가 필요한지는 말로 설명할 수 있지만, 짧은 설명문으로 정리하려니 글쓰기 과제가 하나 더 생긴 듯합니다.

이럴 때 음성 입력을 초안 작성에 활용해 보세요. Mac에서 이미지 옆에 문서를 열고 중요한 점을 말한 다음, 텍스트를 다듬어 게시 도구에 넣습니다. 이미지와 문맥을 판단하는 일은 직접 해야 합니다. 음성 입력은 이미지를 분석하는 기능이 아니라, 내가 말한 설명을 글로 옮기는 과정입니다.

1. 페이지에서 이미지가 하는 역할부터 확인하기

말하기 전에 W3C의 alt 결정 트리를 참고해 이미지의 역할을 확인하세요. 모든 이미지에 설명문이 필요한 것은 아닙니다.

• 정보를 전달하는 이미지: 이미지가 더하는 의미를 설명합니다. 정보성 이미지 안내를 참고하세요.
• 장식용 이미지: 속성을 생략하지 말고 빈 대체 텍스트 alt=""를 사용합니다. 장식용 이미지 안내에 설명되어 있습니다.
• 링크나 버튼의 유일한 이름 역할을 하는 이미지: 이동할 곳이나 실행할 동작을 전달합니다. 기능성 이미지 안내를 확인하세요.
• 복잡한 차트나 도표: 짧은 대체 텍스트와 접근 가능한 상세 설명을 함께 제공합니다. 복잡한 이미지 안내를 참고하세요.

먼저 이 결정을 내려야 페이지에 필요하지 않은 설명을 정성껏 다듬는 일을 피할 수 있습니다.

2. 세 가지 질문에 소리 내어 답하기

정보를 전달하는 이미지라면 초안 문서에서 다음 질문에 답해 보세요.

• 중심이 되는 대상이나 동작은 무엇인가요?
• 눈에 보이는 세부 사항 중 이 글에 중요한 것은 무엇인가요?
• 이미지를 손으로 가리킬 수 없다면 무엇을 말로 설명해야 할까요?

말하는 동안 이미지와 앞뒤 문단을 함께 보세요. 한 번에 이미지 하나씩 작업하고, 초안 옆에 파일명을 적어 두면 여러 이미지를 올릴 때 설명이 뒤바뀌는 일을 줄일 수 있습니다.

첫 번째 초안은 평소처럼 자연스럽게 말하면 됩니다. “여기에 있는 건” 같은 도입부, 반복한 표현, 중간에 바꾼 문장은 편집할 때 지울 수 있습니다. 완벽한 문장을 고민하기 전에 유용한 관찰부터 남기세요.

3. 말로 한 관찰을 대체 텍스트로 다듬기

짐을 싸는 방법을 설명하는 글에 노트북 가방 안쪽 사진이 있다고 가정해 보겠습니다. 이 가상의 예시에서는 주변 문단에 나오지 않는 수납공간의 배치를 사진이 보여 줍니다.

음성 초안: “가방이 책상 위에 열려 있어요. 노트북은 완충재가 있는 수납칸에 들어 있고, 충전기는 지퍼가 달린 별도 주머니에 있어요. 둘을 따로 넣었다는 게 중요해요. 가방 뒤에는 화분도 있네요.”

수정한 대체 텍스트:

열린 노트북 가방. 완충재가 있는 수납칸에 노트북이, 별도의 지퍼 주머니에 충전기가 들어 있다.

수정본에는 중요한 배치만 남기고, 초안을 쓰면서 덧붙인 말과 배경의 화분은 뺐습니다. 확인할 수 없는 브랜드나 용량, 손상 방지 효과도 추가하지 않았습니다. 이렇게 관찰한 내용을 편집하는 방식은 제품 설명을 작성할 때도 유용합니다.

4. 실제 이미지와 문장을 대조하기

기억에 의존하지 말고 실제로 사용할 파일을 보면서 검토하세요. 잘못 인식된 제품명, 화면의 항목 이름, 숫자를 고치고 확인할 수 없는 세부 사항은 삭제합니다. 페이지 본문과 이어 읽으면 불필요한 반복이나 부족한 맥락도 찾을 수 있습니다.

다른 언어 버전을 만들 때는 현지화한 페이지와 이미지를 함께 확인하세요. 스크린샷의 버튼 이름이 여전히 영어이고 조작 위치를 찾는 데 필요하다면, 그 이름을 정확히 유지해야 합니다. 이미지에 없는 번역된 화면을 전제로 설명하지 마세요.

5. 게시 도구에서 마무리하기

검토한 문장을 이미지의 대체 텍스트 입력란에 넣고 저장 결과를 확인합니다. 장식용 이미지라면 편집기의 설정이 의도한 빈 대체 텍스트를 만드는지 확인하세요. 특히 썸네일이 비슷하다면, 업로드를 점검할 때까지 파일명과 설명을 연결한 메모를 보관하는 것이 좋습니다.

이 단계를 블로그 글쓰기 과정에 포함해 보세요. 마지막에 빈 입력란을 고민하는 대신, 본문을 완성하면서 이미지 설명도 함께 마무리할 수 있습니다.

TypeFree는 말을 편집 가능한 텍스트로 바꾸고 더 빠르게 글을 쓰는 간단한 방법입니다. 이미지 하나를 자신의 말로 설명한 뒤, 페이지에서 맡은 역할에 맞는 대체 텍스트로 다듬어 보세요.