Skill'in Kendi İfadeleriyle
Bir tasarım veya sayfa için, "audit accessibility" ya da "check a11y" gibi ifadelerle tetiklenen ve argüman olarak bir Figma URL'si, bir URL veya yazılı bir açıklama alan WCAG 2.1 AA denetim rutini.
Algılanabilir, Kullanılabilir, Anlaşılabilir ve Sağlam ilkeleri altındaki on bir kriterin kısaltılmış hızlı başvuru kılavuzunu içerir: normal metin için 4.5:1, büyük metin ve UI bileşenleri için 3:1 kontrast, klavye erişimi, görünür odak ve 44x44 CSS piksel dokunma hedefleri; ayrıca sekiz yaygın sorun ve sorunların yaklaşık %30'unu yakalayan otomatik bir taramayla başlayan beş adımlı bir test yaklaşımı. Bulgular; önem derecesi sayıları, ilke bazlı tablolar, kontrast, klavye ve ekran okuyucu bölümleri ile önceliklendirilmiş düzeltmeler içeren sabit bir markdown raporunda toplanır.
Neler üretir
- Tasarımın veya sayfanın adı ve WCAG 2.1 AA standardı ile başlıklandırılmış bir markdown erişilebilirlik denetim raporu.
- Algılanabilir, Kullanılabilir, Anlaşılabilir ve Sağlam tablolarına ayrılmış; sorun, kriter, önem derecesi ve öneri sütunlarını içeren bir bulgular bölümü.
- Her öğe için ekran okuyucunun okuduğu ad da dahil olmak üzere ayrı renk kontrastı, klavye gezinmesi ve ekran okuyucu tabloları.
- Kullanıcıları engelleyen kritik düzeltmeleri, önemli iyileştirmeleri ve küçük kolaylıkları birbirinden ayıran sıralı bir öncelikli düzeltme listesi.
Nasıl Çalışır
- 01Denetlenecek Şeyi Girin
Komut, argüman olarak bir Figma URL'si, bir sayfa URL'si veya yazılı bir açıklama alır ve o hedefi denetler.
- 02On Bir AA Kriterini Kontrol Edin
Hızlı başvuru kılavuzu kriterleri Algılanabilir, Kullanılabilir, Anlaşılabilir ve Sağlam başlıkları altında gruplar; her biri başarı kriteri numarası ve eşik değeriyle birlikte verilir.
- 03Beş Test Geçişini Çalıştırın
Otomatik tarama, yalnızca klavyeyle gezinme, ekran okuyucu testi, kontrast doğrulama ve %200 yakınlaştırma; bu sırayla.
- 04Sabit Rapor Biçimini Yazın
Önem derecesi özeti, her ilke için bir bulgular tablosu ve ayrı kontrast, klavye ve ekran okuyucu tabloları içeren tek bir markdown raporu.
- 05Bağlayıcı Varsa Kullanın
Bir tasarım aracı bağlıysa Figma'dan renk değerlerini, yazı tipi boyutlarını ve dokunma hedeflerini okur; bir proje takip aracı bağlıysa her bulgu için ayrı bir kayıt açar.