UX audit kontrol listesi (100 madde)

• Logo her sayfada ana sayfaya götürüyor. (Nielsen, ilke 4)
• Kullanıcı hangi sayfada olduğunu menüden ya da başlıktan anlıyor. (Nielsen, ilke 1)
• Her sayfada tekrar eden menüler aynı sırada duruyor. (WCAG 3.2.3)
• Menü etiketleri kullanıcının kelimeleriyle yazılmış, iç jargon yok. (Nielsen, ilke 2)
• Derin sayfalarda tıklanabilir bir breadcrumb var.
• Her sayfanın konusunu anlatan kendi başlığı (title) var. (WCAG 2.4.2)
• Bağlantı metni nereye gittiğini söylüyor, "tıklayın" yazmıyor. (WCAG 2.4.4)
• Tarayıcının geri tuşu beklenen ekrana dönüyor. (Nielsen, ilke 3)
• Önemli sayfalara menü dışında da ulaşılabiliyor: arama ya da site haritası. (WCAG 2.4.5)
• Tekrar eden blokları atlamak için "İçeriğe geç" bağlantısı var. (WCAG 2.4.1)
• Aynı işi yapan öğeler her sayfada aynı adı taşıyor. (WCAG 3.2.4)
• Açılır menüler yalnızca fareyle üzerine gelince değil, tıklayınca da açılıyor.

Bu kategoride işaretlenmeyen madde kalmadı.

• Arama kutusu her sayfada aynı yerde ve kolay görünüyor.
• Yazım hatalı bir aramada da sonuç ya da öneri çıkıyor.
• Sonuç yoksa sayfa ne yapılacağını söylüyor.
• Aranan kelime sonuç sayfasında görünüyor ve düzenlenebiliyor. (Nielsen, ilke 6)
• Uygulanan filtreler görünüyor ve tek tek kaldırılabiliyor. (Nielsen, ilke 1)
• Filtre seçmek sayfayı beklenmedik bir yere götürmüyor. (WCAG 3.2.2)
• Sıralama seçeneği var ve hangi sıralamanın seçili olduğu belli.
• Detay sayfasından geri dönünce filtreler ve liste konumu korunuyor. (Nielsen, ilke 6)

Bu kategoride işaretlenmeyen madde kalmadı.

• Her alanın görünür bir etiketi ya da talimatı var. (WCAG 3.3.2)
• Zorunlu ve isteğe bağlı alanlar açıkça belli.
• Yalnızca gerçekten gereken bilgiler soruluyor.
• Ad, e-posta ve adres alanlarının amacı kodda tanımlı, otomatik doldurma çalışıyor. (WCAG 1.3.5)
• Telefon, e-posta ve sayı alanlarında uygun klavye açılıyor.
• Hatalı alan belli ediliyor ve hata metinle anlatılıyor. (WCAG 3.3.1)
• Hata mesajı sorunun nasıl düzeleceğini söylüyor. (WCAG 3.3.3)
• Hata yalnızca kırmızı renkle gösterilmiyor. (WCAG 1.4.1)
• Gönderim başarısız olunca girilen bilgiler silinmiyor.
• Aynı süreçte daha önce girilen bilgi yeniden yazdırılmıyor, otomatik geliyor ya da seçilebiliyor. (WCAG 3.3.7)
• Ödeme ya da veri silen gönderimlerden önce kontrol ya da geri alma imkânı var. (WCAG 3.3.4)
• Giriş yapmak ezber ya da bulmaca gibi bir teste dayanmıyor, dayanıyorsa bir alternatifi var. (WCAG 3.3.8)
• Gönder butonu sonucu söylüyor: "Gönder" değil, "Siparişi ver".
• Gönderimden sonra açık bir onay mesajı çıkıyor. (Nielsen, ilke 1)

Bu kategoride işaretlenmeyen madde kalmadı.

• Sayfanın ana mesajı ilk ekranda, kaydırmadan okunuyor.
• Başlıklar ve etiketler konuyu ya da amacı anlatıyor. (WCAG 2.4.6)
• Paragraflar kısa ve ara başlıklarla bölünmüş.
• Buton etiketleri fiille başlıyor ve sonucu söylüyor.
• Ekranda nadiren gereken bilgi kalabalık yapmıyor. (Nielsen, ilke 8)
• Tarih, para ve sayı biçimleri Türkçe kurala uyuyor: 1.234,56 TL.
• Kısaltmalar ve teknik terimler ilk geçtiği yerde açıklanıyor.
• Sayfanın dili kodda tanımlı: lang="tr". (WCAG 3.1.1)
• Yazı, görselin içine gömülmek yerine gerçek metin olarak duruyor. (WCAG 1.4.5)
• Yardım ve iletişim bağlantısı her sayfada aynı sırada. (WCAG 3.2.6)

Bu kategoride işaretlenmeyen madde kalmadı.

• Normal metin kontrastı en az 4,5:1, büyük metin en az 3:1. (WCAG 1.4.3)
• Form kenarlığı ve ikon gibi arayüz parçalarında kontrast en az 3:1. (WCAG 1.4.11)
• Bilgi taşıyan her görselin alternatif metni var, süs görseller boş geçiliyor. (WCAG 1.1.1)
• Bütün işlevler yalnızca klavyeyle kullanılabiliyor. (WCAG 2.1.1)
• Klavye odağı hiçbir öğede sıkışıp kalmıyor. (WCAG 2.1.2)
• Klavye odağı her öğede görünüyor. (WCAG 2.4.7)
• Odak sırası anlamı ve kullanımı bozmuyor. (WCAG 2.4.3)
• Odaktaki öğe yapışkan başlığın ya da çerez bandının altında tamamen kaybolmuyor. (WCAG 2.4.11)
• Başlıklar, listeler ve tablolar kodda da başlık, liste ve tablo olarak işaretli. (WCAG 1.3.1)
• Özel bileşenler ekran okuyucuya adını, rolünü ve durumunu bildiriyor. (WCAG 4.1.2)
• Butonun görünen yazısı, erişilebilir adının içinde de geçiyor. (WCAG 2.5.3)
• "Sepete eklendi" gibi durum mesajları odağı taşımadan okunuyor. (WCAG 4.1.3)
• Metin %200 büyütülünce içerik ya da işlev kaybolmuyor. (WCAG 1.4.4)
• Satır ve harf aralığı artırılınca metin kesilmiyor, üst üste binmiyor. (WCAG 1.4.12)
• Üzerine gelince ya da odakta açılan kutu kapatılabiliyor ve yerinde duruyor. (WCAG 1.4.13)
• Beş saniyeden uzun hareket eden içerik durdurulabiliyor. (WCAG 2.2.2)

Bu kategoride işaretlenmeyen madde kalmadı.

• LCP 2,5 saniye ya da altında (75. yüzdelik, mobil ayrı). (Core Web Vitals)
• INP 200 milisaniye ya da altında. (Core Web Vitals)
• CLS 0,1 ya da altında, yüklenirken içerik kaymıyor. (Core Web Vitals)
• Butona basınca hemen görünür bir tepki var. (Nielsen, ilke 1)
• Görsellerin genişliği ve yüksekliği kodda tanımlı.
• Uzun süren işlemlerde ilerleme ya da yükleniyor durumu görünüyor. (Nielsen, ilke 1)

Bu kategoride işaretlenmeyen madde kalmadı.

• Sayfa 320 CSS piksel genişlikte yatay kaydırma olmadan okunuyor. (WCAG 1.4.10)
• Dokunma hedefleri en az 24 × 24 CSS piksel ya da yeterli boşlukla ayrılmış. (WCAG 2.5.8)
• Sayfa hem dikey hem yatay ekranda çalışıyor. (WCAG 1.3.4)
• Sürükleyerek yapılan her işin sürüklemeden yapılan bir karşılığı var. (WCAG 2.5.7)
• İki parmakla ya da yol çizerek yapılan hareketlerin tek parmakla, yol çizmeden yapılan bir karşılığı var. (WCAG 2.5.1)
• Ana işlem butonu başparmağın kolay ulaştığı yerde.
• Klavye açılınca etkin alan ve gönder butonu görünür kalıyor.
• Açılır pencereler küçük ekranda kapatma butonuyla birlikte tamamen görünüyor.
• İki parmakla yakınlaştırma engellenmemiş.
• Masaüstündeki temel içerik ve işlevler mobilde de var.

Bu kategoride işaretlenmeyen madde kalmadı.

• Fiyat, kargo ve ek ücretler ödeme adımından önce görünüyor.
• Adres, telefon ve e-posta gibi iletişim bilgileri kolay bulunuyor.
• İade ve iptal koşulları ödemeden önce okunabiliyor.
• Çerez bandında "Reddet", "Kabul et" kadar kolay bulunuyor.
• Aboneliği iptal etmek, başlatmak kadar kolay.
• Önceden işaretlenmiş ek ürün, bağış ya da bülten kutusu yok.
• Yorumların ve puanların nereden geldiği belli.
• Şirket adı ve yasal bilgiler sayfanın altında yazıyor.

Bu kategoride işaretlenmeyen madde kalmadı.

• Hata mesajı kod yerine sade dille sorunu ve çözümü söylüyor. (Nielsen, ilke 9)
• 404 sayfası aramaya ya da ana sayfaya yol gösteriyor.
• Boş sepet ya da boş liste, ne yapılacağını söyleyen bir mesaj ve buton gösteriyor.
• Silme gibi işlemlerden önce onay ya da sonrasında "Geri al" var. (Nielsen, ilke 3)
• Bağlantı kopunca kullanıcı bilgilendiriliyor ve yeniden deneyebiliyor.
• Oturum süresi dolmadan uyarı geliyor ve süre uzatılabiliyor. (WCAG 2.2.1)
• Ödeme reddedilince nedeni ve ne yapılacağı yazıyor.
• Destek, hatanın çıktığı ekrandan tek adımda bulunuyor. (Nielsen, ilke 10)

Bu kategoride işaretlenmeyen madde kalmadı.

• Üye olmadan, misafir olarak ödeme yapılabiliyor.
• Ürün sayfasında fiyat, stok ve teslim süresi ilk ekranda.
• Ürün görselleri büyütülebiliyor.
• Beden ya da renk seçilmeden sepete eklenince açık bir uyarı çıkıyor.
• Sepete ekleyince görünür bir geri bildirim var, sepet sayısı güncelleniyor. (Nielsen, ilke 1)
• Sepette adet değiştirmek ve ürün çıkarmak tek adımda oluyor.
• Ödeme adımları numaralı, kullanıcı kaçıncı adımda olduğunu görüyor. (Nielsen, ilke 1)
• Kupon hatası alanın yanında çıkıyor ve ödemeyi engellemiyor.

Bu kategoride işaretlenmeyen madde kalmadı.