Skills
.Work. You
Rest

image-alt-text

Community

Ensure meaningful alt text for all images.

Content & Communication#accessibility#a11y#images#content-creation#alt-text#wcag-1-1-1
Authormgifford
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidance to ensure non-text content on web pages and apps has accurate and meaningful text alternatives, meeting WCAG 2.2 1.1.1 Non-text Content requirements.

Core Features & Use Cases

  • Templates and decision trees to classify informative, decorative, and functional images.
  • Guidance on writing concise alt text and long descriptions for complex graphics like charts.
  • Application to content creation, review workflows, and audits to improve accessibility across pages and documents.

Quick Start

Scan your page for non-text content, then generate context-appropriate alt text and long descriptions according to WCAG guidelines.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: image-alt-text
Download link: https://github.com/mgifford/accessibility-skills/archive/main.zip#image-alt-text

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.