Developer 👨‍💻 | NextJS ⚛️ | TailWindCSS ✨ | OSS Contributor 🤝 | Associated Full Stack Developer 🤖

youtube

medium

devto

github

productHunt

Dhamith 🇱🇰  • Peerlist

Alt Text Fixer is a VS Code extension designed to improve web accessibility by automatically detecting and fixing missing or empty alt attributes in image tags. It supports a wide range of frontend frameworks and file types including HTML, React (JSX/TSX), Vue, Angular, Svelte, and Astro.The extension scans for &lt;img&gt;, &lt;Image&gt;, and &lt;v-img&gt; tags, highlights any missing or empty alt attributes with a convenient gutter bulb icon, and offers quick-fix options such as:<ul><li>Adding alt text based on the image filename (with or without extension)</li><li>Appending the word image to the filename</li><li>Allowing users to input custom alt text</li></ul><h3>🌟 Key Features</h3><ul><li>Detects missing or empty alt attributes in multiple frontend file types</li><li>Highlights issues directly in the editor with a bulb icon</li><li>Provides one click quick fixes</li><li>Supports .html, .jsx, .tsx, .vue, .svelte, and .astro</li><li>Includes an instructional guide with GIF demos inside the README</li></ul>Alt Text Fixer makes it easier for developers to maintain accessible websites while streamlining their workflow inside Visual Studio Code.