@vahabdemir · 26 gün önce
Karanlık mod ve erişilebilirlik: Sonradan eklemesi en zor iki özellik
Bu iki konu genelde yol haritasının sonuna atılıyor ama ikisi de sonradan eklendiğinde çok daha pahalıya mal oluyor.
Karanlık mod için temel kural, renkleri koda doğrudan yazmamak. Renkleri anlamlarına göre tanımlamak gerekiyor: ana metin rengi, ikincil metin rengi, yüzey rengi, vurgu rengi. Sonra her tema için bu adların değerini vermek. Koda siyah yazdıysanız, karanlık modda o metin görünmez oluyor ve tek tek düzeltmek zorundasınız.
Karanlık modda sık yapılan hatalar: saf siyah arka plan kullanmak, gölgelerin kaybolduğunu fark etmemek, marka renginin koyu zeminde kontrast kaybetmesi ve görsellerin beyaz kenarlıkla parlaması.
Erişilebilirlik tarafında en temel üç konu şunlar:
Yazı boyutu. Kullanıcı sistem ayarından yazıyı büyüttüğünde uygulamanız buna uymalı. Sabit yazı boyutu kullanan arayüzler bu kullanıcılar için kullanılamaz hale geliyor. Büyük yazıyla test etmek şart ve düzenlerin taşmaması gerekiyor.
Kontrast. Metin ile arka plan arasındaki kontrast oranının belirli bir eşiğin üstünde olması gerekiyor. Açık gri üzerine beyaz metin gibi tasarımlar estetik görünüyor ama okunmuyor.
Ekran okuyucu. Görme engelli kullanıcılar için her etkileşimli öğenin bir açıklaması olması gerekiyor. Sadece ikon olan butonlar en sık atlanan yer.
Bu üçü aynı zamanda mağaza incelemesinde de değerlendiriliyor ve giderek daha çok önemseniyor.
Karanlık mod için temel kural, renkleri koda doğrudan yazmamak. Renkleri anlamlarına göre tanımlamak gerekiyor: ana metin rengi, ikincil metin rengi, yüzey rengi, vurgu rengi. Sonra her tema için bu adların değerini vermek. Koda siyah yazdıysanız, karanlık modda o metin görünmez oluyor ve tek tek düzeltmek zorundasınız.
Karanlık modda sık yapılan hatalar: saf siyah arka plan kullanmak, gölgelerin kaybolduğunu fark etmemek, marka renginin koyu zeminde kontrast kaybetmesi ve görsellerin beyaz kenarlıkla parlaması.
Erişilebilirlik tarafında en temel üç konu şunlar:
Yazı boyutu. Kullanıcı sistem ayarından yazıyı büyüttüğünde uygulamanız buna uymalı. Sabit yazı boyutu kullanan arayüzler bu kullanıcılar için kullanılamaz hale geliyor. Büyük yazıyla test etmek şart ve düzenlerin taşmaması gerekiyor.
Kontrast. Metin ile arka plan arasındaki kontrast oranının belirli bir eşiğin üstünde olması gerekiyor. Açık gri üzerine beyaz metin gibi tasarımlar estetik görünüyor ama okunmuyor.
Ekran okuyucu. Görme engelli kullanıcılar için her etkileşimli öğenin bir açıklaması olması gerekiyor. Sadece ikon olan butonlar en sık atlanan yer.
Bu üçü aynı zamanda mağaza incelemesinde de değerlendiriliyor ve giderek daha çok önemseniyor.
0 1 yorum