Klavye ile gezinme ve odak halkası (focus ring) kuralları
Klavye ile Gezinme Kuralları
Klavye ile gezinme, erişilebilirlik açısından büyük önem taşır. Kullanıcıların klavye ile web sayfasında veya uygulamada kolaylıkla hareket edebilmeleri gerekmektedir.
- Tab tuşu: Sayfadaki etkileşimli öğeler arasında gezinmek için kullanılır.
- Shift + Tab: Önceki etkileşimli öğeye geri dönmek için kullanılır.
- Enter tuşu: Seçili öğeyi (örneğin, bir buton) etkinleştirmek için kullanılır.
- Yukarı/Aşağı ok tuşları: Drop-down menüler veya listeler içinde gezinmek için kullanılır.
Odak Halkası (Focus Ring) Kuralları
Odak halkası, klavye ile gezinen kullanıcıların hangi öğenin odakta olduğunu görmelerini sağlar. Doğru bir şekilde kullanılmalıdır:
- Görünürlük: Odak halkası, her etkileşimli öğe için belirgin olmalıdır.
- Özelleştirme: CSS ile odak halkası tasarımı özelleştirilebilir, ancak görünürlüğü kaybetmemesine dikkat edilmelidir.
- Tarayıcı Uyumluluğu: Farklı tarayıcılarda odak halkasının tutarlı şekilde görünmesi sağlanmalıdır.
Klavye ile gezinme ve odak halkası, erişilebilirliği artırmak için kritik öneme sahiptir. Bu kurallara uyulması, tüm kullanıcıların deneyimini iyileştirir.
Cevap yazmak için lütfen
.
Aynı kategoriden
- İyi bir tasarımın özellikleri nelerdir?
- Harita arayüzlerinde etkileşim ve katman kontrolü
- Liste sanallaştırma (virtualization) tasarıma etkileri
- Figma Auto Layout ile esnek bileşenler nasıl kurulur?
- Ürün keşfinde anket tasarımı: yanlılık ve örneklem hataları
- Tasarımda geleceğin trendleri nelerdir?
- Tasarımda ilham kaynakları: Moodboard ve referans kütüphanesi
- Minimalist tasarım nedir?
- Arama deneyimi: Öneriler, geçmiş ve filtreleme nasıl tasarlanır?
- Rakip analizi ve kıyaslama tablosu nasıl çıkarılır?
- Font seçimi tasarımı nasıl etkiler?
- Tasarımda ikon kullanımı nasıl olmalı?
- Kompozisyon nedir?
- Kurumsal kimlik kılavuzu (brand book) neleri içermeli?
- Kendi mum kokunu nasıl tasarlarsın?
- Tipografik denge nasıl sağlanır?
- Skeleton ekran ve iskelet yükleme desenleri ne zaman uygun?
- Baskı işleri için CMYK–RGB farkı ve doğru dosya hazırlığı
- Kendi dijital illüstrasyonunu yapmaya nasıl başlanır?
- Adobe Photoshop ne işe yarar?