Herkesin okuyabildiği dijital menü nasıl hazırlanır?

Önce ürünün ve fiyatın anlaşılmasını sağlayın

Müşteri ürünün adını, ne içerdiğini, hangi porsiyonun satıldığını ve fiyatını birbirine bağlayabilmeli. Tasarıma bu dört bilgiyi açık metinle yerleştirerek başlayın. Renk veya fotoğraf tek başına bilgi taşımasın. Menü yalnız görsel dosyasından oluşuyorsa telefonun yakınlaştırma ve ekran okuyucu davranışını özellikle kontrol edin. Bir tasarımın güzel görünmesi, farklı görme veya hareket ihtiyaçları olan kişilerin onu rahat kullanabildiğini tek başına göstermez.

Ayrıntılar: ürün açıklamasını anlaşılır yazma.

Ürün adını ve fiyatı gerçek metin olarak sunun

Metin, ekran görüntüsünün içine gömülmek yerine sayfada seçilebilir olduğunda farklı araçlarla işlenmesi kolaylaşır. Ürün ve fiyatı aynı mantıksal grupta tutun; açıklama başka ürünün fiyatına bağlanmasın. Sadece fotoğrafta görünen porsiyonu yazıyla da belirtin. Yazılımın sunduğu alanlar yeterli değilse mevcut seçenekleri sağlayıcıyla değerlendirin. Metin düzenini değiştirirken görsel sunum kadar ekran okuyucunun okuma sırasını da kontrol edin.

Ayrıntılar: porsiyon ve fiyatı eşleştirme.

Kategori başlıklarını mantıklı sırayla düzenleyin

Kahveler, Çaylar veya Tatlılar gibi kısa başlıklar müşterinin doğru yere gitmesini sağlar. Teknik tarafta bu gruplar yalnız büyük ve kalın yazıdan oluşmamalı; uygun başlık yapısıyla tanımlanmalıdır. W3C, başlıkların ilişkilerine göre mantıklı bir sırada kullanılmasını önerir. İşletme sahibi olarak başlıkları açık yazabilir, yazılım sağlayıcısından da yapısal düzeni doğrulamasını isteyebilirsiniz. Yeni kategori eklediğinizde çok uzun ve birbirini tekrarlayan başlıklardan kaçının.

Yazı büyütüldüğünde fiyat kayboluyor mu?

Telefonun yazı boyutunu veya tarayıcı yakınlaştırmasını artırın. Ürün adı kesiliyor mu, fiyat sağ kenarın dışına taşıyor mu, düğmeler üst üste geliyor mu? Masaüstünde yüzde 200 yakınlaştırmayla da okuyun. W3C’nin metin büyütme ölçütünü kontrol listesine ekleyin. Sorun bulduğunuz ürünün adını, cihazı ve görünümü kaydedip tasarımı veya sağlayıcıya ileteceğiniz hata bilgisini somutlaştırın.

Ayrıntılar: mobil görünümün diğer kontrolleri.

Kontrastı ve renk dışındaki işaretleri kontrol edin

Açık gri yazı, desenli arka plan veya fotoğraf üstündeki ince fiyatlar okumayı zorlaştırabilir. WCAG AA için normal metinde en az 4,5:1, büyük metinde en az 3:1 kontrast oranı ölçütü bulunur; büyük metnin standarttaki tanımını kaynakta kontrol edin. Tükenen ürünü yalnız kırmızı renkle belirtmeyin; yazılı durum da kullanın. Ölçümü gerçek metin ve zemin renkleriyle yapın, yalnız ekrandaki görünüşe dayanmayın.

Fotoğraflara ne zaman alt metin yazılmalı?

Görsel karar vermeye yarayan bilgi ekliyorsa o bilgiyi kısa bir metinle karşılayın. Örneğin sunum veya porsiyon farkı fotoğrafta gösteriliyorsa açıklamada da anlaşılabilmeli. Alt metni ürün adı ve anahtar kelime listesiyle doldurmayın. Yalnız süsleme için kullanılan, yanındaki metni tekrarlayan görsellerin yaklaşımı farklıdır; W3C alt metin karar ağacını kullanın. Alt metin alanının yönetimi menü yazılımına bağlıdır; alan yoksa sağlayıcıdan destek isteyin.

Ayrıntılar: ürün görsellerini hazırlama.

Dil değiştirirken ürün ve fiyat eşleşmesini koruyun

Dil seçeneği kolay bulunmalı ve yalnız bayrak görseliyle anlatılmamalı. Türkçe, English veya Deutsch gibi dil adı etiketleri kişinin seçimini anlamasına yardımcı olur. Başka dile geçince kategori sırası, porsiyon ve fiyatın yanlış ürüne kaymadığını kontrol edin. Eksik çeviri yerine belirsiz kısaltmalar kullanmayın. Teknik tarafta sayfanın ve varsa farklı dildeki parçaların dil bilgisi uygun şekilde tanımlanmalıdır; bu, ekran okuyucunun telaffuzunu da etkileyebilir.

Ayrıntılar: çevirileri yayın öncesi kontrol etme.

Ekran okuyucuyla kısa bir sipariş bulma denemesi yapın

iPhone’da VoiceOver veya Android’de TalkBack ile menüyü açın. Bir kategoriyi bulun, bir ürün adını okuyun, açıklama ve fiyatına ilerleyin. Görsel olarak yan yana duran alanların sesli okumada aynı ürüne bağlı kalıp kalmadığını dinleyin. Düğmeler yalnız düğme veya ikon diye okunuyorsa adlandırma eksik olabilir. Aynı ürünle tekrar deneyerek yaptığınız düzeltmenin okuma sırasına nasıl yansıdığını dinleyin.

Klavye ile kategori ve bağlantılara ulaşın

Masaüstünde fareyi bırakıp Tab tuşuyla menüyü dolaşın. Odak nereye geçtiği görünmeli, kategori ve dil kontrolleri kullanılabilmeli, açık menüden çıkılabilmeli. Tıklanabilir alanların yalnız fareyle çalışması bazı kullanıcıları dışarıda bırakır. Çok sayıda aynı bağlantı varsa ana içeriğe geçiş seçeneği gezinmeyi kısaltabilir. İşletme sahibi içerik sırasını düzenleyebilir; klavye davranışı gibi yazılım sorunlarını ekran kaydı veya açık adımlarla sağlayıcıya bildirebilir.

QR kartı erişimin tek yolu olmasın

Telefon kamerası çalışmayan, interneti olmayan veya kodu göremeyen misafir için başka bir yol hazırlayın. Karttaki okunabilir kısa adres, kod tanınmadığında elle açmaya yardımcı olabilir; internet gereksinimini kaldırmaz. Güncel basılı menü ve personel desteği işletmenin servis düzenine eklenebilir. QR kodun çevresindeki boşluk ve kontrastı koruyun, kartı erişilebilir bir yerde bulundurun. Alternatiflerin de aynı güncel ürün ve fiyatları taşıdığını kontrol edin.

Ayrıntılar: internet olmadığında alternatifler.

Küçük bir kullanıcı göreviyle sonucu değerlendirin

Bir kişiden bir sıcak içecek bulmasını, porsiyonunu öğrenmesini ve fiyatını okumasını isteyin. Ardından dil değiştirme ve ana kategoriye dönme işlemlerini deneyin. Yardım gerektiren noktayı not edin; kişinin kendi tercihini hatalı kullanım diye etiketlemeyin. Birkaç kişiyle yapılan deneme bütün kullanıcıları temsil etmez, ancak belirgin sorunları ortaya çıkarabilir. Kullanıcıların sağlık veya engellilik bilgilerini toplamanız gerekmez; görevin nerede tamamlanamadığını kaydetmek yeterlidir.

Her menü değişikliğinde kısa kontrolü tekrarlayın

Uzun yeni ürün adları, farklı para birimleri ve yeni fotoğraflar daha önce düzgün olan düzeni bozabilir. Yayın kontrolüne metin büyütme, ürün-fiyat eşleşmesi ve kategori gezinmesini ekleyin. Daha kapsamlı ekran okuyucu ve klavye testini tasarım değişikliklerinde tekrarlayın. Geçen ve kalan sorunları ayrı kaydedin. Erişilebilirlik tamamlandı ifadesini birkaç otomatik testten çıkarmayın; içerik, arayüz ve gerçek kullanım birlikte değerlendirilmelidir.

Ayrıntılar: günlük yayın kontrolü.