Toolverse
All skills
UX / Design

accessibility-auditor

by davila7

Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites for accessibility issues, implementing WCAG 2.1 AA/AAA standards, testing with screen readers, or ensuring ADA compliance. Expert in semantic HTML, keyboard

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
UX / Design
Views
42
GitHub repo

About this skill

Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites for accessibility issues, implementing WCAG 2.1 AA/AAA standards, testing with screen readers, or ensuring ADA compliance. Expert in semantic HTML, keyboard navigation, and assistive technology compatibility.

How to use

  1. Zainstaluj skill Accessibility Auditor w swoim środowisku Claude, dodając go do dostępnych narzędzi lub integrując z systemem zarządzania umiejętnościami.

  2. Przygotuj kod HTML lub URL strony, którą chcesz poddać audytowi dostępności. Możesz dostarczyć fragment kodu lub pełną stronę do analizy.

  3. Poproś skill o audyt dostępności, wskazując konkretny standard, który chcesz spełnić (WCAG 2.1 Level AA lub AAA). Skill przeanalizuje kod pod kątem typowych problemów, takich jak brakujące teksty alternatywne, brakujące atrybuty ARIA czy problemy z nawigacją klawiaturową.

  4. Przejrzyj raport z naruszeń dostępności. Skill zidentyfikuje problemy w czterech obszarach POUR (Perceivable, Operable, Understandable, Robust) i dostarczy konkretne przykłady błędów.

  5. Zastosuj sugerowane poprawki do kodu. Dla każdego problemu skill dostarczy prawidłowy kod HTML, na przykład poprawne atrybuty alt dla obrazów, semantyczne elementy HTML czy implementację ARIA landmarks.

  6. Przetestuj zmiany z czytnikami ekranu (NVDA, JAWS, VoiceOver) i weryfikuj nawigację klawiaturową, aby potwierdzić, że dostępność została poprawiona zgodnie ze standardami.

Related skills

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

godot-gdscript-patterns

by sickn33

Master Godot 4 GDScript patterns including signals, scenes, state machines, and optimization. Use when building Godot games, implementing game systems, or learning GDScript best practices.

UX / Design
27105

mermaid

by iOfficeAI

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

UX / Design
1881

ui-ux-expert-skill

by fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility

UX / Design
60158

solid-principles

by SmidigStorm

Enforce SOLID principles (Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, Dependency Inversion) in object-oriented design. Use when writing or reviewing classes and modules.

UX / Design
24154

market-sizing-analysis

by wshobson

This skill should be used when the user asks to \

UX / Design
4791