Accessibility Checker (WCAG)
YaratıcıOrta resmi değil · toplulukyaklaşık 11 saat önce
─── Açıklama
UI kodunu WCAG 2.2 erişilebilirlik kurallarına göre denetler: kontrast, ARIA, klavye navigasyonu, alt metin ve semantik HTML.
> ⚠️ Bu skill resmi değildir — topluluk kaynaklıdır (forum/awesome listeleri). Kendi sorumluluğunuzda kullanın.
Kullanım Senaryoları
- WCAG uyum denetimi
- A11y düzeltmeleri
- Erişilebilir bileşen üretimi
─── Claude Code'da Kullan
mkdir -p ~/.claude/skills/community-accessibility-checker && cat > ~/.claude/skills/community-accessibility-checker/SKILL.md << 'SKILL_EOF'
---
name: community-accessibility-checker
description: "UI kodunu WCAG 2.2 erişilebilirlik kurallarına göre denetler: kontrast, ARIA, klavye navigasyonu, alt metin ve semantik HTML."
# tags: topluluk, resmi-degil, accessibility, wcag, frontend, a11y
---
# Accessibility Checker (WCAG)
UI kodunu WCAG 2.2 erişilebilirlik kurallarına göre denetler: kontrast, ARIA, klavye navigasyonu, alt metin ve semantik HTML.
> ⚠️ Bu skill **resmi değildir** — topluluk kaynaklıdır (forum/awesome listeleri). Kendi sorumluluğunuzda kullanın.
## Kullanım Senaryoları
- WCAG uyum denetimi
- A11y düzeltmeleri
- Erişilebilir bileşen üretimi
## Talimatlar
Aşağıdaki UI/bileşen kodunu WCAG 2.2 AA'ya göre denetle. Şunları kontrol et: renk kontrastı, ARIA rolleri, klavye erişimi, focus yönetimi, alt metin, semantik etiketler. Her sorunu kriter numarasıyla eşle ve düzeltme öner.
Kod:
{ui_code}
## Kullanım Senaryoları
- WCAG uyum denetimi
- A11y düzeltmeleri
- Erişilebilir bileşen üretimi
> Not: Bu skill resmi değildir; topluluk kaynaklıdır. Kendi sorumluluğunuzda kullanın.
## Kaynak
https://github.com/VoltAgent/awesome-agent-skills (community)
<!-- Skilless üzerinden alındı · skill: community-accessibility-checker -->
SKILL_EOFKomutu terminale yapıştır → Claude Code'da /community-accessibility-checker ile çağır veya bağlam uyduğunda otomatik etkinleşir.
ya da tüm registry'yi bağla: claude mcp add --transport http skilless <host>/api/mcp
─── Kullanım Senaryoları
- WCAG uyum denetimi
- A11y düzeltmeleri
- Erişilebilir bileşen üretimi
─── İstatistikler
475
oy
68/100
popülarite
3
API özelliği
984
görüntüleme
─── Etiketler
─── API Özellikleri
textvisionfiles
─── Örnek Prompt
~/community-accessibility-checker.prompt
Aşağıdaki UI/bileşen kodunu WCAG 2.2 AA'ya göre denetle. Şunları kontrol et: renk kontrastı, ARIA rolleri, klavye erişimi, focus yönetimi, alt metin, semantik etiketler. Her sorunu kriter numarasıyla eşle ve düzeltme öner.
Kod:
{ui_code}