Scanning For Accessibility Issues

This skill empowers Claude to conduct thorough accessibility testing of web applications. It leverages the `accessibility-test-scanner` plugin to pinpoint areas of non-compliance with accessibility standards and offers recommendations for remediation.

Frontend & Design Plugin marketplace

Install

Claude Code plugin
/plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills
/plugin install accessibility-test-scanner@claude-code-plugins-plus

Run these inside Claude Code. The skill comes with its plugin.

What this skill does

This skill enables Claude to perform comprehensive accessibility audits. It uses the accessibility-test-scanner plugin to identify WCAG 2.1/2.2 compliance issues, validate ARIA attributes, check keyboard navigation, and assess screen reader compatibility. Use this skill when the user requests an accessibility scan, audit, or compliance check, or when terms like "WCAG", "ARIA", "screen reader", "accessibility testing", or "a11y" are mentioned. It provides actionable insights for improving web application accessibility.

Trigger phrases

Claude loads this skill automatically when you say things like:

“WCAG”“ARIA”“screen reader”“accessibility testing”“a11y”

How it works

  1. Performing the Audit: The plugin conducts a comprehensive audit, checking for WCAG 2.1/2.2 compliance, ARIA validation, keyboard navigation, and screen reader compatibility.
  2. Generating a Report: The plugin generates a detailed report outlining accessibility issues found, along with recommendations for fixing them.

When to use it

  • Evaluate a web application's compliance with WCAG 2.1 or WCAG 2.2 guidelines.
  • Identify ARIA antipatterns and ensure proper ARIA usage.
  • Test keyboard navigation and focus management.

Best practices

  • Context: Provide the specific webpage or component to be scanned for accurate results.
  • Iteration: Use the scan results to iteratively improve accessibility and re-scan to verify fixes.

Details

Skill name
scanning-for-accessibility-issues
Plugin
accessibility-test-scanner

FAQ

What does the Scanning For Accessibility Issues skill do?

This skill enables Claude to perform comprehensive accessibility audits. It uses the accessibility-test-scanner plugin to identify WCAG 2.1/2.2 compliance issues, validate ARIA attributes, check keyboard navigation, and assess screen reader compatibility. Use this skill when the user requests an accessibility scan, audit, or compliance check, or when terms like "WCAG", "ARIA", "screen reader", "accessibility testing", or "a11y" are mentioned. It provides actionable insights for improving web application accessibility.

How do I install the Scanning For Accessibility Issues skill?

Claude Code plugin: /plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills then /plugin install accessibility-test-scanner@claude-code-plugins-plus. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Related skills

000 Jeremy Content Consistency Validator

jeremylongshore/claude-code-plugins-plus-skills

Validates messaging consistency across website, GitHub repositories, and local documentation. Generates comprehensive read-only discrepancy reports showing where messaging conflicts or inconsistencies exist. Activates when user mentions "consistency check", "validate documentation", "check for mixed messaging", "audit content consistency", or before updating internal paperwork.

Writing & Content

001 Jeremy Taskwarrior Integration

jeremylongshore/claude-code-plugins-plus-skills

Enforces complete Taskwarrior integration protocol for ALL coding tasks. Activates automatically when user mentions "taskwarrior", "task warrior", "tw", or discusses task management. Decomposes all coding work into properly tracked Taskwarrior tasks with full lifecycle: task add → task start → implementation → task done. Integrates with Timewarrior for automatic time tracking.

Productivity & Notes

Adapting Transfer Learning Models

jeremylongshore/claude-code-plugins-plus-skills

This skill automates the adaptation of pre-trained machine learning models using transfer learning techniques. It is triggered when the user requests assistance with fine-tuning a model, adapting a pre-trained model to a new dataset, or performing transfer learning. It analyzes the user's requirements, generates code for adapting the model, includes data validation and error handling, provides performance metrics, and saves artifacts with documentation. Use this skill when you need to leverage existing models for new tasks or datasets, optimizing for performance and efficiency.

Learning & Education

Markstream Angular

Simon-He95/markstream-vue

Integrate the alpha markstream-angular package into an Angular 20+ app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.

Frontend & DesignIn 2 lists

Gsap Scrolltrigger

greensock/gsap-skills

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for scroll-driven animation when no library is specified.

Frontend & DesignIn 1 list

Markstream Custom Components

Simon-He95/markstream-vue

Override built-in Markstream node renderers and add trusted custom tags across Vue, React, Solid, Svelte, and Angular. Use when Codex needs scoped `setCustomComponents`, renderer-local React `streamingComponents` or `htmlComponents`, Angular/Svelte `customComponents`, Vue app-scoped components, node override keys such as `image`, `code_block`, `mermaid`, or `link`, or nested renderers for tags such as `thinking`.

Frontend & DesignIn 2 lists

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.