Damabet teknoloji rehberi Daha net ve erişilebilir arayüzler oluştur
Damabet güncel giriş bilgisini değerlendirirken açılan ekranın başlık yapısını, klavye odağını ve bağlantı açıklamalarını birlikte inceleyin.
Rehberin dört temel kontrolü Genel kontrol
Erişilebilirlik kararlarını dört kullanım durumunda karşılaştırın
Aşağıdaki satırlar genel karşılaştırma içindir. Her durum farklı bir gözlem, açıklama ve sonraki kontrol adımı sunar.
| Konu alanı | Gözlenen durum | Kontrol noktası | Sonraki adım |
|---|---|---|---|
| Başlık sırası atlıyor | İçerik akışı zorlaşıyor | Düzeyleri ve bölüm ilişkisini incele | Hiyerarşiyi ardışık biçimde düzenle |
| Odak görünmüyor | Seçili öğe ayırt edilmiyor | Sekme sırasını ve görünür işareti kontrol et | Odak stilini belirgin ve tutarlı kıl |
| Bağlantı belirsiz | Hedef ilk bakışta anlaşılmıyor | Etiketi bağlamdan bağımsız oku | İşlem veya hedefi belirten metin kullan |
| Kontrast zayıf | Metin arka planda silikleşiyor | Metin, arka plan ve anlam desteğini incele | Renk dışı işaret ve yeterli metin farkı ekle |
Bu örnekler canlı test sonucu, kesin hata tespiti veya herhangi bir ürün sağlayıcısının taahhüdü değildir; uygulama öncesinde güncel teknik belgeleri inceleyin.
Başlık, odak, bağlantı ve kontrast bulguları nasıl sınanır?
Damabet resmi adres bilgisini değerlendirirken başlık kaynağını, tasarım açıklamasını ve gerçek ekran gözlemini ayrı tutun; tek bir görsel işareti kesin kanıt saymayın.
Bağlantı etiketi veya renk kullanımı belirsizse ölçütü, görülen örneği ve karşılaştırma koşulunu not edin.
- Başlık düzeyini içerik rolüyle eşleştir
- Sekme sırasındaki odak işaretini adım adım gözlemle
- Bağlantının hedefini kısa ve bağımsız bir ifadeyle açıkla
Arayüzü dört gözlemle daha anlaşılır kılın
Önce kuralın kaynağını belirleyin, sonra bileşeni bulun, gözlemi ölçütle karşılaştırın ve açık kalan noktayı kaydedin.
Ölçütün dayandığı kaynağı yaz
Damabet giriş ifadesini içeren bir sayfayı incelerken önce kullanılan arayüz kuralının kaynağını belirleyin; ardından alan adını, başlık yapısını ve açılan içに
İncelenecek arayüz alanını seç
Başlık, odak göstergesi, bağlantı metni veya renk kullanımıyla ilgili bölümü belirleyin; gözlemi kısa ve ölçülebilir bir notla kaydedin.
Gözlemi beklenen davranışla karşılaştır
Görülen davranışı erişilebilirlik ölçütüyle kıyaslayın; yalnız renk değişimine değil, metin sırasına, hedef açıklığına ve odak görünürlüğüne de bakın.
Belirsiz sonucu izlenebilir kaydet
Koşul açık değilse cihazı, tarayıcıyı, izlenen adımları ve gözlenen sonucu yazın; parola veya erişim anahtarı paylaşmayın.
Anlaşılır arayüz kararlarını dört açıdan kıyaslayın
Başlık düzeni sayfanın nasıl taranacağını, klavye odağı kullanıcının nerede olduğunu, bağlantı metni hedefin ne yaptığını, renk ayrımı ise bilginin nasıl fark edileceğini açıklar.
Başlık yapısı içeriği nasıl yönlendirir?
Ana başlık sayfanın temel konusunu göstermeli; alt başlıklar konu sırasını bozmadan ilerlemelidir. Görsel büyüklük, yapısal düzeyin yerine geçmez.
Klavye odağı sayfada ilerlediğinizi nasıl belli ediyor?
Sekme ile ilerlerken seçili bağlantı veya düğme belirgin kalmalıdır. Odak işareti kaybolursa sonraki işlem kullanıcı için belirsizleşir.
Bir bağlantının hedefi tek başına anlaşılabiliyor mu?
Bağlantı, tek başına okunduğunda hedefi veya işlemi anlatmalıdır. Belirsiz ifadeler yerine kaynak başlığı ya da yapılacak işlem yazılmalıdır.
Metin ve zemin yeterince ayrılıyor mu?
Kontrast değerlendirmesinde metin ile arka planı karşılaştırın; uyarı veya durum bilgisini yalnız renk değişimiyle anlatmayın.
Ekran bulgularını uygulanabilir tasarım kararlarına dönüştürün
Dört konuyu birlikte okuyarak hangi tasarım kararının hangi kullanıcı ihtiyacına yanıt verdiğini daha kolay ayırabilirsiniz.
Teknoloji açıklamalarını açErişilebilirlik kontrollerini cihazlara göre karşılaştır
Ekran boyutu ve giriş yöntemi değiştiğinde metin sırası, dokunmatik hedef, odak akışı ve bağlantı anlamı ayrı ayrı incelenmelidir; bu rehber uygulama testi sonucu sunmaz.
| Ortam türü | İncelenecek özellik | Kullanım ayrıntısı |
|---|---|---|
| Mobil web tarayıcısı | Ekran uyumu ve okunabilirlik | Dokunmatik hedefleri ve bağlantı görünümünü inceleyin |
| Masaüstü tarayıcısı | Klavye erişimi ve pencere boyutu | Sekme sırasını ve odak işaretini karşılaştırın |
| Tablet tarayıcısı | Yatay ve dikey görünüm | Hedef boyutu ile metin akışını birlikte gözden geçirin |
| Yardımcı teknolojiler | Başlık sırası ve bağlantı etiketleri | Anlaşılır gezinme ve odak sırasını değerlendirin |
Erişilebilir tasarım için altı karar sorusu
Görsel olarak büyük bir başlık her zaman en üst düzey mi olmalı?
Hayır. Başlık düzeyi görsel boyuta değil, içerik hiyerarşisindeki role göre seçilir. Ana konu için birincil düzey, alt konular için ardışık düzeyler kullanılmalıdır.
Klavye odağı görünmüyorsa hangi sorun oluşur?
Kullanıcı hangi bağlantı, düğme veya alanda bulunduğunu anlayamayabilir. Bu nedenle odak göstergesi sekme akışı boyunca belirgin tutulmalıdır.
Bağlantı metni çevresindeki cümleye ihtiyaç duymalı mı?
İdeal olarak hayır. Metin, tek başına okunduğunda hedefi veya işlemi anlatmalıdır; belirsiz kısa ifadeler daha açıklayıcı bir etiketle değiştirilmelidir.
Kontrastı incelerken yazı özellikleri neden önemlidir?
Aynı renk ayrımı farklı yazı boyutu ve ağırlığında farklı algılanabilir. Ayrıca anlamı yalnız renge bırakmamak için metin, simge veya biçim desteği eklenmelidir.
Bir bulgu yalnızca tek tarayıcıda görülürse ne yapılmalı?
Kullanılan tarayıcıyı, ekranı ve adımları kaydedin; ölçütü yeniden okuyup mümkünse farklı bir ortamda karşılaştırın. Kesin sonuca varmadan önce belirsizliği ayırın.
Erişilebilirlik bildirimi hazırlarken hangi bilgiler yazılmalı?
İlgili bölüm, cihaz ve tarayıcı, izlenen adımlar, beklenen davranış ve gözlenen sonuç yazılmalıdır. Parola, erişim anahtarı ve gereksiz kişisel veri paylaşılmamalıdır.