Plan çizgisinin rengi ile zemin, POI etiketi ile arka plan, rota çizgisi ile katman dolgusu arasında yeterli kontrast olmalıdır.
Metin için WCAG AA hedefi genelde 4.5:1 (büyük metin için 3:1) olarak hatırlanır; harita üzerinde etiketler küçük göründüğü için mümkünse daha yüksek kontrast tercih edin.
DrawMap360 tasarım sistemindeki teal (#0d6e7a) ve amber (#e8a317) vurguları, slate nötrlerle birlikte kullanıldığında okunabilir bir hiyerarşi kurar; ancak amber’i tek başına “durum rengi” yapmak yeterli değildir.
- POI adlarını kısa tutun; uzun etiketleri yakın zoom seviyesine saklayın.
- Zemin fotoğrafı veya yoğun desen üzerinde etiket kullanıyorsanız yarı saydam scrim veya düz etiket plakası ekleyin.
- Seçili öğe için yalnızca renk değil, çerçeve kalınlığı veya ikon değişimi kullanın.
- Karanlık koridor / loş mekân senaryosunda etiket boyutunu bir basamak büyütün.
Pratik kural: Renk körlüğü simülatörüyle (protanopi / deuteranopi) planı bir kez tarayın.
Rota ile uyarı rengi birbirine karışıyorsa amber vurguyu şekil veya çizgi stiliyle destekleyin.
Renkten bağımsız gösterim
“Kırmızı kapalı, yeşil açık” gibi yalnızca renge dayanan kodlar erişilebilir değildir.
Kapalı alanları desen, ikon veya metin durumuyla da belirtin.
Kategori filtrelerinde renk swatch’ının yanına metin etiketi koyun.
Rota alternatiflerinde birincil güzergâhı düz çizgi, ikincil güzergâhı kesik çizgi gibi stil farkıyla ayırın.
Bu yaklaşım basılı tabela ile dijital harita arasında da tutarlılık sağlar; tabela zaten ikon + metin kullanıyorsa dijital katman aynı dili konuşmalıdır.
Klavye ile haritada gezinme
Dokunmatik kiosk ve mobil baskın olsa da masaüstü ziyaretçi, yönetim paneli ve erişilebilirlik denetimleri klavye yolunu zorunlu kılar.
Odak sırası mantıklı olmalıdır: arama alanı → filtreler → sonuç listesi → seçili POI paneli → kat değiştirici.
Harita tuvaline odaklandığında ok tuşlarıyla kaydırma veya sekme ile kontrol panellerine geçiş net tanımlanmalıdır.
Görünür odak halkası (focus outline) tasarım sistemindeki primary renkle uyumlu, yeterince kalın ve kontrastlı olmalıdır; outline’ı kaldırmak erişilebilirlik açısından kabul edilemez.
- Escape ile açılan panelleri kapatın; odak tetikleyiciye dönsün.
- Enter / Space ile POI seçimi ve rota başlatma çalışsın.
- Kat listesi ve arama sonuçları roving tabindex veya aria-activedescendant ile yönetilsin.
- Yalnızca mouse ile açılan hover menüleri klavye ile de erişilebilir olsun.
Ekran okuyucu ve anlamsal yapı
Harita tuvali görsel bir yüzeydir; ekran okuyucu için metinsel eşdeğer şarttır.
Seçili POI’nin adı, kategorisi, katı ve kısa açıklaması panelde düz metin olarak okunabilir olmalıdır.
Rota adımları “1. Asansör A’ya git, 2. Kat 2’ye çık, 3. Poliklinik 14’e ilerle” şeklinde sıralı liste olarak sunulmalıdır.
Dekoratif ikonlara boş alt metin, anlamlı ikonlara kısa ve doğru etiket verin.
Sayfa başlığı ve H1, SEO title ile uyumlu kalmalı; “Harita Arayüzünde Erişilebilirlik Rehberi” niyeti içerikte net işlenmelidir.
Canlı duyuru (aria-live) kullanırken aşırı konuşkan olmaktan kaçının.
Her pan/zoom olayını duyurmak kullanıcıyı yorar; yalnızca seçim, rota hesaplandı ve hata durumlarında canlı bölge güncelleyin.
Dokunma hedefleri ve mobil
Mobil ziyaretçi haritasında pin’ler ve kontrol düğmeleri en az 44×44 px dokunma alanına yaklaşmalıdır.
Birbirine yakın POI’lerde tıklanınca liste açan “küme” davranışı, yanlış pin seçimini azaltır.
Yakınlaştırma kontrolleri ekranın kenarına sıkışmamalı; tek elle kullanımda başparmak bölgesi düşünülmelidir.
Yatay/dikey yön değişiminde etiket çakışmalarını yeniden hesaplayın; aksi halde erişilebilir etiketler birbirinin üstüne biner.
Yayın öncesi erişilebilirlik kontrol listesi
- Kontrast: etiket, rota, seçim halkası ve zemin kombinasyonları gözden geçirildi.
- Renkten bağımsızlık: kapalı / açık / uyarı durumları ikon veya metinle desteklendi.
- Klavye: odak sırası, görünür outline, Escape davranışı test edildi.
- Ekran okuyucu: POI paneli ve rota adımları okunuyor.
- Dokunma: küçük pin’ler için küme veya büyütülmüş hit area var.
- İçerik: POI adları tutarlı, kısaltmalar açıklanmış, dil seçimi (tr/en/fr/de) doğru.
Bu listeyi yayın öncesi kontrol listenizin kalıcı maddesi yapın.
Eksik POI adı kadar, okunamayan etiket de canlıya çıkmamalıdır.
Operasyon ekibi saha testinde bir kez klavyesiz, bir kez yalnızca klavye ile aynı rotayı denemelidir.
DrawMap360 ile uygulama ipuçları
Planı metre ölçeğinde tutmak, mesafe ve rota süresinin anlamlı kalmasını sağlar; erişilebilir rota profilleri (asansör tercih, merdiven kaçınma) bu ölçek üzerine kurulur.
Workspace içinde rol tabanlı erişim, erişilebilirlik düzeltmelerini yalnızca yetkili editörlerin yayınlamasını sağlar.
Sürümleme ve geri alma, yanlışlıkla kontrastı bozan bir katman yayınlandığında hızlı düzeltme imkânı verir.
Ziyaretçi aramasında eş anlamlılar (ör. “WC”, “tuvalet”, “restroom”) erişilebilir dil çeşitliliğini destekler.
Sık sorulan sorular
Harita erişilebilirliği yalnızca engelli ziyaretçiler için midir?
Hayır. Düşük ışık, yaşlı ziyaretçi, geçici yaralanma, dil bariyeri ve stres altında hızlı karar verme gibi durumlar da aynı tasarım kararlarından yararlanır.
Erişilebilir harita daha az destek talebi ve daha az kaybolma demektir.
WCAG’i haritaya bire bir uygulamak mümkün mü?
Harita tuvali özel bir yüzeydir; tüm başarı kriterlerini piksel piksel eşlemek her zaman mümkün değildir.
Yine de kontrast, klavye, odak, metinsel alternatif ve durum mesajları gibi ana kriterler uygulanabilir ve denetlenmelidir.
Kiosk’ta ekran okuyucu gerekir mi?
Fiziksel kiosk’ta sesli yönlendirme ve yüksek kontrastlı arayüz sık tercih edilir.
Web gömülü haritada ise standart ekran okuyucu desteği ve klavye yolu önceliklidir.
Ortama göre profil seçin; tek bir “her yerde aynı” varsayımından kaçının.
İlk adım olarak ne yapmalıyız?
Pilot bir kat seçin, kontrast ve klavye testini yapın, üç kritik rota (giriş–hedef, en yakın tuvalet, acil çıkış) için ekran okuyucu metinlerini doğrulayın.
Sonra aynı checklist’i diğer katlara yayınlayın.
Sonuç
Ziyaretçi haritasında erişilebilirlik; kontrast, renkten bağımsız gösterim, klavye gezinme ve ekran okuyucu dostu panellerin birlikte çalışmasıdır.
Bu maddeleri yayın ritüelinize eklediğinizde harita yalnızca “açık” değil, “herkes için okunur” hale gelir.
DrawMap360 ile mekânınızı dijitalleştirirken erişilebilirliği sonraya bırakmayın; ilk yayından itibaren kontrol listesinde tutun.
Mekânınız için erişilebilir bir ziyaretçi haritası yayınlamaya hazır mısınız?
Ücretsiz başlayın
veya
drawmap360.com
üzerinden ürünü inceleyin.
