Öğrenme hedefleri
- Müşteri işini açık sayfa ve gezinmeye dönüştürün.
- Cihazlarda erişilebilirliği ve tam etkileşimi inceleyin.
Sayfanın desteklediği kararı tanımlayın
Kitleyi, soruyu ve sonraki eylemi yazın. Hizmet sayfası süslü girişten önce uygunluk, süreç, sınır ve iletişim isteyebilir. Anlamlı başlıklarla sade ve somut yazın. Burada ne olacağını, neyin açık bağlantılı ayrı açıklama gerektirdiğini seçin.
Anlaşılır yol oluşturun
Tutarlı gezinme ve hedefi açıklayan bağlantı kullanın. Konumu ve geri yolu gösterin. Temel eylemi yalnızca renkle ayırmayın. Formda görünür etiket, gereken bilgi ve alana yakın düzeltilebilir hata olsun. Başarılı gönderim sonrasını açıklasın.
Farklı yetenek ve koşulları düşünün
İnsanlar klavye, yardımcı teknoloji, büyütme veya parlak ışıkta küçük ekran kullanır. Kontrastı, mantıklı odak sırasını ve amaca uygun metin alternatiflerini kontrol edin. Dar alanda veya büyük yazıda içerik yeniden aksın. Otomatik kontrol bazı sorunları bulur, gerçek kişinin işi tamamlayabildiğini kanıtlamaz.
Performans ve bakımı tasarıma katın
Uygun resim, sabit yer ve gerekli etkileşim kullanın. İçeriği gizleyen veya gezinmeyi öngörülemez yapan etkiden kaçının. Fiyat, kapsam ve iletişim güncellemesini atayın. Gerçek uzunluk, dil yönü ve hata durumunu test edin. Gerçek içerik geldiğinde de kullanılabilir kalsın.
İş odaklı tasarım döngüsü
Ayrı ekranları değil tüm yolculuğu inceleyin.
Anla
Kullanıcı işini ve gerekli bilgiyi belirleyin.
Düzenle
Açık içerik ve gezinme yapısı oluşturun.
Kur
Erişilebilir, duyarlı etkileşim uygulayın.
Değerlendir
Tamamlamayı gözleyin, engeli kaldırın, doğruluğu koruyun.
Karşılaştırma
| Alan | Soru | Kanıt |
|---|---|---|
| İçerik | Ziyaretçi hizmetin uygunluğunu anlıyor mu? | Doğru kapsam ve açık başlıklar |
| Etkileşim | Fare olmadan iş tamamlanır mı? | Klavye yolu, görünür odak, düzeltilebilir hata |
| Duyarlı düzen | Dar genişlikte bilgi kalıyor mu? | Gerçek mobil ve büyütülmüş metin kontrolü |
| Performans | Ana bilgi öngörülebilir görünüyor mu? | Sabit düzen ve uygun medya |
Tam görünmüş iletişim formu
Hayalî şirketin güzel sayfası hatayı sadece kırmızı çerçeveyle gösterir.
- Klavye incelemesi eksik bilginin anlaşılmadığını gösterir.
- Ekip etiket, açıklayıcı hata ve açık odak yolu ekler.
- Küçük büyük ekranda düzeltme, gönderim onayı ve vaat edilen takibi test eder.
İyileşme yeni renk değil, tamamlama ve anlaşılır yanıttır. Tam erişilebilirlik değerlendirmesi ek kontrol isteyebilir.
Eylem listesi
- Kullanıcı işini ve sonraki eylemi belirtin.
- Anlamlı başlık ve bağlantı kullanın.
- Klavye akışı ve hata düzeltmeyi kontrol edin.
- Dar düzen ve büyük yazıyı test edin.
- İçerik ve bakım sorumlusu atayın.
Sık yapılan hatalar
Boş şablonu onaylamak
Yalnızca kısa demo metniyle çalışan düzen gerçek çeviri ve resimle bozulabilir.
Otomatik puanı tüm deneyim saymak
Yüksek puan gezinme, ifade veya karmaşık etkileşimin herkes için çalıştığını kanıtlamaz.
Sorular ve yanıtlar
Duyarlı tasarım masaüstünü küçültmek mi?
Hayır. Temel bilgi, okunabilir sıra ve odak korunarak düzen ve etkileşimin uyarlanmasıdır.
Erişilebilirlik yalnızca sonda eklenebilir mi?
Geç düzeltme mümkündür ama içerik, yapı ve etkileşim kararları süreç boyunca daha kolay ele alınır.
Kaynaklar ve ek okumalar
- Erişilebilirlik ilkeleriW3C Web Accessibility Initiative
Birincil uluslararası rehber gereklilikleri açıklar, ilgili standartlara bağlar.
- Pratik tasarım ve geliştirme ipuçlarıW3C Web Accessibility Initiative
W3C yazar, tasarımcı ve geliştiriciye giriş kaynakları sunar; kısa liste tam uygunluk denetimi değildir.
