aiji-logo

A curated collection of inspirational AI-powered JavaScript apps

footer-icon

Built by Elle, Asim, Osama - hosted on Azure

Image Alt Text Generator


Generates descriptive text of images to use in alt tags for accessibility.

DemoCodeLink

  • Azure
  • Computer Vision
  • a11y

A proof of concept codepen by Sarah demonstrating how to use the Azure Computer Vision API to generate alt text for images.

It's as simple as passing the image to the API and returning information about the image including a sentence describing what it thinks is in the image.

Ok it's not perfect, but better than nothing and some of the results are pretty interesting.

https://twitter.com/FrontendNE/status/930120267992616960 example1

https://twitter.com/SniCy/status/930189562923634693 example2

https://twitter.com/chrispiecom/status/930407801402347520 example3

https://twitter.com/ollee/status/930303340516216832 example4