img-alt-text-webpack-plugin

用途

我的外掛程式可搭配 webpack 使用，這是用於部署網頁應用程式的常見建構工具。這項工具會偵測 webpack 在建構目錄中產生的輸出檔案中，是否有缺少「alt」屬性的 <img> 元素，並使用 Gemini 自動在 <img> 元素中插入「alt」文字。它也會將 JavaScript 插入網頁，為所有由網頁中嵌入的其他指令碼在用戶端動態載入的圖片擷取「alt」文字。重點：這項功能可確保網頁中的所有圖片都有「alt」文字。

這麼做可改善網站的無障礙性和 SEO，同時減少開發人員花費在思考如何在 <img> 替代文字屬性中插入適當文字串的時間。這個外掛程式已釋出為 npm 套件，只需要最少的設定，因此設定和使用起來都非常簡單。