{"id":36567,"date":"2025-01-13T07:00:00","date_gmt":"2025-01-13T15:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=36567"},"modified":"2025-04-16T10:34:03","modified_gmt":"2025-04-16T17:34:03","slug":"website-accessibility-alt-text-generation","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/website-accessibility-alt-text-generation","title":{"rendered":"Enhancing Your Website\u2019s Accessibility with Cloudinary\u2019s Alt Text Generation"},"content":{"rendered":"

According to the World Health Organization (WHO), at least 2.2 billion people worldwide have a vision impairment<\/a> and 43.3 million people were estimated to be blind in 2020<\/a>. That is a lot of people who might not be able to use your app or website if you don\u2019t make it accessible to them.<\/p>\n

To make your website more accessible for people who use screen readers or speech input software, and even those with images turned off because of slow internet connections<\/a>, is to add alt text to your images. Alt text is a short description of the image that should convey the same information as the image itself. That way, people who can\u2019t see the image can still understand its context.<\/p>\n

Cloudinary helps automate the tedious task of adding alt text to your images. You set it up once, and your screen reader users will be able to enjoy everything your website has to offer.<\/p>\n

The solution leverages the Cloudinary AI Content Analysis<\/a> add-on in Cloudinary MediaFlows<\/a>. And the best part is that you don\u2019t need to be a developer to set this up. So let\u2019s get started!<\/p>\n

The Setup<\/h2>\n

First, of course, you need a Cloudinary account. If you don\u2019t have one yet, you can sign up for free<\/a>. After you log in, you can set up the automated alt text generation in a few simple steps:<\/p>\n

1. Activate the AI Content Analysis Add-on<\/h3>\n

In the Cloudinary Console, click the Add-on Marketplace<\/strong> icon (shaped like a puzzle piece) near the bottom of the left sidebar:<\/p>\n

\"Cloudinary<\/p>\n

Then, click the AI Content Analysis<\/strong> add-on card:<\/p>\n

That should take you to the add-on\u2019s page. There, you can click the Install Add-on<\/strong> button, which will activate the free plan of the add-on for your account, allowing you to generate alt text for up to 500 images per month:<\/p>\n

\"AI<\/p>\n

Option 1: on_success<\/h4>\n

The on_success parameter allows you to update an asset using custom JavaScript that is executed after the upload to Cloudinary is completed. This can be useful for adding tags, contextual metadata and structured metadata, depending on the results of using the detection and categorization add-ons, which are only available after the file has already been successfully uploaded.<\/p>\n

The on_success parameter accepts a string containing the JavaScript code to be executed. There are two variables that can be used within the context of the JavaScript code snippet as follows:<\/p>\n