wcag-audit-patternsyazan Seth Hobson

WCAG Audit Patterns Skill.

Claude Code ve Codex için tasarım inceleme skill'i: otomatik testler, manuel kontroller ve düzeltme rehberliği ile WCAG 2.2 denetimleri.

Tasarım İncelemesi & Erişilebilirlik
İnceleme raporu

OpenDesign İndir Kullanım kılavuzunu görüntüle

wshobson/agents · plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.mdSKILL.md

--- name: wcag-audit-patterns description: Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns. --- ## When to Use This Skill ## Core Concepts ## Detailed patterns and worked examples ## Best Practices

2026-09-14 tarihinde yukarı akış dosyasından okunan ön bilgi ve bölüm başlıkları · tam hali 2.439 karakter

01 Ne yapar

Claude Code ve Codex'te wcag-audit-patterns Skill Ne Yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Bu skill, otomatik testleri, manuel doğrulamayı ve düzeltme rehberliğini birleştiren WCAG 2.2 erişilebilirlik denetimleri gerçekleştirir. İhlalleri etkilerine göre kategorilere ayırır (Kritik/Engelleyici, Ciddi, Orta), üç uyumluluk seviyesini kapsar (yasal temel için A, çoğu düzenleme için AA, özel gereksinimler için AAA) ve POUR ilkelerini (Algılanabilir, Kullanılabilir, Anlaşılabilir, Sağlam) uygular.

Skill, eksik alt metin, klavye erişim sorunları, yetersiz renk kontrastı ve hatalı başlık hiyerarşisi gibi yaygın ihlalleri ele alır. Semantik HTML kullanımını, engelli kullanıcılarla gerçek kullanıcı testlerini ve erişilebilir bileşen kitaplıkları oluşturmayı vurgular; sorunların yalnızca %30-50'sinin otomasyonla tespit edilebildiğini kabul eder.

Neler üretir

Belirlenen ihlaller için uygulanabilir düzeltme stratejileri
Erişilebilir bileşen kitaplığı dokümantasyonu

Örnek istemi görün ↗

Nasıl Çalışır

01
İhlalleri Etkilerine Göre Kategorize Et
Sorunlar Kritik (eksik alt metin ve klavye erişimi olmaması gibi engelleyiciler), Ciddi (yetersiz kontrast, eksik atlama bağlantıları) veya Orta (eksik dil özelliği, belirsiz bağlantı metni) olarak sınıflandırılır.
02
POUR İlkelerini Uygula
Dört ilkeye göre denetim yapın: Algılanabilir (kullanıcılar içeriği algılayabiliyor mu), Kullanılabilir (kullanıcılar arayüzü kullanabiliyor mu), Anlaşılabilir (kullanıcılar içeriği anlayabiliyor mu) ve Sağlam (yardımcı teknolojilerle çalışıyor mu).
03
Otomatik ve Manuel Testi Birleştir
Otomatik araçlar sorunların %30-50'sini tespit eder, ancak kapsamlı bir kapsama için manuel test gereklidir.
04
Ayrıntılı Desen Dokümantasyonuna Başvur
Temel kavramlar yeterli olmadığında, skill; çözümlü örnekler ve derinlemesine desen rehberliği için references/details.md dosyasına yönlendirir.

02 Uyumunuzu bulun

wcag-audit-patterns Becerisini Ne Zaman Kullanmalı

Bu tür tasarım incelemeleri için Claude Code veya Codex'te wcag-audit-patterns skill'ini kullanın. Uygunluk ve sınırlar, skill'in kendi dosyasından alınmıştır.

İyi Uyum

Web içeriğinin erişilebilirlik denetimlerini yapma
Mevcut arayüzlerdeki WCAG ihlallerini düzeltme
ADA veya Bölüm 508 düzenleyici gerekliliklerini karşılama
Erişilebilirlik davaları için hazırlık
VPAT uyumluluk dokümantasyonu elde etme

03 Skill'in içinde

wcag-audit-patterns Skill'inin Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 8 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

Erişilebilirliğe Tasarım Aşamasında Başla
Erişilebilirlik, sonradan eklenen bir düzeltme olarak değil, tasarım aşamasının başında dahil edilmelidir.
Önce Semantik HTML Kullan
Yerel HTML öğeleri varsayılan seçim olmalıdır çünkü ARIA'ya olan ihtiyacı azaltır ve daha iyi erişilebilirlik desteği sağlar.
Yalnızca Otomatik Teste Asla Güvenme
Manuel test gereklidir çünkü otomatik araçlar erişilebilirlik sorunlarının yalnızca %30-50'sini tespit edebilir.
ARIA'dan Önce Yerel HTML
ARIA, ilk çözüm olarak kullanılmamalıdır; mümkün olduğunda yerel HTML öğeleri tercih edilmelidir.
Odak Çerçevelerini Koruyun
Klavye kullanıcıları gezinmek için odak çerçevelerine bağlı olduğundan, bunlar gizlenmemelidir.
Yakınlaştırmayı Asla Devre Dışı Bırakmayın
Kullanıcılar içeriği yeniden boyutlandırabilmelidir; bu nedenle yakınlaştırma işlevi devre dışı bırakılamaz.
Renk Dışında Birden Fazla Gösterge
Bilgi iletmek için yalnızca renk kullanılamaz; birden fazla gösterge gereklidir.
Engelli Kullanıcılarla Test Edin
Engelli gerçek kullanıcılar en iyi geri bildirimi sağlar ve teste dahil edilmelidir.

04 İşe koyun

wcag-audit-patterns'ı Claude Code veya Codex'e yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

wcag-audit-patterns'ı Claude Code, Codex veya Ajanınıza Ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md için genel skills CLI formu; depo kendi yolunu belgeleyebilir.

Beceriye İlk Tasarım İnceleme Görevi Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt

Audit [website URL or component name] against WCAG 2.2 AA standards. Identify all Critical and Serious violations including missing alt text, keyboard access issues, and color contrast failures. For each violation, provide the specific WCAG success criterion, the impact on users with disabilities, and concrete remediation code. Prioritize issues that would block screen reader users.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

Sağlam bir uygulama için yardımcı teknolojiyle uyumluluğu doğrulayın

OpenDesign'da wcag-audit-patterns'i SKILL.md bağlantısından içe aktarın: Plugins → Add → Skill → Import from link, ardından üst çubuktan seçin.

OpenDesign İndir Hızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author: Seth Hobson
Repository: github.com/wshobson/agents Branch main
Skill dosyası: plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Doğrulamada içerik sağlaması kaydedildi; commit 4236bb9
License: MIT LICENSE dosyasından.
Repository yıldızları: 39.635 wcag-audit-patterns'ı içeren tüm wshobson/agents deposu için 2026-09-14 tarihinde alınan GitHub anlık görüntüsü; bu katalogda 18 skill bulunur. wcag-audit-patterns için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı: 2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde dahil değil (2026-08-28 kontrol edildi); bu sayfada canlı bir çalıştırma kaydedilmedi.

SKILL.md içinde

Bu Skill Ne Zaman KullanılırDenetimler, ihlallerin düzeltilmesi ve düzenleyici gerekliliklerin karşılanması dahil altı senaryoyu listeler
Temel KavramlarÜç uygunluk seviyesini, POUR ilkelerini ve etkiye göre yaygın ihlalleri tanımlar
WCAG Uygunluk SeviyeleriA seviyesi yasal taban, AA düzenlemeler için standart, AAA ise özel gereksinimler içindir
POUR İlkeleriDört ilke: Algılanabilir, İşletilebilir, Anlaşılabilir, Sağlam; yönlendirici sorularla
Etkiye Göre Yaygın İhlallerSorunları Kritik engelleyiciler, Ciddi veya Orta olarak belirli örneklerle sınıflandırır
Ayrıntılı desenler ve uygulamalı örneklerDerinlemesine desen belgelendirmesi için references/details.md'ye işaret eder
En İyi UygulamalarErişilebilir geliştirme için beş Yapılması Gereken ve beş Yapılmaması Gereken listesi

Skill'in Kendi Açıklaması

"Otomatik testler, manuel doğrulama ve düzeltme rehberliğiyle WCAG 2.2 erişilebilirlik denetimleri yapar. Web sitelerinin erişilebilirlik denetiminde, WCAG ihlallerini düzeltirken veya erişilebilir tasarım kalıpları uygularken kullanın."

SKILL.md'den ön bilgi açıklaması. Tam dosya yaklaşık 2.439 karakterdir. Tam dosyayı GitHub'da okuyun.

06 Kurmadan önce

wcag-audit-patterns Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

Hangi WCAG uygunluk seviyesini hedeflemeliyim?

AA seviyesi, çoğu düzenleme tarafından gerekli görülen standart uygunluk seviyesidir. A seviyesi asgari yasal taban olup, AAA seviyesi yalnızca özel gereksinimler için gereklidir. Çoğu ADA ve Section 508 gerekliliği AA uygunluğu ile karşılanır.

WCAG Audit Patterns

wcag-audit-patterns'ı Gerçek Bir Tasarım İncelemesi Görevinde Çalıştırın.

OpenDesign'ı indirin, wcag-audit-patterns'ı SKILL.md bağlantısından içe aktarın, yukarıdaki prompt'u yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

Claude Code ve Codex'te wcag-audit-patterns Skill Ne Yapar

Skill'in Kendi İfadeleriyle

Nasıl Çalışır

wcag-audit-patterns Becerisini Ne Zaman Kullanmalı

İyi Uyum

wcag-audit-patterns Skill'inin Claude Code ve Codex'e Verdiği Kurallar

Erişilebilirliğe Tasarım Aşamasında Başla

Önce Semantik HTML Kullan

Yalnızca Otomatik Teste Asla Güvenme

ARIA'dan Önce Yerel HTML

Odak Çerçevelerini Koruyun

Yakınlaştırmayı Asla Devre Dışı Bırakmayın

Renk Dışında Birden Fazla Gösterge

Engelli Kullanıcılarla Test Edin