Bir ödeme düğmesi kusursuz görünebilir ama erişilebilir adı ne yaptığını anlatmayabilir. Bir formda bütün gerekli alanlar bulunmasına rağmen ekran okuyucu kullanan kişi ne yazacağını tahmin etmek zorunda kalabilir. Erişilebilirlik çalışmasının başlangıcı puanın rengi değil, kişinin bir işi tamamlayabilmesidir.
Sahibi olduğunuz veya değerlendirmeye yetkili olduğunuz sayfanın sunulan HTML'sindeki olası engelleri Sitelemetry ile belirleyin. Raporun yanında tarayıcıyı da açık tutun: farklı kanıtlar sunarlar; yeşil sonuç ya da kısa sorun listesi tam WCAG uygunluğunu göstermez.
Bu denetimin kapsamı
Neler ölçülebilir
- İstenen sayfanın sunulan HTML'si, son URL'si ve değerlendirme durumu.
- Görseller, sayfa dili, başlık, form etiketleri, bölüm başlıkları, yer işaretleri ve kontrol adlarına ilişkin işaretler.
- Seçilmiş satır içi metin/arka plan renk çiftleri ve yapısal inceleme işaretleri.
Neleri kanıtlamaz
- Tarayıcıda render, hesaplanmış erişilebilirlik ağacı veya eksiksiz erişilebilir ad hesaplaması yapılmaz.
- Klavye gezinmesi, görünür odak, yeniden akış ve dinamik davranış otomatik olarak kanıtlanmaz.
- Tek sayfanın değerlendirilmesi site genelinde erişilebilirlik veya WCAG sertifikası sağlamaz.
Erişilebilirlik denetimi Starter, Professional ve Enterprise kapsamındadır. Rapor biçimleri ve izleme seçilen pakete bağlıdır; Free güvenlik taraması bu denetimi içermez.
Önemli bir işle başlayın
Taramadan önce bir kullanıcı akışı seçin: teklif istemek, hesap açmak, ürün özelliğini bulmak veya destek mesajı göndermek. Tam URL'yi, sayfa dilini, beklenen sonucu ve sayfanın herkese açık mı yoksa oturum gerektiriyor mu olduğunu kaydedin. Herkese açık HTML denetimi, oturum açılmış bir akışa kendiliğinden girmez.
Temsil edici bir sayfayla başlayıp diğer şablonları ayrı inceleyin. Ortak gezinme bileşenindeki kusur pek çok sayfayı etkileyebilir; ancak başarılı ana sayfa sonucu ödeme hataları veya sonradan açılan pencere hakkında çok az şey söyler. Önemli işlemleri engelleyen sorunları görsel tutarlılıktan önce ele alın. Bulgudaki önem seviyesi başlangıç noktasıdır; gerçek etki bileşene ve kullanımına bağlıdır.
Neyin ölçüldüğünü anlayın
Sitelemetry'nin mevcut erişilebilirlik motoru istenen tek sayfayı alır ve statik HTML'yi inceler. Eksik görsel alt öznitelikleri, sayfa dili ve başlığı, olası etiketsiz form alanları, adsız bağlantı ve düğmeler, başlık sorunları, yer işaretleri, pozitif tabindex, iframe başlıkları ve tablo başlığı işaretlerini arar. Bazı kontroller tam tarayıcı yorumlaması yerine sezgisel kurallardır.
Seçilmiş satır içi renk çiftlerindeki belirgin sorunları işaretleyebilir. Bütün CSS'i, miras alınan renkleri, katmanları ve etkileşim durumlarını değerlendiremez; temiz satır içi kontrol kontrastın geçtiği anlamına gelmez. Başarısız istek, doğrulama ekranı, kesilmiş yanıt veya HTML olmayan kaynak; erişilebilir sayfa olarak değil, ölçülemedi veya uygulanamaz olarak okunmalıdır. W3C, değerlendirme araçlarının neden insan yargısına ihtiyaç duyduğunu açıklar.
İş atamadan önce kanıtı okuyun
Her bulguda etkilenen URL'yi, gözlenen öğeyi veya örneği, doğrulanacak davranışı ve engellenebilecek işi kaydedin. “Üç görselde alt özniteliği eksik” ifadesi, “erişilebilirliği iyileştir” ifadesinden daha uygulanabilirdir. Ancak mevcut öznitelik de içindeki sözcüklerin görselin amacını aktardığını kanıtlamaz.
Olası yanlış alarmları da inceleyin. Statik etiket kontrolü, alanı saran geçerli bir etiketi kaçırabilir veya hedefi uygun olmayan bir ARIA başvurusunu kabul edebilir. Render edilmiş erişilebilirlik ağacına bakıp gerçek kontrolü deneyin. Başlık seviyesi uyarılarını her WCAG koşulu hakkında kesin sonuç yerine belge düzenini inceleme çağrısı olarak değerlendirin. Tekrarlanan kusurları, onları üreten ortak bileşen altında toplayın.
| Gözlem | Bağlama göre öncelik | Doğrulanacak kanıt | Sonraki adım |
|---|---|---|---|
| Zorunlu alanın kullanılabilir adı yok | Önemli işlemi engelliyorsa yüksek | Hesaplanan adı inceleyip formu tamamlayın | Etiket ilişkisini düzeltin ve işlemi tekrar deneyin |
| Görselin alternatifi yok | Görselin amacına bağlı | Bilgi, işlev veya dekorasyon rolünü belirleyin | Uygun alternatif yazın; dekoratifse boş alt kullanın |
| Başlık sırası uyarısı | Bağlam içinde incelenmeli | Belge yapısını ve içeriği okuyun | Anlamı zorlaştırıyorsa ortak yapıyı düzeltin |
Kaynak bileşeni düzeltin
Yerel HTML ilişkilerini ve görünür etiketleri tercih edin. Form etiketini eşleşen for ve id değerleriyle alana bağlayın; placeholder yazı girildiğinde kaybolur ve güvenilir bir etiket alternatifi değildir. W3C form etiketleme rehberi açık ve örtük ilişkileri anlatır. Yalnız ikon içeren düğmeleri ikonun görünüşüyle değil, menüyü açmak gibi yaptıkları işle adlandırın.
Görselin bilgi mi verdiğini, bir işlev mi gördüğünü, yoksa yalnız dekorasyon mu olduğunu belirleyin. Amacını koruyan alternatif metin yazın; gerçekten dekoratif görsellerde alt="" kullanın. Puanı yükseltmek için bütün sorunlu görsellere boş alternatif atamayın. Bağlam için W3C görsel rehberini izleyin. Sonraki sayfada aynı kusur oluşmasın diye bileşeni veya içerik modelini düzeltin.
Tarayıcı incelemesini tamamlayın
- Yalnız klavyeyle kontrollere ulaşın, çalıştırın ve geri dönün. Odağın görünür kaldığını ve iletişim pencerelerinden uygun biçimde çıkılabildiğini kontrol edin.
- Ekran okuyucuyla başlıkları, adları, talimatları ve hata mesajlarını inceleyin. Yalnız metnin okunmasını değil, işlemin anlaşılır olmasını doğrulayın.
- Render edilmiş renklerle normal, üzerine gelme, odak, devre dışı ve hata durumlarının kontrastını kontrol edin. Görsel üstündeki metinleri ve katmanları dahil edin.
- Yakınlaştırın ve dar ekran kullanın. İçeriğin, kontrollerin veya talimatların kaybolup kaybolmadığına ve kullanışsız kaydırma gerektirip gerektirmediğine bakın.
Bunlar tamamlayıcı incelemelerdir; statik taramanın yaptığı işlemler olarak sunulmaz. Düzenlemek için W3C'nin ilk inceleme kontrollerinden yararlanın; akış gerektiriyorsa ilgili erişim ihtiyaçları olan kişileri de çalışmaya katın.
Yeniden test edip kalan kapsamı açıklayın
Düzeltmeyi yayımladıktan sonra aynı URL'yi yeniden tarayın ve somut kanıtı karşılaştırın. Hedef bileşenin değiştiğini, yeni bir adlandırma veya yapı sorunu oluşmadığını doğrulayın. Etkilenen akışı elle tekrar edin; uyarıyı kaldırırken klavyeyle çalışmayı bozmak başarılı bir düzeltme değildir.
Tarihi, sayfayı, değişiklikleri, statik sonucu ve manuel sonuçları birlikte kaydedin. Ajans tesliminde hangi şablonların ve etkileşimlerin incelendiğini, hangilerinin kapsam dışında kaldığını belirtin. Puan bu taramanın bulgularını özetler; desteklenen kullanıcı yüzdesi veya hukuki uygunluk kanıtı değildir. Çözülmemiş manuel kontrolleri görünür tutun ve düzeltmenin kalıcı olması için bileşeni sonraki sürüm kontrollerine ekleyin.
Sık sorulan sorular
Yüksek puan, sitenin WCAG'a uyduğunu gösterir mi?
Hayır. Tek sayfanın sınırlı statik değerlendirmesini özetler. Uygunluk, tanımlı kapsam ve tarayıcının render etmediği davranışlar dahil daha geniş değerlendirme gerektirir.
Her görselde açıklayıcı alternatif metin olmalı mı?
Anlamlı her görsel uygun bir alternatif gerektirir. Yalnız dekoratif görseller genellikle boş alt özniteliği kullanır; doğru seçim bağlama ve amaca bağlıdır.
Denetim tıklamadan sonra açılan pencereyi test edebilir mi?
Yanıtta zaten bulunan ilgili işaretlemeyi inceleyebilir; pencereyi açmaz, odağı, klavye etkileşimini veya duyuruları doğrulamaz.
Kaynaklar ve ileri okuma
- W3C: erişilebilirlik değerlendirme aracı seçimiwww.w3.org
- W3C: form kontrollerini etiketlemewww.w3.org
- W3C: görsel alternatifleri rehberiwww.w3.org
- W3C: ilk erişilebilirlik incelemesiwww.w3.org
Sitelemetry ekibi tarafından, ürünün denetim kapsamı ve bağlantılı birincil kaynaklarla karşılaştırılarak hazırlanmıştır. Açıkça belirtilen gözlemlenmiş vakalar dışında örnekler açıklama amaçlıdır.
