img-alt-text-webpack-plugin

기능

내 플러그인은 웹 애플리케이션을 배포하는 데 사용되는 일반적인 빌드 도구인 webpack과 호환됩니다. webpack에서 빌드 디렉터리에 내보낸 출력 파일에서 'alt' 속성이 없는 <img> 요소를 감지하고 Gemini를 사용하여 <img> 요소에 'alt' 텍스트를 자동으로 삽입합니다. 또한 페이지에 삽입된 다른 스크립트가 클라이언트 측에서 동적으로 로드하는 모든 이미지의 'alt' 텍스트를 가져오는 JavaScript를 웹페이지에 삽입합니다. 요약: 웹페이지의 모든 이미지에 'alt' 텍스트를 사용할 수 있도록 합니다.

이렇게 하면 웹의 접근성이 개선되고 SEO가 개선되며 <img> alt 속성에 삽입할 적절한 텍스트 문자열을 생각하는 데 드는 개발자 시간을 줄일 수 있습니다. 이 플러그인은 npm 패키지로 제공되며 최소한의 구성만 필요하므로 간편하게 설정하고 사용할 수 있습니다.