How to Generate Accessibility Descriptions with Copilot
Accessibility audio descriptions with Copilot and ToolRouter. Generate inclusive content in your IDE.
Tool
Copilot generates accessibility audio descriptions within your IDE and can add the HTML audio elements alongside each image in the same pass. This integration into your development workflow makes it possible to include audio descriptions in your CI/CD pipeline for every deployment.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Voice Generator tool:
- In Copilot Chat: "Generate audio descriptions for the images referenced in this HTML file"
- Copilot analyzes the image alt text and generates audio narrations
- Ask: "Add the audio elements to the HTML alongside each image"
- Deploy the accessible version of your page
Example Prompt
Try this with Copilot using the Voice Generator tool
Generate audio descriptions for all images in this HTML page and add audio elements for accessibility: [paste HTML].
Tips
- Copilot can generate both the audio files and the HTML audio elements in one pass
- Integrate into your CI/CD pipeline to ensure every deploy includes audio descriptions
- Use alongside accessibility linting tools for comprehensive compliance