Örnek rapor

Bir raporun içinde ne var?

ornekmagaza.com.tr için hazırlanmış kurgusal örnek. Bölüm bölüm, ne gördüğünüzü ve ne yapacağınızı anlatıyoruz.

Özet

Puan 78/100 · 3 kritik · 12 ciddi · 8 düzeltildi. Bir yönetici bu kutuya bakıp 'nerede duruyoruz' sorusunu cevaplayabilir.

İlk 3 iş

1. AC-014 · WCAG 4.1.2Kritik
Ödeme butonunun adı yok. Ekran okuyucu yalnızca "buton" diyor.
2. AC-027 · WCAG 1.3.1Kritik
Sepet miktar alanının etiketi yok.
3. AC-019 · WCAG 2.1.1Kritik
Varyant seçici klavyeyle seçilemiyor.

Tüm bulgular

Bulgu listesi: önem, kural, başlık, şablon, etkilenen sayfa ve durum
Önem	Kural	Bulgu	Şablon	Sayfa	Durum
Kritik	4.1.2	AC-014Ödeme butonunun erişilebilir adı yok	Ödeme	3	Açık
Kritik	1.3.1	AC-027Sepet miktar alanının etiketi eksik	Sepet	1	Açık
Kritik	2.1.1	AC-019Varyant seçici klavyeyle seçilemiyor	Ürün detay	180	Açık
Ciddi	1.4.3	AC-031Fiyat metninin kontrastı 3,1:1	Ürün detay	180	Açık
Ciddi	1.1.1	AC-008Ürün görsellerinde alt metin boş	Kategori	42	Açık
Orta	2.4.4	AC-041"Devamı" bağlantıları bağlamsız	Kategori	42	Düzeltildi
Düşük	1.4.12	AC-003Satır aralığı %150 altında	Ürün detay	180	Yok sayıldı

Bulgu anatomisi

Her bulgu aynı beş soruyu cevaplar.

Ne bozuk
Kimi etkiler
Kaç sayfada
Nasıl düzeltilir (diff)
Nasıl doğrulanır

AC-014 · WCAG 4.1.2

Ödeme butonunun erişilebilir adı yok

Kritik

Neden önemli: Ekran okuyucu yalnızca "buton" diyor. Kullanıcı ödemeye geçemiyor.
Kimi etkiler: Ekran okuyucu ve sesli komut kullananlar
Çerçeve: EAA · Genelge
Etkilenen: 3 sayfa · 1 şablon

Shopifysections/cart-footer.liquidWCAG 4.1.2

 <div class="cart__footer">−  <div class="btn" onclick="checkout()">−    {{ "cart.checkout" | t }}−  </div>+  <button type="submit" name="checkout"+          aria-label="Ödemeye geç">+    {{ "cart.checkout" | t }}+  </button> </div>

Şablon kırılımı

Şablona göre bulgu sayısı ve önem derecesi
Şablon	Bulgu
Ödeme	3Kritik
Ürün	7Ciddi
Kategori	5Ciddi

EAA / Genelge eşlemesi

Her bulgu hangi çerçeveye giriyor. Örnek: 1.4.3 yalnız AA seviyesinde olduğu için Genelge'nin A listesinde yok.

Bulguların EAA ve Genelge çerçevelerine eşlemesi
Bulgu	WCAG	Seviye	EAA	Genelge
AC-014Ödeme butonunun erişilebilir adı yok	4.1.2	A	Var	Var
AC-027Sepet miktar alanının etiketi eksik	1.3.1	A	Var	Var
AC-019Varyant seçici klavyeyle seçilemiyor	2.1.1	A	Var	Var
AC-031Fiyat metninin kontrastı 3,1:1	1.4.3	AA	Var	Yok
AC-008Ürün görsellerinde alt metin boş	1.1.1	A	Var	Var
AC-041"Devamı" bağlantıları bağlamsız	2.4.4	A	Var	Var
AC-003Satır aralığı %150 altında	1.4.12	AA	Var	Yok

Manuel kontrol listesi

14 madde, test adımlarıyla. Aşağıda 4 örnek madde var.

Odak sırası mantıklı
1. Fareyi bırakın, ürün sayfasını açın.
2. Tab ile ilerleyin; odak görsel sırayı izliyor mu bakın.
3. Sepete ekle ve ödeme butonlarına yalnız klavyeyle ulaşabildiğinizi doğrulayın.
Alt metin görseli anlatıyor
1. Bir kategori sayfasında 5 ürün görseli seçin.
2. Alt metinleri okuyun (ekran okuyucu ya da tarayıcı denetçisiyle).
3. Görseli görmeyen biri ürünü ayırt edebiliyor mu kontrol edin.
Hata mesajları anlaşılır
1. Ödeme formunu boş gönderin.
2. Her hatanın ilgili alanın yanında metinle yazıldığını kontrol edin.
3. Mesajın ne yapılacağını söylediğini doğrulayın (ör. "Posta kodu 5 haneli olmalı").
Oturum süresi dolmadan uyarı
1. Sepete ürün ekleyip sayfayı açık bırakın.
2. Oturum süresi dolmadan önce bir uyarı görüp görmediğinizi not edin.
3. Uyarıdan süreyi uzatabildiğinizi doğrulayın.

14 maddeden 4'ü gösteriliyor

İlerleme

12 haftalık eğri, gerileme işaretli.

Veri tablosunu göster

Haftalık skor değerleri
H1	H2	H3	H4	H5	H6	H7	H8	H9	H10	H11	H12
52	55	58	61	63	66	70	64	68	72	75	78

Rapor teknik bulgu sunar, hukuki görüş değildir.

Mağazanızı tarayın. İlk bulgular 60 saniyede.

Ücretsiz tara

Kart bilgisi istemiyoruz. Yalnızca herkese açık sayfalarınızı tarıyoruz.

Kart yok · Overlay yok · İstediğiniz an iptal