Deneyim · 2 dk okuma

Erişilebilir tasarım: herkes için daha anlaşılır arayüz

Görsel şıklığı; okunabilir metin, net odak ve anlaşılır hata mesajlarıyla birlikte değerlendirin.

BCL Web Design ·
BCLDESIGN JOURNAL
BCL için üretilmiş temsili editoryal görsel; gerçek ofis veya müşteri projesi değildir.

Renk tek başına bilgi taşımasın

Bir işlemin başarısını yalnızca yeşil, hatasını yalnızca kırmızı renkle göstermek yeterli değildir. Açıklayıcı metin ve gerektiğinde simge kullanılmalıdır. Açık arka plan üzerindeki soluk yazı premium görünse bile okunamayabilir. Butonun seçili durumu, çevresindeki diğer seçeneklerden açıkça ayrılmalıdır.

Fare kullanmadan deneyin

Klavye ile bağlantılar arasında ilerleyin. Odak hangi kontrolde görünür mü? Açılır pencere kapanabiliyor mu? Form etiketleri alanlarla ilişkili mi? Ekran okuyucu kullanan biri için anlamlı başlık sırası ve açıklayıcı bağlantı isimleri gerekir. Animasyonun azaltılmasını tercih eden kullanıcılara aynı içeriğin sakin bir sürümü sunulmalıdır.

Kontrol tek seferlik değildir

Otomatik denetimler yardımcıdır; ancak bütün kullanım sorunlarını yakalamaz. Gerçek görevleri klavye ve mobil cihazla tamamlamak gerekir. Yeni bir bileşen eklendiğinde aynı kontroller tekrar yapılmalıdır. Erişilebilirlik bir sertifika iddiasıyla değil, kapsamı belli testler ve bulunan sorunların giderilmesiyle ele alınmalıdır.

Kısa kontrol listeniz

  • Odak görünürlüğünü kontrol edin.
  • Alanlara açık etiket verin.
  • Hareket azaltma tercihini koruyun.
erişilebilirlikklavyekontrast