Overview:

The Alt Text Generator is a Vite + Svelte app that leverages the Azure OpenAI Service (GPT-4 Turbo with Vision) and a Vercel Serverless Function to analyze an image and generate a caption to be used as alt text.

Features:

• Utilizes Azure OpenAI Service: Integrates with GPT-4 Turbo with Vision for image analysis.
• Vercel Serverless Function: Utilizes a Vercel Serverless Function for backend processing.
• Generates Alt Text: Provides users with a caption to use as alt text for images.
• Easy Installation: Simple steps to set up and run the application locally.

Installation:

1. Create a Microsoft Azure account and set up an OpenAI resource with Vision preview.
2. Choose one of the supported Azure regions.
3. Install Vercel CLI on your system.
4. Clone the repository to your local machine.
5. Run npm install to install dependencies.
6. Rename the file .env.example to .env.
7. Add your Azure Computer Vision endpoint and API key to the .env file.
8. Set your environment variables in the Vercel project using vercel env add ENV_VAR command.
9. Run vercel dev to start the application locally.

Summary:

The Alt Text Generator is an innovative tool that combines Azure OpenAI Service with a Vercel Serverless Function to provide users with descriptive captions for images, serving as alt text. The application’s simple setup process and key features make it a valuable asset for developers looking to enhance accessibility and user experience on their websites.