A WriteAlt account and API key are required for AI generation.
Run WriteAlt: Generate Alt Text at Cursor from an image element in your HTML file.
HTML, Markdown, JSX, and TSX
138 supported languages
Secure VS Code secret storage
Improve image accessibility without leaving your editor
WriteAlt works with image references in your code so you can generate, review, and save better alt text in the same workflow.
138languages supported
5generation styles
HTMLalt text at cursor
Generate at the cursor
Place your cursor inside an image element and run WriteAlt: Generate Alt Text at Cursor to update the alt attribute.
Configure your API key
Open the Command Palette with Ctrl+Shift+P, choose WriteAlt: Configure API Key, and connect your own account securely.
Work with local images
Right-click an image in the Explorer and generate a description without searching for the image URL or leaving VS Code.
Support code image references
Update image references in HTML, Markdown, JSX, and TSX while preserving the surrounding document structure.
Choose language and style
Select from 138 supported languages, five writing styles, and optional SEO keywords in WriteAlt settings.
Review before publishing
Check the generated description in context and keep control over whether an image needs descriptive or empty alt text.
From installation to saved alt text
Set up WriteAlt once, then generate descriptions directly from the file or image you are already working on.
1
Install the extension
Open the WriteAlt page in the Visual Studio Code Marketplace and select Install, or search for WriteAlt in the Extensions panel.
2
Connect your account
Press Ctrl+Shift+P, run WriteAlt: Configure API Key, and enter your own WriteAlt API key.
3
Choose your settings
Open VS Code settings, search for WriteAlt, then select a language, writing style, and optional SEO keywords.
4
Generate and review
Generate at the cursor or from a local image, review the result in context, and publish only when it is accurate.
See WriteAlt inside Visual Studio Code
Review the generated result, extension settings, and the Command Palette flow used to configure your API key.
WriteAlt extension settingsOpen the extension settings from the VS Code Marketplace page and manage the installed extension.
Configure the API keyUse Ctrl+Shift+P and choose WriteAlt: Configure API Key to connect your own account.
Questions about Visual Studio Code
Here are the details most teams check before getting started.
How do I connect my WriteAlt account in VS Code?
Open the Command Palette with Ctrl+Shift+P, search for WriteAlt: Configure API Key, and enter your own WriteAlt API key. The extension stores it securely in Visual Studio Code.
Which file types can WriteAlt update?
WriteAlt supports image references in HTML, Markdown, JSX, and TSX files while preserving the surrounding document structure.
Can I generate alt text for a local image?
Yes. Right-click a local image in the VS Code Explorer and choose WriteAlt: Generate Alt Text for Image. The result is copied to the clipboard and saved in local history.
Should every image receive descriptive alt text?
Review each result in context. Decorative images may need an empty alt attribute, while meaningful images should describe their purpose without unnecessary keyword repetition.
Make Visual Studio Code image work easier.
Generate alt text, improve image SEO, and keep your existing workflow moving.
