img-alt-text-webpack-plugin

O que faz?

Meu plug-in funciona com o webpack, que é uma ferramenta de build comum para implantar aplicativos da Web. Ele detecta elementos <img> sem o atributo "alt" em arquivos de saída emitidos para o diretório de build pelo webpack e insere automaticamente o texto "alt" nos elementos <img> usando o Gemini. Ele também injeta JavaScript na página da Web, que recupera o texto "alt" de todas as imagens carregadas dinamicamente no lado do cliente por outros scripts incorporados na página. Resumindo: ele garante que todas as imagens na página da Web tenham o texto "alt" disponível.

Isso melhora a acessibilidade da Web e o SEO, além de reduzir o tempo que os desenvolvedores passam pensando sobre a string de texto adequada para inserir no atributo alt de <img>. Esse plug-in foi lançado como um pacote npm e requer configuração mínima, o que facilita a configuração e o uso.