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

🌟 Key Features

• 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.