
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 <img>, <Image>, and <v-img> tags, highlights any missing or empty alt attributes with a convenient gutter bulb icon, and offers quick-fix options such as:
Adding alt text based on the image filename (with or without extension)
Appending the word image to the filename
Allowing users to input custom alt text
Detects missing or empty alt attributes in multiple frontend file types
Highlights issues directly in the editor with a bulb icon
Provides one click quick fixes
Supports .html, .jsx, .tsx, .vue, .svelte, and .astro
Includes an instructional guide with GIF demos inside the README
Alt Text Fixer makes it easier for developers to maintain accessible websites while streamlining their workflow inside Visual Studio Code.
Built with