Düzeltme raporu

Erişilebilirlik Düzeltme Raporu

Web sitenizi gerçek bir tarayıcıda WCAG 2.2 A ve AA kriterlerine göre test eder, sitenin ana yolunu yalnızca klavyeyle yürür (mağazalarda ödeme butonuna kadar) ve her engel için gereken değişikliği, kendi kodunuzdan üreterek geliştiricinize sunarız.

  • 25 sayfaya kadar test
  • Klavye yolculuğu testi
  • 5 yeniden test dahil

Neleri kontrol ediyoruz

  • WCAG 2.2 A ve AA kuralları

    Temel sayfalarınızda ve site haritanızdan seçilen en fazla 20 ek sayfada otomatik axe-core testleri: alternatif metin, renk kontrastı, buton ve bağlantı adları, form etiketleri, başlıklar, landmark’lar ve ARIA.

  • Klavye yolculuğu testi

    Yalnızca klavye kullanılarak: mağazalarda ana sayfadan ürüne, seçeneklere, Sepete ekle butonuna ve sepete, ödeme butonunda durarak; diğer sitelerde ana sayfadan temel sayfaya, o sayfanın ana eylem çağrısına ve form alanlarına. Hiçbir şey asla gönderilmez.

  • Odak tuzakları ve görünür odak

    Odağın takılıp kalıp kalmadığı (örneğin bir çerez bildiriminde) ve ziyaretçilerin odağın nerede olduğunu görüp göremediği.

  • 320 px genişlikte yeniden akış (reflow)

    Sayfaların küçük bir telefonda yatay kaydırma gerektirip gerektirmediği (WCAG 1.4.10).

  • İhtarname iddia haritası

    Bir ihtarname yapıştırırsanız her iddia, testlerimizin tespit ettikleriyle eşleştirilir; sayfa başına tekrar sayılarıyla birlikte.

  • İnsan kontrolü gerektirenler

    Testlerin işaretlediği ama karar veremediği konular (örneğin görsellerin üzerindeki metinler) ve her birinin nasıl kontrol edileceği.

Neler alırsınız

  • Öncelik sıralı liste: önce düzeltilecekler, sonra düzeltilecekler, iyileştirmeler
  • Hatalı her öğeden üretilmiş önce-sonra kodu
  • Shopify, WordPress, WooCommerce veya tespit ettiğimiz platform için adımlar
  • Her bulgu için hazır bir yapay zekâ prompt’u
  • Hatalı öğenin çerçeve içine alındığı ekran görüntüleri
  • Taslak erişilebilirlik beyanı ve kanıt kaydı
  • Düzeltmelerinizi doğrulamak için 5 yeniden test ve bir PDF

Rapor nasıl hazırlanır

  1. 1

    Ücretsiz taramanızdaki beş sayfa ve site haritanızdan en fazla 20 ek sayfa Chromium’da açılır ve axe-core ile test edilir.

  2. 2

    Ayrı bir tarayıcı oturumu sitenin ana yolunu yalnızca klavyeyle yürür ve her adımı kaydeder; bir şeyin başarısız olduğu yerde ekran görüntüsü de alır.

  3. 3

    Her hata için platformunuza özel bir düzeltme yazılır; ardından rapor derlenir ve size e-postayla gönderilir.

Örnek rapordan bulgular

Yaygın sorunlar içerecek şekilde kurguladığımız hayali mağaza Harbor & Pine için gerçek çıktı.

Örnek raporun tamamını açın
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Kapsam dışında kalanlar

  • Ekran okuyucu çıktısı, altyazılar ve sesli betimleme (manuel kontrol listesi dahildir)
  • Sipariş tamamlama, ödeme ve form gönderimi
  • Giriş gerektiren sayfalar
  • Hukuki tavsiye veya ADA ya da EAA uyumluluk sertifikası

Bu raporla ilgili sorular

Bu tam kapsamlı bir WCAG denetimi mi?

Otomatik bir denetim ile klavye yolculuğu testinden oluşur. Otomatik testler bir sitedeki WCAG sorunlarının bir kısmını bulur; bu yüzden rapor, insan kontrolü gerektiren konuları ve bunların nasıl kontrol edileceğini de listeler.

ADA ihtarnamesi konusunda işe yarar mı?

İhtarnameyi yapıştırırsanız rapor, hangi iddiaların testlerimizde web sitenizde de tespit edildiğini kanıtlarıyla gösterir. Bu bir olgu kaydıdır, hukuki tavsiye değildir; ihtarnamenin kendisi için bir avukata danışın.

Kod hangi platformlarda çalışır?

Düzeltmeler tespit ettiğimiz platform için yazılır: Shopify temaları, WordPress ve WooCommerce, Webflow, BigCommerce, Wix, Squarespace, Next.js gibi framework’ler veya düz HTML. Kaynak kodunuzu göremediğimiz durumlarda dosya konumları ipucu olarak verilir.

5 yeniden test nedir?

Geliştiriciniz değişiklikleri yaptıktan sonra aynı kontrolleri rapor üzerinden en fazla beş kez yeniden çalıştırabilir ve hangi sorunların artık tespit edilmediğini görebilirsiniz.

İlgili rehberler

Diğer raporlar

Web sitenizi bugün tarayın

Bulun. Düzeltin. Doğrulayın.

Bu ne tür bir web sitesi?

Cevabınız doğru kontrolleri seçer; örneğin online mağazalar için alışveriş yolculuğu. Sitenin kendi kanıtlarını da yine kontrol eder ve ikisini birlikte gösteririz.

Bu ne tür bir web sitesi?

Ücretsiz tarama. Kredi kartı gerekmez.