Bir raporun içinde ne var?

1. 1. AC-014 · WCAG 4.1.2Kritik

   Ödeme butonunun adı yok. Ekran okuyucu yalnızca "buton" diyor.

2. 2. AC-027 · WCAG 1.3.1Kritik

   Sepet miktar alanının etiketi yok.

3. 3. AC-019 · WCAG 2.1.1Kritik

   Varyant seçici klavyeyle seçilemiyor.

Tüm bulgular

1. 1.Ne bozuk
2. 2.Kimi etkiler
3. 3.Kaç sayfada
4. 4.Nasıl düzeltilir (diff)
5. 5.Nasıl doğrulanır

 <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>

• Odak sırası mantıklı

  1. Fareyi bırakın, bir detay sayfası açın (ör. ürün, hizmet ya da haber sayfası).
  2. Tab ile ilerleyin; odak görsel sırayı izliyor mu bakın.
  3. Sayfanın ana butonuna (ör. Sepete ekle, Kayıt ol, Başvur) yalnız klavyeyle ulaşabildiğinizi doğrulayın.

• Alt metin görseli anlatıyor

  1. Bir liste sayfasında (ör. kategori ya da haber listesi) 5 görsel seçin.
  2. Alt metinleri okuyun (ekran okuyucu ya da tarayıcı denetçisiyle).
  3. Görseli görmeyen biri içerikleri birbirinden ayırt edebiliyor mu kontrol edin.

• Hata mesajları anlaşılır

  1. Bir formu (ör. ödeme, kayıt ya da iletişim formu) 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. Oturum gerektiren bir adımı başlatın (ör. sepete ürün ekleyin ya da bir başvuru formunu açın) ve 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