Bir düğme yalnız bir resim değildir: üzerine gelinir, odaklanılır, basılır, devre dışı kalır, yüklenir. Bu modül etkileşim durumlarını, klavye odağının görünürlüğünü, devre dışı ve yükleniyor durumlarını, hata ve başarı durumlarını ve bir bileşenin bütün durumlarını gösteren durum tablosunu anlatır.
Bu modülün sonunda
- Bir bileşenin bütün etkileşim durumlarını tasarlar ve bir tabloda gösterir.
- Klavyeyle gezinen kullanıcı için odak durumunun her zaman göründüğünü denetler.
Dersler
- M05-D01Etkileşim durumlarıProgramda
Varsayılan, üzerine gelme, basılı, odak ve seçili durumlarını ve her birinin kullanıcıya ne söylediğini açıklar.
Dayanak: Meslek kaynağı: Tidwell, Brewer ve Valencia (2020)
- M05-D02Odak durumuProgramda
Klavye ile gezinen kullanıcı için odak göstergesinin görünür ve başka öğelerin altında kalmamış olmasının ölçütlerini açıklar.
Dayanak: Standart: W3C, WCAG 2.2 (2023), odağın görünürlüğü ve odağın örtülmemesi ölçütleri
- M05-D03Devre dışı ve yükleniyorProgramda
Devre dışı bir düğmenin neden devre dışı olduğunu söylemenin ve yüklenme sırasında arayüzün nasıl davranacağının kararlarını açıklar.
Dayanak: Devre dışı ve yükleme durumu tasarımı (kaynak yazımda seçilir)
- M05-D04Hata ve başarıProgramda
Bir alanın hata ve başarı durumunu renge ek bir işaret ve açık bir metinle göstermeyi açıklar; metin için UX Yazarlığı akademisini gösterir.
Dayanak: Standart: W3C, WCAG 2.2 (2023), hata belirleme ölçütü; Kullanıcı Deneyimi akademisine bağlantı
- M05-D05Durum tablosuProgramda
Bir bileşenin bütün durumlarını ve boyutlarını tek bir tabloda gösteren ve geliştiriciye teslim edilen bir belge hazırlar.
Dayanak: Bileşen durum belgesi (kaynak yazımda seçilir)