Logo

dev-resources.site

for different kinds of informations.

Should we use AI tools to generate alt text? 

Published at
7/4/2024
Categories
aiwebdevelopment
aiwebdesign
a11y
webaccessibility
Author
mirelaprifti
Author
12 person written this
mirelaprifti
open
Should we use AI tools to generate alt text? 

Alt text, also known as “alternative text” or “alt tag”, is used to describe the content of an image on a web page, and is especially important for people with visual impairments who rely on screen readers to navigate the web.

Many AI tools can generate alt text these days; they analyse an image and automatically generate a description. Having a tool to assist with alt text could be a good starting point, especially for non-native speakers and those without a wide vocabulary.

My experience with alt text AI tools so far is still in the research stage, so I am not in the position to convincingly recommend any of them. But I believe there are a few tools that help with alt text and much more that may be worth exploring 🔍.


Computer Vision | Microsoft Azure  —  azure.microsoft.com

An Azure Cognitive Service, it extracts rich information from images and analyse content with Computer Vision.

Machine Learning Image and Video Analysis — Amazon Rekognition — Amazon Web Services  —  aws.amazon.com

Amazon Rekognition automates image and video analysis for your applications and is easy to implement without machine learning (ML) experience.

Vision AI | Cloud Vision API | Google Cloud  —  cloud.google.com

Derive insights from images with AutoML Vision, use pre-trained Vision API models, or create computer vision applications with Vertex AI Vision.

In any case, we should always review the alt text generated by AI to ensure that the information provided is accurate and context-based, and, when necessary, manually adjust it.


Thank you for reading this article! If you have any further questions or insights, or if you find inaccuracies in the content, I would be happy to hear from you. You can get in touch with me via email, Twitter, or LinkedIn.

webaccessibility Article's
30 articles in total
Favicon
Web Accessibility Compliance: How to Meet WCAG Standards and Build Inclusive Websites
Favicon
Understanding Semantic HTML: The Backbone of Meaningful Web Development
Favicon
HTML Accessibility
Favicon
Best Practices for Building Email-Friendly Web Applications
Favicon
15 Most Common Web Accessibility Issues (+Solutions)
Favicon
Supercharging Your Web Development Services with NLP
Favicon
Top 10 Eye-Opening Facts About Web Accessibility That Will Change Your Perspective
Favicon
Web Accessibility Check: Tools and Techniques for an Inclusive Website
Favicon
Should we use AI tools to generate alt text? 
Favicon
Web Accessibility: Making Digital Services Inclusive for All
Favicon
Web: Your Accessibility FAQ Guide
Favicon
Building Accessible Data Tables: Best Practices
Favicon
Accessibility Breakdown | Dynamic Content
Favicon
Web Accessibility - Designing for All
Favicon
Designing for Inclusivity: Creating Accessible Web Experiences for All
Favicon
Web Accessibility Matters
Favicon
Growing My Skill in Web Accessibility
Favicon
Using Captcha Solvers to Improve Web Accessibility & Work Productivity
Favicon
How to avoid “image of” or “screenshot of” in our alt text
Favicon
Beyond WCAG conformance for inclusive web experiences
Favicon
A Beginner's Guide to ARIA: Making Your Web Content Accessible
Favicon
Who's responsible for accessibility in software development?
Favicon
Learning Web Accessibility: A Practical Approach
Favicon
A short guide to web accessibility
Favicon
Accessibility Statement | Templates for Websites
Favicon
Website Accessibility & Usability Checklist
Favicon
On-Page SEO & Accessibility | Website Project Management
Favicon
What every web developer should know about Dyslexia?
Favicon
Return On Investment (ROI) Of Accessibility
Favicon
What Is Website WCAG Conformance?

Featured ones: