Accessibility Audityazan Alireza Rezvani

Accessibility Audit Skill.

Her erişilebilirlik bulgusunu etkilenen öğeye, önerilen düzeltmeye ve doğrulama sonucuna bağlı tutun.

Erişilebilirlik
Tasarım İncelemesi
Frontend

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Erişilebilirlik DenetimiSKILL.md

Görev Erişilebilirlik Çıktılar • Önem derecesine göre sıralanmış bir erişilebilirlik bulguları raporu • Projenin çerçevesine uygun, öncesi ve sonrası kod düzeltmeleri • İlk bulgularla karşılaştırma ve kalan manuel kontrollerin listesi Başlamadan Önce Paketle gelen araçlar için Python, kaynağa erişim ve bağlamsal doğrulama için bir tarayıcı veya yardımcı teknoloji ortamı.

Editoryal özet · incelenen kaynak 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

Erişilebilirlik Bulgularını Doğrulanabilir Düzeltmelere Dönüştürün

Python araçları, çerçeve başvuruları ve rapor şablonlarıyla tarama-düzeltme-doğrulama odaklı bir erişilebilirlik iş akışı.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

A11y Audit, erişilebilirlik çalışmasını tarama, düzeltme ve doğrulama aşamalarına ayırır. Kaynak; Python tarayıcı ve kontrast denetleyici arayüzlerini, önem derecesi kategorilerini ve çerçeveye özgü düzeltme başvurularını içerir. "Erişilebilirliği iyileştir" gibi belirsiz bir isteği, kapsamı belirli bir öğe ve kod değişikliği listesine dönüştürmeye yardımcı olabilir.

Kaynak geniş bir WCAG kapsamını tanımlar, ancak bir kod taraması tam uygunluk sertifikasyonu olarak sunulmamalıdır. Klavye akışları, ekran okuyucu davranışı, dinamik içerik ve alternatif metnin işe yararlığı yine de bağlamsal incelemeyi gerektirir. Pratik değer izlenebilirliktir: ilk bulguları koruyun, uygun yerel semantik veya stil değişikliklerini uygulayın, ardından kontrolleri yeniden çalıştırıp gerçek etkileşimi test edin.

Beklenen Çıktılar

Önem derecesine göre sıralanmış bir erişilebilirlik bulguları raporu
Projenin çerçevesine uygun, öncesi ve sonrası kod düzeltmeleri
İlk bulgularla karşılaştırma ve kalan manuel kontrollerin listesi

Örnek Brifi Gör

Brifden İncelemeye

01
Tanımlı Bir Kapsamı Tarayın
Çerçeveyi ve ilgili kaynak yollarını belirleyin. Öğe düzeyindeki bulguları kaydedin ve tarayıcı tespitlerini manuel gözlemlerden ayırın.
02
Temeldeki Etkileşimi Düzeltin
ARIA özniteliklerini gelişigüzel eklemek yerine yerel kontrolleri, anlamlı etiketleri ve görünür odağı tercih edin.
03
Bağlam İçinde Doğrulayın
Başlangıç durumuyla karşılaştırın, kontrastı işlenmiş durumda kontrol edin ve statik analizin belirleyemeyeceği klavye ve yardımcı teknoloji yollarını deneyin.

02 Kullanım Alanları

Ne Zaman Kullanılır

Paketle gelen araçlar için Python, kaynağa erişim ve bağlamsal doğrulama için bir tarayıcı veya yardımcı teknoloji ortamı.

İyi Bir Uyum

Düzeltme PlanlamasıKaynak düzeyindeki sorunlar bütününü öncelik sırasına konmuş, incelenebilir kod değişikliklerine dönüştürmek için kullanışlıdır.
Regresyon KontrolleriMevcut bir test sürecine tekrarlanabilir erişilebilirlik kontrolleri ekleyen projelere uygundur.

Kontrol Edilecek Sınırlar

Uygunluk Sertifikası DeğildirDahil edilen araçları geçmek, ürün genelinde geçerli her erişilebilirlik gereksiniminin karşılandığını kanıtlamaz.
Önem Derecesi Bağlam GerektirirKaynaktaki önem derecesi etiketleri bir önceliklendirme aracıdır. Gerçek kullanıcı etkisi öğeye, göreve ve mevcut alternatiflere bağlıdır.

Bu Girdileri Getirin

Denetim Kapsamıİncelenen sayfaları, bileşenleri veya kaynak dizinini ve kullanıcı yolculuğunu belirtin.
İşlenmiş DurumlarBasit bir statik sayfada bulunmayan formlara, hatalara, diyaloglara ve diğer durumlara erişim sağlayın.
Mevcut Başlangıç DurumuÇözülen sorunlarla regresyonların ayrılabilmesi için önceki bulguları veya test sonuçlarını ekleyin.

03 Önemli Kararlar

Önemli Kararlar

Düzeltmeler İzlenebilir Kalır
Öncesi ve sonrası örnekleri, bir bulguyu yalnızca standart başvurusuyla bırakmak yerine somut bir uygulamaya bağlar.
Otomasyonun Bir Sınırı Vardır
Yararlı bir rapor neyin tarandığını, neyin manuel test edildiğini ve neyin doğrulanmadığını belirtir.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce becerinin kurulumunu kontrol edin.

Kurulumu İnceleyin

Betikleri ve başvuru kalıplarını koruyun. Sonuçlarını yayın kapısı olarak kullanmadan önce tarayıcının kapsamını gözden geçirin.

Kaynak Deposundaki Dosya

https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md

Paketle gelen araçlar için Python, kaynağa erişim ve bağlamsal doğrulama için bir tarayıcı veya yardımcı teknoloji ortamı.

Tek Bir Çıktıyla Başlayın

Beceriyi çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif

Ödeme formumuzu ve modalımızı incelemek için a11y-audit kullan. Etkilenen öğeleri ve önem derecesi gerekçesini içeren salt okunur bir bulgu raporuyla başla. Etiketleri, yerel kontrolleri, odak görünürlüğünü ve kontrastı kontrol et, ardından manuel klavye ve ekran okuyucu kontrollerini listele. Sayfaya yalnızca tarayıcıya dayanarak WCAG uyumlu deme ve ben onaylamadan düzeltme uygulama.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Her bulgu gerçek bir öğeyi ve uygulanabilir bir düzeltmeyi belirtir.
Çözülen sorunlar özgün başlangıç durumuyla yeniden kontrol edilir.
Test edilmemiş klavye, ekran okuyucu ve dinamik durum davranışları açıkça doğrulanmamış olarak kalır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, becerinin pakete dahil olduğu veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil edildiği anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü anlatır. Üst kaynağın davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: Alireza Rezvani
Depo: alirezarezvani/claude-skills
Beceri Dosyası: engineering-team/a11y-audit/skills/a11y-audit/SKILL.md
Lisans: MIT
İncelenen Anlık Görüntü: 2026-10-07 · 19392f7a0826

Editoryal Kaynak Özeti

Python araçları, çerçeve başvuruları ve rapor şablonlarıyla tarama-düzeltme-doğrulama odaklı bir erişilebilirlik iş akışı.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; beceri kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorulanlar

Tarayıcı WCAG uygunluğunu kanıtlayabilir mi?

Hayır. Beceri bir denetimi destekleyebilir, ancak otomatik kaynak kontrolleri her bağlamsal veya etkileşimsel gereksinimi kapsamaz.

Yalnızca React'i mi destekler?

Kaynak, çeşitli web çerçeveleri ve düz HTML için kalıplar içerir. Projenizin sürümü için tarayıcı ve başvuru desteğini gerçekte doğrulayın.

Tıklanabilir her öğeye bir ARIA rolü verilmeli mi?

Otomatik olarak hayır. Kaynak genel olarak yerel semantik kontrolleri tercih eder; bunlar tek başına bir ARIA rolünün eklemediği davranışı sağlar.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce becerinin kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Becerilerine Göz Atın