[접근성] 이미지 대체텍스트(Alt Text) 노가다 없이 자동 입력하기

구글 렌즈를 통해 이미지의 대체 텍스트 추출 작업을 횽쥴화할 수 있습니다

접근성 대응을 위한  웹 개발 중에는 대체텍스트 기입의 필요로 인한 시간 소요가 많아질 때가 있습니다. 크롬의 '구글 렌즈'를 통해 해당 업무를 부분적으로 자동화할 수 있는 방법을 소개합니다.

 

구글 렌즈는 모바일 앱으로 이용되는 경우가 많은데, 데스크톱 환경에서도 크롬을 활용해서 해당 기능의 이용이 가능합니다. 사용법은 웹상의 이미지를 '오른쪽 버튼 클릭'하여 '컨텍스트 메뉴'를 활성화한 후, 'Search Image with Google(구글 이미지 검색)' 기능을 실행하면 됩니다. 크롬 버전에 따라 해당 기능이 비활성화되어 있을 수 있는데 2023년 10월 기준 최신 버전 크롬에서는 정상적으로 작동하는 것을 확인했습니다. 

 

텍스트를 추출하고자 하는 이미지를 우클릭하여 구글 이미지 검색 실행

그럼 아래와 같이 크롬 우측에 구글렌즈 패널이 추가된 것을 확인할 수 있습니다. 패널의 하단 메뉴에 'Text(텍스트)' 메뉴를 클릭하면 이미지에 포함된 텍스트를 자동 인식(OCR) 하는 것을 확인할 수 있습니다. 여기서 'Select All Text(모든 텍스트 선택)'을 누르면 이미지 포함 전체 텍스트를 선택할 수 있으며, 카피 버튼을 눌러 클립보드에 복사가 가능합니다.

구글 렌즈를 통해서 이미지 내 텍스트를 모두 인식해 대체 텍스트로 클립보드에 복사가 가능

복사된 텍스트는 img 태그 등에 이미지를 설명하는 대체 텍스트(Alt Text)로 활용하시면 됩니다. 이제 힘들게 노가다로 이미지 내 텍스트를 받아쓰기 하는 수고 없이, 구글 렌즈를 활용해서 대체 텍스트를 쉽게 추출하는 것이 어떨까 싶습니다. 다만 복잡한 텍스트로 구성된 이미지의 경우 구글 렌즈가 텍스트를 오인하는 확률이 있으니 이 점은 주의하시기 바랍니다.