Skip to main content

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

Workflow preview

Workflow preview
100%
🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

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 o...

Best for

  • Content Creation automation workflows
  • Multimodal AI automation workflows
  • intermediate n8n builders looking for reusable templates

Tools used

n8n-nodes-base.stickynote, n8n-nodes-base.manualtrigger, n8n-nodes-base.splitinbatches, n8n-nodes-base.set, n8n-nodes-base.googlesheets, n8n-nodes-base.if, n8n-nodes-base.limit, @n8n/n8n-nodes-langchain.openai

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Samir Saci.

Original n8n.io source

1.1 Workflow description

Title
🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet
Workflow name
🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet

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.

> 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:

  • Bloggers and website owners who want to improve accessibility
  • SEO professionals looking to boost page performance
  • Web developers and product teams automating web audits

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

  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:

  • A Google Sheet to store the audit results
  • An OpenAI account with GPT-4o access

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.

🎥 Watch My Tutorial

Notes

  • GPT-generated alt texts are limited to ~125–150 characters for best results
  • Use this to comply with WCAG and improve Google indexing
  • Easily adapt it to audit multiple domains or e-commerce catalogues

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

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Sticky Note4

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 2 - When clicking ‘Test workflow’

Type / Role
n8n-nodes-base.manualTrigger - manualTrigger
Config choices
Version 1

Block 3 - Loop Over Items

Type / Role
n8n-nodes-base.splitInBatches - splitInBatches
Config choices
Version 3

Block 4 - Sticky Note1

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 5 - Page Link

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.4

Block 6 - Download Results

Type / Role
n8n-nodes-base.googleSheets - googleSheets
Config choices
Version 4.5

Block 7 - altLength < 50

Type / Role
n8n-nodes-base.if - if
Config choices
Version 2.2

Block 8 - Limit records

Type / Role
n8n-nodes-base.limit - limit
Config choices
Version 1

Block 9 - Generate altText

Type / Role
@n8n/n8n-nodes-langchain.openAi - openAi
Config choices
Version 1.8

Block 10 - Update Results

Type / Role
n8n-nodes-base.googleSheets - googleSheets
Config choices
Version 4.5

Block 11 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 12 - Store Results

Type / Role
n8n-nodes-base.googleSheets - googleSheets
Config choices
Version 4.5

Block 13 - Download HTML

Type / Role
n8n-nodes-base.httpRequest - httpRequest
Config choices
Version 4.2

Block 14 - Get Images urls with altText

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

3. Summary Table

Workflow 🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet
Complexity intermediate
Nodes 14
Categories Content Creation, Multimodal AI
Author Samir Saci
Published 21 Apr 2025

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/3640/3640.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does 🧑‍🦯Improve your website accessibility with GPT-4o and Google Sheet do?

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 o...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Content Creation, Multimodal AI use case.