생활코딩/AI를 이용한 코딩

[바이브코딩] 이미지 대체 텍스트 자동 생성 플러그인

내.맘.대.로 2026. 3. 31. 16:28
300x250

이미지의 대체텍스트를 자동으로 생성해 주는 플러그인입니다.

ollama 같은 로컬 LLM을 사용해 이미지의 대체텍스트를 생성하고 삽입 할 수 있습니다.

EPUB2는 이미지 대체텍스트만 삽입하고,

EPUB3는 opf 파일에 접근성 메타데이터 삽입, 이미지 대체텍스트와 role을 삽입합니다.

 

교보문고와 알라딘 전자책 뷰어에 장애인접근성 전자책 기능을 적용했습니다. 대체텍스트가 들어가면 시각장애인들이 책을 보는 데 도움을 받을 수 있습니다. 

https://www.news1.kr/life-culture/book/6111273

하지만 대체텍스트 입력하는 작업은 시간이 오래 걸리기 때문에 대부분 파일명으로 대체텍스트를 넣습니다.

이 플러그인을 이용하면 대체텍스트를 쉽게 입력 할 수 있습니다.

http://jikji.duckdns.org:8085/ImageAltGen_v0.0.1.zip

 

1. 앱을 실행하면 이미지 경로와 섬네일, 현재 삽입되어 있는 대체텍스트를 볼 수 있습니다.

 

2. LLM 설정을 하고 [Alt 자동 생성] 버튼을 누르면 대체텍스트 생성을 시작합니다.

프롬프트가 아주 중요합니다. 프롬프트를 꼭 새로 편집하세요!!!

 

3. 대체텍스트 셀을 더블클릭 하면 텍스트를 수정 할 수 있고, role을 수정 할 수 있습니다.

 

 

4. 대체텍스트 생성 후 [OK]를 루르면 이미지 태그에 대체텍스트를 업데이트 합니다.

EPUB2는 대체텍스트만 입력합니다.

 

EPUB3는 role과  opf의 접근성 메타데이터를 추가합니다.

300x250