Web Erişilebilirlik Denetleyicisi – WCAG

Web erişilebilirlik denetleyicisi, WCAG 2.2 için: renk kontrastı, alt metin, başlıklar, odak sırası, renk körlüğü simülatörü.

🔍 Web erişilebilirlik denetleyicisi WCAG 2.0, 2.1 ve 2.2 için Web erişilebilirlik denetleyicisi herhangi bir tarayıcı sekmesini denetim masasına çevirir. Yan paneli aç, sayfayı tara ve her hatayı kurala göre gruplanmış biçimde oku: ölçülen değer istenen sınırın yanında, gerekçesi, düzeltmesi ve yapıştırmaya hazır bir kod örneğiyle. Kaputun altında bu web erişilebilirlik denetleyicisi axe-core 4.13 ile birlikte, neredeyse hiçbir aracın hâlâ kapsamadığı WCAG 2.2 ölçütleri için kendi kural katmanını çalıştırır: hedef boyutu, odak örtülmemesi, erişilebilir kimlik doğrulama, metin aralığı ve yeniden akış. Çoğu kişi web erişilebilirlik denetleyicisi kurar çünkü yayından önce tek bir soru vardır: ne kalacak ve tam olarak nerede. Yanıt iki saniyede gelir, zaten açık olan sayfanın üstünde, derleme adımı olmadan ve bulut tarayıcısının kuyruğunda beklemeden. ✅ Her tarama neyi kapsar ➤ Normal metin, büyük metin ve metin dışı ögelerin kontrastı ➤ Alternatif metinler, süsleme görselleri, başka yerde anlatılan görseller ➤ Başlık yapısı, sınır işaretleri, sayfa dili ve belge başlığı ➤ Form etiketleri, bağlantı metinleri, tablolar, altyazılar ve video ➤ Sekme sırası, odak göstergesi, klavye tuzakları ve hedef boyutu 📐 Tanıdığı standartlar Bir bulgu ancak seni ölçecekleri kuralı adıyla söylediğinde işe yarar, bu yüzden her bulgu kendi başarı ölçütünü, düzeyini ve sürümünü taşır. 1. WCAG 2.0, 2.1 ve 2.2 için A, AA ve AAA düzeyleri 2. Kamu kurumlarının web sitelerine dair erişilebilirlik kılavuzu 3. EN 301 549 ve Avrupa için European Accessibility Act 4. Kuzey Amerika için Section 508, ADA Title III ve AODA 🎨 İki yöntemle ölçülen kontrast Damlalıkla iki renk al, canlı olarak düzenle ve WCAG oranını APCA Lc değerinin yanında izle. Kontrast hesaplayıcı normal metin, büyük metin ve metin dışı ögeler için aynı anda hüküm verir, böylece bir WCAG 2.1 AA sonucu daha katı WCAG AAA sonucundan yalnızca bir bakış uzaktadır. APCA, WCAG 3.0 çevresinde denenen yeni yöntemdir. 🕶 Canlı sayfa üzerinde görme benzetimleri 1️⃣ Sekiz renk görme tipi, protanopiden akromatopsiye kadar 2️⃣ Az görme, katarakt ve glokom gerçek yerleşimin üzerinde 3️⃣ Yerinde durmayan metin için okuma güçlüğü kipi Renk körlüğü simülatörü ekran görüntüsünde değil sayfanın kendisinde çalışır, bu yüzden hover durumları, grafikler ve video kapakları da incelemeye girer. 🧭 DOM okumadan sorunu bul - Locate ölçütü taşıyan bir levhayı hatalı ögenin üstüne iliştirir - Başlık ve sınır işareti haritaları gerçek yapıyı üzerine çizer - Odak sırası klavyenin gerçek yolu boyunca numaralandırılır - Alternatif metin her görselin yanında görünür, süslemeler dahil 📄 Bir denetimin bittiği çıktılar Test etmek işin yarısıdır. Aşağıdaki her şey aynı taramadan çıkar, böylece teslim ettiğin erişilebilirlik raporu denediğin sekmeyle birebir uyuşur. 📊 Kendi kimliğinle HTML rapor, doğrudan PDF olarak basılır 🧾 Kayıtlar, panolar ve hatlar için CSV ve JSON ✍ Kendi siteniz için erişilebilirlik beyanı taslağı 📋 Kamu alımları için VPAT tarzı tablo Pazartesi erişilebilirlik beyanı üreticisi, cuma bir uygunluk raporunun kaynağı. 🌐 Tek sayfanın ötesinde erişilebilirlik testi Aynı kaynaktaki sayfaları tek geçişte dolaş, geçmişi sakla ve iki çalıştırmayı karşılaştırarak neyin bozulduğunu ve neyin düzeldiğini gör. Tek seferlik denetim her sürümden önce gerileme testine dönüşür, izleme aracından beklenen tam olarak budur. ✦ Bu panel neden sabit kalır ✦ Her bulgu ölçümü gösterir, belirsiz bir ağırlık sözcüğünü değil ✦ Yönerge düzeltmeyi anlatır, yalnızca kuralın adını değil ✦ Her şey dışa aktarılır, kimse raporu elle toplamaz ✦ Panel kendi denetimini WCAG 2.2 AA düzeyinde geçer 🔒 Tasarımı gereği özel Ne sayfa içeriği, ne adresler, ne de sonuçlar makineden çıkar. Ağ çağrısı yapmayan bir denetleyici bulut tarayıcılarının asla göremediği yere ulaşır: hazırlık ortamı, intranet ve iç sürümler. Hesap yok, kayıt yok, bağlantı yok. 👥 Tüm ekip için kurgulandı Kod incelemesinden önce temizleyen geliştiriciler, renk kararlarını sınayan tasarımcılar, sprint içinde erişilebilirlik testi koşan QA, müşteri belgesi üreten ajanslar, sayfanın çıkıp çıkmayacağına karar veren editörler. İşlenmiş her sayfa uygundur. ⚡ Çıktıya üç adım → Alt+Shift+A tuşlarına bas ve taramanın geçmesini bekle → Listeyi işle, ögeyi bul, düzelt ve denetimi yinele → Raporu, beyanı veya uygunluk tablosunu dışa aktar ⚖ Sınırları konusunda dürüst Otomatik araçlar WCAG başarı ölçütlerinin yaklaşık üçte birine ulaşır ve her puan ile her taslak bunu açıkça söyler. Makinenin gördüğünü hızla temizle, saatlerini hiçbir otomatik aracın veremeyeceği yargılara ayır. Denetime yardım, asla sertifika. ⌨ On saniyede hazır Uzantıyı sabitle, herhangi bir sayfayı aç ve Alt+Shift+A tuşlarına bas. Derleme yok, tanıtım yok, deneme sayacı yok. Panel on beş dil konuşur.