wcag-audit-patterns

wshobson/agents · Agent Skill

WCAG 2.2 erişilebilirlik denetimlerini otomatik testleme, el ile doğrulama ve düzeltme önerileri ile gerçekleştirin. Erişilebilirlik denetimlerinde web sitelerini denetlemek, WCAG ihlallerini düzeltmek veya erişilebilir tasarım şablonlarını uygulamak için kullanın.

Kuruluma geç ↓

Genel bakış

Yayıncı	wshobsonTopluluk
Depo	wshobson/agents ↗
Skill klasörü	`wcag-audit-patterns`
Yıldız	41.779
Fork	4.431
Dosyalar	2
Lisans	MIT
Son güncelleme	26 Ekim 2026
Bağlantılar	Skill kaynağı ↗ · Depo ↗

Mozgi kontrolü

Skill dosyalarında bulduklarımız. Ayrıntılar abonelikle.

Güvenlik

düşük risk · belirgin risk bulunamadı — tam rapor ayrıntıları gösterir

Uyumluluk

yalnızca talimatlar — çoğu ajanla çalışır

Benzer skiller

31 benzer skill bulundu

Abonelikte ayrıca

Kurulum

Skill, SKILL.md dosyası içeren bir klasördür. Ajanınızı seçin ve komutları proje kökünde bir terminalde çalıştırın (macOS, Linux veya Windows'ta Git Bash).

Promptu Claude, Codex veya başka bir asistana yapıştırın: skill'i inceleyip sizin için kuracaktır.

Install the “wcag-audit-patterns” skill from mozgi.io (https://mozgi.io/skills/wshobson-wcag-audit-patterns/) for me.

1. Download the archive: https://mozgi.io/skills/wshobson-wcag-audit-patterns/download
   If it fails, take the skill folder from the source: https://github.com/wshobson/agents/tree/main/plugins/accessibility-compliance/skills/wcag-audit-patterns
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “wcag-audit-patterns” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/wcag-audit-patterns/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .claude/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .claude/skills/wcag-audit-patterns

Claude Code'u yeniden başlatın — skill listede görünür; elle çağırmak için /wcag-audit-patterns. Tüm projeler için ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .agents/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .agents/skills/wcag-audit-patterns

Codex skill'leri geçerli klasörden depo köküne kadar .agents/skills içinde arar; /skills veya $wcag-audit-patterns ile çağırın. Tüm projeler için ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .cursor/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .cursor/skills/wcag-audit-patterns

Cursor skill'i açılışta yükler; Agent sohbetinde “/” ile çağırın. Cursor .claude/skills ve .agents/skills klasörlerini de okur. Tüm projeler için ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .gemini/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .gemini/skills/wcag-audit-patterns

Gemini CLI, görev uyduğunda skill'i etkinleştirmeyi önerir — siz onaylarsınız. Tüm projeler için ~/.gemini/skills.

Kaynak dosyaları

2 dosya ZIP indir

Kurulumdan önce SKILL.md ve eşlik eden dosyaları inceleyin. Önizleme için dosyaya tıklayın.

SKILL.md içeriği

Yazarın orijinal metni · salt okunur

WCAG Audit Patterns

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

When to Use This Skill

Conducting accessibility audits
Fixing WCAG violations
Implementing accessible components
Preparing for accessibility lawsuits
Meeting ADA/Section 508 requirements
Achieving VPAT compliance

Core Concepts

1. WCAG Conformance Levels

| Level | Description | Required For |

| ------- | ---------------------- | ----------------- |

| A | Minimum accessibility | Legal baseline |

| AA | Standard conformance | Most regulations |

| AAA | Enhanced accessibility | Specialized needs |

2. POUR Principles

Perceivable:  Can users perceive the content?
Operable:     Can users operate the interface?
Understandable: Can users understand the content?
Robust:       Does it work with assistive tech?

3. Common Violations by Impact

Critical (Blockers):
├── Missing alt text for functional images
├── No keyboard access to interactive elements
├── Missing form labels
└── Auto-playing media without controls

Serious:
├── Insufficient color contrast
├── Missing skip links
├── Inaccessible custom widgets
└── Missing page titles

Moderate:
├── Missing language attribute
├── Unclear link text
├── Missing landmarks
└── Improper heading hierarchy

Detailed patterns and worked examples

Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.

Best Practices

Do's

Start early - Accessibility from design phase
Test with real users - Disabled users provide best feedback
Automate what you can - 30-50% issues detectable
Use semantic HTML - Reduces ARIA needs
Document patterns - Build accessible component library

Don'ts

Don't rely only on automated testing - Manual testing required
Don't use ARIA as first solution - Native HTML first
Don't hide focus outlines - Keyboard users need them
Don't disable zoom - Users need to resize
Don't use color alone - Multiple indicators needed

Sık sorulan sorular

wcag-audit-patterns skill'i ne yapar?

wcag-audit-patterns nasıl kurulur?

Bu sayfadaki “Kurulum” bölümünü açın ve ajanınızı seçin — Claude Code, Codex, Cursor veya Gemini CLI: skill klasörünü doğru yere kopyalayan hazır komutlar orada. Ya da “Asistanla” sekmesindeki promptu kopyalayın; asistan skill'i inceleyip kuracaktır.

wcag-audit-patterns hangi yapay zekâlarla çalışır?

Skill'ler düz Markdown talimatlarıdır (Agent Skills formatı), bu yüzden wcag-audit-patterns SKILL.md okuyan her ajanla çalışır: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode ve diğerleri. Model talimatları yalnızca görev skill açıklamasına uyduğunda yükler.

wcag-audit-patterns ücretsiz mi?

Skill, wshobson tarafından açık olarak yayımlandı (MIT lisansı). Skill'in kendisi ücretsizdir — yalnızca kullandığınız token'lar için yapay zekâ sağlayıcınıza ödeme yaparsınız.

Skill kurmak güvenli mi?

Skill, ajanınızın izleyeceği talimatlardır; kurmadan önce SKILL.md ve eşlik eden dosyaları okuyun. Skill klasöründeki betikler yalnızca ajanınız çalıştırırsa çalışır — ne yaptığını izleyin ve gereksiz izin vermeyin.

Skill, MCP sunucusu veya eklentiden nasıl farklıdır?

MCP sunucusu veya eklenti modele yeni araçlar verir — çalışıp sonuç döndüren kod. Skill ise bilgi ve süreç verir: göreve nasıl yaklaşılacağı, hangi adımların izleneceği ve iyi sonucun neye benzediği. Sunucu veya API anahtarı gerekmez.

Benzer skiller

Tüm skiller →

wcag-audit-patterns Web siteleri için WCAG 2.2 erişilebilirlik denetimleri gerçekleştiren, otomatik testler, manuel doğrulama ve dijital arayüzlerin kapsayıcı ve uyumlu olmasını sağlamak için uygulanabilir iyileştirme rehberliği sunan bir araçtır. wshobson41.5k

frontend-ui-engineering Frontend UI mühendisliği kılavuzu, bileşen mimarisi, uyarlanabilir tasarım, erişilebilirlik ve desteklenen uygulama şablonlarını kapsar. addyosmani111k

fixing-accessibility Erişilebilirlik sorunlarını düzeltmek ve ARIA etiketlerini, klavye navigasyonunu, odak yönetimini, renk kontrastını ve form hatalarını içeren bir denetim yapın. İnteraktif kontroller, formlar, diyaloglar eklerken veya WCAG uyumluluğunu kontrol ederken kullanın. ibelick10.2k

better-accessibility Odak durumlarını, klavye desteğini, ARIA, formları, ekran okuyucu yazılımlarını, vuruş alanlarını ve hareket erişilebilirliğini kontrol edin ve geliştirin. jakubkrehel8.6k

better-colors OKLCH renk alanı web projeleri için. Hex/rgb/hsl'yi oklch'ye dönüştürme, palet oluşturma, kontrastı kontrol etme, renk aralığının sınırlarını işleme ve Tailwind v4 ile temalar oluşturma. OKLCH, renk dönüştürme, palet oluşturma, kontrast oranı, renk aralığı, display p3, tasarım tokenları, ton kayması, kroma, karanlık mod renkleri ile çalışır. jakubkrehel8.6k

better-interface Erişilebilirlik, yerleşim, yazım, tipografi, renk ve görsel kaplama açısından arayüzün kapsamlı bir incelemesini yapın. jakubkrehel8.6k