Marka deneyimini kullanım anında düşünün
Bir marka sunumunda renkler kusursuz, görseller dengeli ve yazı tipi etkileyici görünebilir. Ancak ziyaretçi telefonda hizmet metnini büyüttüğünde başlık kesiliyor, klavyeyle menüye ulaşamıyor veya formdaki hatayı fark edemiyorsa bu görsel düzen yeterli değildir. Marka deneyimi yalnızca ilk izlenimden oluşmaz. İnsanların bilgiyi anlayabilmesi, seçenekleri ayırt edebilmesi ve bir işi tamamlayabilmesi de bu deneyimin parçasıdır. Erişilebilirliği bu çerçevede ele almak, tasarımın önüne konan ayrı bir engel gibi görmeyi bırakıp doğrudan tasarım kararlarının içine yerleştirir. Aynı zamanda ekip içindeki sorumluluğu yalnızca geliştiriciye bırakmaz; içerik, görsel kimlik ve yayın süreçleri de bu kararların içindedir.
Bu yazı bir uygunluk belgesi veya gerçek kullanıcı araştırması raporu değildir. Bahsedilen işletme ve kullanım sahneleri, kararları açıklamak için oluşturulmuş varsayımsal örneklerdir. W3C belgeleri birincil başvuru kaynağı olarak kullanılmıştır; ancak kapsamlı bir değerlendirme için sayfanın bütün işlevlerini ve ilgili ölçütleri incelemek gerekir. İlk hedef her sorun için tek bir sihirli araç bulmak değil, farklı kullanım biçimlerini tasarım konuşmasının doğal konusu yapmaktır. Böyle bir yaklaşım, bir kişinin telefonu tek elle kullanmasından ekran okuyucu desteğine kadar farklı ihtiyaçları düşünmeyi kolaylaştırır. Her ihtiyacın aynı çözümü gerektirmediğini kabul etmek de bu çalışmanın önemli bir parçasıdır.
Renk sistemine işlevsel görevler verin
Bir renk paleti hazırlanırken yalnızca ana renk ve yardımcı renk seçmek yerine her rengin nerede görev yapacağını tanımlayın. Ana eylem, ikincil bağlantı, uyarı, olumlu sonuç ve pasif durum birbirinden anlaşılabilir biçimde ayrılmalıdır. W3C'nin kontrast ve renk kullanımına ilişkin ölçütleri, görsel tercihleri sınarken başvurulacak teknik çerçeveyi sağlar. Her renk çiftini gerçek arka planında inceleyin. Koyu bir sunum slaydında okunabilen ince bir yazı, açık renk bir kartta aynı sonucu vermeyebilir. Renkleri yalnızca marka dosyasındaki küçük örnekler üzerinde onaylamak bu farkı gizler. Farklı yazı boyutları ve durumlar için kontrol yapmak gerekir.
Renk tek başına anlam taşımamalıdır. Varsayımsal bir teklif formunda zorunlu alanlar yalnızca kırmızı çizgiyle gösteriliyorsa kullanıcı neden ilerleyemediğini anlayamayabilir. Metin etiketi, açıklama ve gerektiğinde uygun bir simge anlamı destekleyebilir. Aynı ilke grafikler için de geçerlidir: iki seriyi yalnızca ton farkıyla ayırmak yerine etiket veya desen kullanmak düşünülebilir. Bu, bütün sayfayı görsel olarak kalabalıklaştırmak anlamına gelmez. Asıl iş, bilgiyi birden fazla ipucuyla açık hâle getirmektir. Marka rengiyle uygun sonuç alınamıyorsa rengin kullanım alanını değiştirmek, bütün kimliği terk etmekten daha doğru ve ölçülü bir karar olabilir.
Yazı hiyerarşisini yakınlaştırarak sınayın
Tipografi seçiminde örnek bir başlık kadar uzun bir hizmet paragrafına da bakın. Harfler arasındaki farklar, satır aralığı, satır uzunluğu ve ağırlık seçenekleri okuma deneyimini etkiler. İnce bir yazı karakteri çok büyük bir afişte işe yararken küçük bir yardımcı açıklamada zor okunabilir. İçerik tasarımını yalnızca kısa yer tutucu metinlerle değerlendirmeyin. Gerçek başlıklar, uzun kişi adları, farklı telefon numarası biçimleri ve Türkçe karakterler ile çalışın. Bir kartın güzel görünmesi, içine gerçek içerik geldiğinde aynı düzeni koruyacağını göstermez. Bu yüzden onay ekranları yayın koşullarına mümkün olduğunca yakın olmalıdır.
Tarayıcı yakınlaştırmasını artırın ve dar bir pencere kullanın. Metinler üst üste geliyor mu, satır dışına taşan bir düğme kalıyor mu, yatay kaydırma gereksiz biçimde ortaya çıkıyor mu gözlemleyin. Burada amaç belirli bir cihazı kusursuz taklit etmek değildir; yerleşimin esnekliğini sınamaktır. Tasarım dosyasında sabit yüksekliğe oturan bir alan, büyüyen metni kesebilir. Bu sorunu daha küçük yazı seçerek örtmek yerine kutunun esnemesine ve içeriğin doğal akışına bakın. İşletmenin yayın rehberine kısa başlık önerileri eklemek yararlı olabilir; ancak kullanıcı ihtiyacını karşılayan bir metni yalnızca tasarıma sığsın diye anlamsız ölçüde kısaltmak iyi bir çözüm değildir.
Klavye yolunu tasarımın bir parçası sayın
Fareyi bir kenara bırakarak ana görevi tamamlamayı deneyin. Menüye ulaşabiliyor, bağlantılar arasında anlamlı sırayla ilerleyebiliyor ve açılan bir panelden çıkabiliyor musunuz? Odak işareti hangi öğenin etkin olduğunu açıkça gösteriyor mu? WCAG 2.2, odağın yazar tarafından oluşturulan içerik altında tamamen gizlenmemesi gibi konuları da kapsar. Bu nedenle sabit başlık, çerez bildirimi veya ekran altına yerleşen bir tanıtım alanı yalnızca görsel açıdan düşünülmemelidir. Sayfanın başka bir yerindeki düğmenin üzerine oturabilir ve klavye kullanan kişinin nerede olduğunu anlamasını zorlaştırabilir. Bir bileşenin varlığı kadar diğer bileşenlerle ilişkisi de önemlidir.
Varsayımsal bir portfolyo sitesinde çalışma görselleri açılan bir pencere içinde gösteriliyorsa bu pencerenin nasıl kullanılacağı açık olmalıdır. Kapatma kontrolü görünmeli, klavye ile erişilebilmeli ve işlem bittiğinde akış anlaşılır biçimde sürmelidir. Bu davranışı yalnızca görsel sunum dosyasında tarif etmek yetmez; çalışan örnekte sınamak gerekir. Tasarım teslimine odak durumu, seçili durum ve hata durumu gibi ekranlar eklemek geliştirme sırasında tahmin yürütme ihtiyacını azaltır. Birçok anlaşmazlık, ekibin aynı bileşenin farklı davranacağını varsaymasından doğar. Bu yüzden etkileşim kararları renk ve boşluk kararları kadar açık biçimde belgelenmelidir.
Görsele ne iş yaptığını sorarak metin yazın
Her görsel aynı tür açıklamaya ihtiyaç duymaz. Bir çalışmanın ayrıntısını gösteren fotoğraf, bir hizmeti açıklayan şema ve yalnızca atmosfer sağlayan doku farklı görevler yapar. Alternatif metni dosya adını tekrar ederek veya görsel kelimesi ekleyerek otomatik doldurmak bu görevi açıklamaz. Önce ziyaretçinin görselden hangi bilgiyi alması gerektiğini belirleyin. Bir ambalaj çalışmasının üzerinde önemli bir metin varsa bu metnin başka yerde erişilebilir biçimde bulunup bulunmadığını kontrol edin. Bir tasarım kararı yalnızca renk veya fotoğraf içindeki küçük yazıyla anlatılıyorsa içerik farklı kullanım biçimlerinde kaybolabilir.
Portfolyo sunumunda görselleri açıklayan kısa bir metin, herkes için daha anlaşılır bir bağlam da oluşturabilir. Örneğin bir logonun küçük ölçekte nasıl kullanıldığını göstermek istiyorsanız bunu sayfanın metninde söyleyin ve karşılaştırmayı anlaşılır etiketlerle sunun. Buna karşılık bütünüyle dekoratif bir dokuya uzun bir açıklama eklemek gereksiz gürültü yaratabilir. Bu ayrım editoryal değerlendirme gerektirir; her resme aynı kalıbı ekleyen otomasyon yeterli değildir. Fotoğrafın gerçekten gösterdiği şeyi yazın, olmayan başarı sonuçları çıkarmayın ve müşteri çalışmasını anlatırken kullanım iznini ayrıca değerlendirin. Erişilebilirlik, telif veya gizlilik izninin yerini tutmaz.
Formlar için başarı kadar hata yolunu da tasarlayın
Bir iletişim formu tasarlanırken çoğu zaman yalnızca boş hâli ve başarılı gönderim mesajı hazırlanır. Oysa eksik alan, yanlış adres biçimi, bağlantı kesintisi ve yavaş yanıt da deneyimin gerçek parçalarıdır. Her alanın anlaşılır etiketi olsun ve gerekli bilgi önceden açıklansın. Yer tutucu metni tek etiket olarak kullanmak, kişi yazmaya başladığında yönlendirmeyi ortadan kaldırabilir. Hata mesajı yalnızca bir şeylerin yanlış olduğunu söylemek yerine hangi alanın nasıl düzeltilmesi gerektiğini anlatmalıdır. Gerekli olmayan bilgileri zorunlu istememek de formu daha anlaşılır ve yönetilebilir hâle getirebilir.
Varsayımsal bir tasarım talep formunda bütçe aralığı belirsizse kullanıcı rastgele seçenek işaretleyebilir veya formu terk edebilir. Böyle bir durumda sorun yalnızca düğme kontrastı değildir; sorunun kendisi ve seçeneklerin dili de incelenmelidir. Gönderimden sonra ne olacağını açıklayın ve gerçek bir yanıt süresi taahhüdü yoksa kesin süre uydurmayın. Hata olduğunda kişinin yazdıklarını mümkün olduğunca koruyan bir davranış planlayın. Test sırasında gerçek müşteri bilgisi kullanmadan senaryolar oluşturun. Formdaki bir değişikliğin daha fazla başvuru getirdiğini söylemek için ayrıca uygun ölçüm gerekir; daha açık hata mesajı tek başına böyle bir sonucu kanıtlamaz.
Hareket ve medya için kontrol bırakın
Bir marka sitesi hareketli geçişlerle canlı görünebilir; ancak her ziyaretçi aynı hareket düzeyini tercih etmez. Otomatik kayan içerik, dikkat çekmeye çalışan video veya sürekli değişen bir arka plan temel bilgiye ulaşmayı zorlaştırabilir. İçerik için gerekli olmayan hareketi azaltma seçeneğini düşünün. Video ve ses için uygun metin desteğini planlayın. Bir videonun görsel olarak etkileyici olması, konuşmaların veya anlamlı seslerin başka biçimde sunulmasına duyulan ihtiyacı ortadan kaldırmaz. Bu çalışmalar sonradan eklenecek küçük ayrıntılar gibi görülürse üretim takvimi ve bütçe içinde yer bulmaları zorlaşır.
Daha taslak aşamasında her hareketin görevini yazın. Kullanıcıya bir durum değişimini mi anlatıyor, yoksa yalnızca boşluk dolduruyor mu? Bir efekt kaldırıldığında içerik daha kolay anlaşılıyorsa görsel gösterişin gerekçesini yeniden düşünmek gerekir. Küçük işletmeler için sade bir çözüm bakım açısından da avantajlı olabilir. Ancak burada hız veya erişilebilirlik adına bütün hareketleri yasaklamak gibi genel bir kural önerilmiyor. Amaç, gerekli anlamı korumak ve kontrolü ziyaretçide bırakmaktır. Tercihleri çalışan sayfa üzerinde sınayın; tasarım programındaki önizleme tarayıcının gerçek davranışını bütünüyle temsil etmez. Yayın sonrası yeni eklenen medya da aynı kurallarla gözden geçirilmelidir.
Otomatik araçları başlangıç olarak kullanın
Bir otomatik denetim aracı bazı sorunları hızlıca işaretleyebilir. Bununla birlikte sıfır uyarı görmek, bir sitenin herkes için kullanılabilir olduğunu veya bütün WCAG ölçütlerini karşıladığını kanıtlamaz. W3C'nin ilk inceleme rehberi de kapsamlı değerlendirme ile başlangıç kontrollerini ayırır. Bu ayrımı raporda açıkça belirtin. Araç neyi taradı, hangi sayfalar seçildi ve hangi davranışlar elle kontrol edildi sorularını yanıtlayın. Bir düğmenin teknik olarak adlandırılmış olması, adın görevini gerçekten anlaşılır biçimde açıkladığı anlamına gelmez. Böyle kararlar bağlamı anlamayı gerektirir ve yalnızca araç çıktısından çıkarılamaz.
İlk manuel turda klavye akışını, yakınlaştırmayı, başlık düzenini, form hatalarını ve görsel açıklamalarını inceleyebilirsiniz. Daha sonra kapsamı ürünün işlevlerine göre genişletin. Gerçek kullanıcılarla araştırma yapılacaksa katılım, erişim ihtiyaçları ve gizlilik dikkatle planlanmalıdır. Bir kişinin görüşünü bütün engelli kullanıcıların ortak görüşü gibi sunmayın. Ayrıca herhangi bir kullanıcı testi bütün teknik uygunluk değerlendirmesinin yerini tek başına almaz. Farklı yöntemler birbirini tamamlar. Rapor, hangi yöntemin hangi soruyu yanıtladığını koruduğunda hem tasarım ekibi hem işletme sahibi öncelikleri daha doğru belirleyebilir ve yapılmayan kontrolleri yapılmış gibi varsaymaz.
Teslim ölçütünü açık bir cümleyle tarif edin
Erişilebilir olsun gibi genel bir istek, ekiplerin farklı şeyler anlamasına yol açabilir. Proje başlangıcında hedeflenen standart sürümünü, düzeyi, incelenecek sayfaları ve gerekli değerlendirme yöntemlerini konuşun. Bir başlangıç taraması ile bağımsız kapsamlı denetim aynı teslim değildir. Söz verilen işin ne olduğunu herkesin anlayacağı bir kapsam notu hazırlayın. Bu not, yapılmayan bir kontrolün yapılmış sanılmasını da önler. Tasarım dosyasında gösterilen durumların çalışan üründe hangi görevlerle sınanacağı belirlenmelidir.
İş sonunda açık kalan maddeleri saklamayın. Sorunun etkisi, geçici çözüm olup olmadığı ve kimin ele alacağı yazılabilir. Böylece bütün sorumluluk belirsiz bir sonraki sürüme aktarılmaz. Bir uygunluk iddiası yapılacaksa dayanağı ve kapsamı doğru açıklanmalıdır. İlk kontrol listesinin tamamlanması, gelecekte eklenecek bütün içeriklerin otomatik olarak uygun kalacağını göstermez. Yayın ekibine verilen kısa ve uygulanabilir bir rehber, son teslim raporu kadar önemli olabilir.
Marka rehberini çalışan bileşenlerle tamamlayın
Renk kodları ve logo boşlukları kadar bağlantı, düğme, form alanı ve bildirim örneklerini de ortak bir rehberde tutun. Her bileşenin normal, odak, seçili, pasif ve hata durumlarını gösterin. Bunun amacı büyük bir belge üretmek değil, yeni sayfa yapılırken aynı temel kararların yeniden tartışılmasını önlemektir. Tasarımın uygulamadaki karşılığını gösteren küçük bir bileşen sayfası, uzun bir sunumdan daha kullanışlı olabilir. İçerik ekleyen kişi de başlık sırası, açıklayıcı bağlantı metni ve görsel açıklaması gibi sorumluluklarını anlayabilmelidir. Böylece erişilebilirlik yalnızca ilk yayına ait bir iş olarak kalmaz.
Son olarak bir bakım sahibi ve kontrol aralığı belirleyin. Yeni kampanya alanı, dışarıdan eklenen form veya güncellenen menü önceki varsayımları değiştirebilir. Her değişiklikte bütün siteyi yeniden incelemek gerekmeyebilir, fakat etkilenen görevleri tekrar sınamak önemlidir. Kullanıcılara bir sorun bildirme yolu sunun ve bu bildirimin gerçekten nereye ulaşacağını açıklayın. Herkesi kapsadığınızı ilan etmek yerine yapılan kontrolleri, açık kalan konuları ve düzeltme sürecini şeffaf biçimde anlatın. Güven, kusursuzluk iddiasından çok dikkatli kararlar ve doğrulanabilir bir çalışma düzeniyle güçlenir. Marka karakteri bu düzenle kaybolmaz; farklı insanların deneyiminde daha tutarlı biçimde görünür hâle gelir.
