🎬 🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet

2,107 views · 🎬 Content Creation & Video

Description

Tags: Accessibility, SEO, Blogging, Marketing, Automation, AI, Web Auditing

Context

Hey! I’m Samir, a Supply Chain Engineer and Data Scientist from Paris, and the founder of LogiGreen Consulting.

In my personal blog, I share insights on how to use AI, automation, and data analytics to improve logistics, operations, and digital sustainability practices.

WCAG

> Have you heard about accessibility?

In this workflow, I use n8n to improve the quality of alternative texts for images on my personal website.

📬 For business inquiries, you can connect with me on LinkedIn

Who is this template for?

This workflow is for:

What does it do?

This n8n workflow:

  1. 🔍 Downloads the HTML of a blog or web page
  2. 🖼️ Extracts all <img> tags and their alt attributes
  3. 📉 Detects missing or too-short alt texts
  4. 🤖 Sends those images to GPT-4o (with vision) to generate new alt descriptions
  5. 📄 Saves the results into a Google Sheet, updating the alt text when needed

How it works

Audit Workflow

  1. Set a page URL using the Set node
  2. Download HTML content
  3. Extract image src and alt using a Code node
  4. Store results in a Google Sheet
  5. Filter images with altLength &lt; 50
  6. Send image URL to GPT-4o
  7. Update the Google Sheet with the newly generated newAlt text

The AI alt texts are concise, descriptive, and accessibility-compliant.

What do I need to get started?

You’ll need:

Follow the Guide!

Follow the sticky notes in the workflow or check my tutorial to configure each node and start using AI to improve the accessibility of your website.

YouTube Tutorial

🎥 Watch My Tutorial

Notes

This workflow was built using n8n version 1.85.4
Submitted: April 21, 2025

🔗 Nodes Used

Google Sheets, HTTP Request, OpenAI

📥 Import

Download workflow.json and import into n8n: Workflow menu → Import from File

📖 Importing guide · 🔑 Credential setup