Otel web sitesi erişilebilirliği, yalnızca görme engelli misafirleri ilgilendirmez. Doğrudan rezervasyon kanalınızı da etkiler. Rezervasyon takvimi klavyeyle kullanılamıyor, oda fotoğraflarında açıklama bulunmuyor veya metin arka plandan ayrışmıyorsa bazı misafirler sitenizden rezervasyon yapamaz. Çoğu durumda Booking.com ya da Expedia’ya giderler.
ADA, ABD’deki hukuki çerçevedir. Türkiye’deki bağımsız oteller için aynı adla otomatik bir yükümlülük olarak görülmemelidir. Ancak erişilebilirlik sorunu ülkeye göre değişmez. Misafir sitenizi kullanamıyorsa doğrudan rezervasyon kanalınız işlemiyordur. Bu yazı, otel sitelerinde sık rastlanan teknik engelleri ve WCAG 2.1 AA kapsamında kontrol edilmesi gereken noktaları açıklar.
Öne Çıkanlar
- Rezervasyon formu, takvim ve ödeme adımları klavyeyle tamamen kullanılabilir olmalıdır.
- Oda ve tesis fotoğraflarındaki açıklayıcı alt metinler hem ekran okuyucu deneyimini hem arama görünürlüğünü destekler.
- Normal metin için en az 4.5:1 kontrast oranı, okunabilirlik için temel eşiktir.
- Erişilebilirlik eklentileri yapısal HTML ve form hatalarını tek başına düzeltemez.
- Erişilebilir bir otel sitesi, daha fazla misafirin doğrudan rezervasyon yapabilmesini sağlar.
Otel web sitesi erişilebilirliği neyi kapsar
Erişilebilirlik, farklı cihazlar ve yardımcı teknolojiler kullanan misafirlerin sitenizi anlayıp kullanabilmesidir. Ekran okuyucu kullanan misafirler, düşük görme kapasitesine sahip kişiler, yalnızca klavyeyle gezinen kullanıcılar ve hareketli içerikten etkilenen ziyaretçiler buna dahildir.
Otel sitelerinde bu konu daha hassastır. Site yalnızca marka vitrini değildir. Misafir burada oda türlerini karşılaştırır, tarih seçer, müsaitliği kontrol eder, rezervasyon yapar ve otelle iletişim kurar.
Bu akışın herhangi bir noktasındaki engel, doğrudan rezervasyon kaybı yaratır. Misafir de sorunun nedenini size bildirmek zorunda değildir. Sayfayı kapatır ve daha kolay kullanabildiği kanala gider.
WCAG 2.1 AA neden referans alınır
Web İçeriği Erişilebilirlik Yönergeleri anlamına gelen WCAG, web sitelerinin erişilebilirliğini değerlendirmek için kullanılan teknik çerçevedir. WCAG 2.1 AA seviyesi, içeriği dört temel ilkeye göre değerlendirir:
- Algılanabilir: Metin, görsel, video ve form bilgileri herkes tarafından algılanabilir olmalıdır.
- Kullanılabilir: Site yalnızca fareyle değil, klavyeyle de kullanılmalıdır.
- Anlaşılabilir: Formlar, hata mesajları ve yönlendirmeler açık olmalıdır.
- Sağlam: HTML yapısı ve etkileşimler ekran okuyucular dahil farklı araçlarla çalışmalıdır.
Bunlar soyut teknik standartlar değildir. Misafir odalarınızı karşılaştıramıyor, tarih seçemiyor veya rezervasyonu bitiremiyorsa sorun gelir kanalınızdadır.
Rezervasyon akışında en sık görülen erişilebilirlik hataları
Otel sitelerinde erişilebilirlik sorunları en sık rezervasyon motorunda görülür. Bu alanlar genellikle üçüncü taraf sistemler, takvim bileşenleri ve özel tasarım katmanlarıyla kurulur.
Klavyeyle kullanılamayan tarih seçiciler
Tarih seçici takvimler, otel sitelerindeki en önemli bileşenlerdendir. Buna rağmen birçok takvim yalnızca fare kullanımı düşünülerek hazırlanır. Kullanıcı sekme tuşuyla tarih alanına gelir, ancak giriş ve çıkış tarihini seçemez.
Bu durum ekran okuyucu kullanan misafirleri de etkiler. Takvimdeki tarihlerin anlamı, seçili gün bilgisi veya müsaitlik durumu yardımcı teknolojiye doğru aktarılmıyorsa misafir rezervasyon aşamasında takılır.
Maria’nın yaşadığı durum buna örnektir. Düşük görme kapasitesiyle bir otelin rezervasyon sayfasını açar. Takvimi görür, ancak klavyeyle günler arasında ilerleyemez. “Müsaitlik kontrol et” düğmesi arka planla neredeyse aynı renktedir. Yanlış tarih girdiğinde çıkan uyarıyı ekran okuyucu okumaz. Maria rezervasyonu tamamlayamaz ve daha erişilebilir görünen bir OTA sayfasına geçer.
Bu yalnızca teknik bir hata değildir. Otelin doğrudan rezervasyon için kurduğu akış, misafiri komisyonlu kanala gönderir.
Etiketsiz form alanları ve belirsiz hata mesajları
Ad, e-posta, telefon numarası ve ödeme alanları görsel olarak açık görünebilir. Ancak ilgili HTML etiketleri yoksa ekran okuyucu kullanan kişi alanın ne istediğini anlayamaz.
Örneğin “Giriş” metni tarih alanının yanında yer alabilir. Fakat bu metin alanla teknik olarak bağlanmamışsa ekran okuyucu yalnızca “düzenleme alanı” gibi anlamsız bir ifade okuyabilir.
Hata mesajları da aynı derecede önemlidir. “Bir hata oluştu” ifadesi, misafire neyi düzeltmesi gerektiğini söylemez. Mesaj ilgili alana bağlanmalı ve ekran okuyucu tarafından duyurulmalıdır.
Rezervasyon formunda şu kontroller yapılmalıdır:
- Her giriş alanının açık ve teknik olarak bağlı bir etiketi olmalıdır.
- Zorunlu alanlar yalnızca renk ile belirtilmemelidir.
- Hata mesajı, hangi alanın hatalı olduğunu açıkça söylemelidir.
- Form sırası klavyeyle mantıklı şekilde ilerlemelidir.
- “Rezervasyonu tamamla” gibi düğmeler gerçek düğme elemanlarıyla kurulmalıdır.
Oda karşılaştırmalarında bozuk tablo yapısı
Standart oda, deluxe oda ve suit arasındaki farklar birçok otelde tablo veya kart düzeniyle gösterilir. Görsel tasarım iyi olsa da yapı doğru kurulmamışsa ekran okuyucu kullanıcıları fiyat, kapasite, manzara ve yatak türü arasındaki ilişkiyi kaybeder.
Tablo kullanılıyorsa sütun başlıkları doğru tanımlanmalıdır. Kart yapısında ise her oda türüne ait bilgi mantıklı bir okuma sırasıyla verilmelidir.
Misafir, “çift kişilik yatak”, “bahçe manzarası” ve “kahvaltı dahil” bilgisinin hangi odaya ait olduğunu anlayabilmelidir. Aksi halde oda karşılaştırma sayfası bilgi veren bir sayfa olmaktan çıkar ve metin yığınına dönüşür.
Görseller, kontrast ve hareketli içerik doğrudan rezervasyonu etkiler
Otel sitelerinde fotoğraflar yoğun kullanılır. Oda, havuz, kahvaltı, manzara ve ortak alan fotoğrafları satışın parçasıdır. Ancak görsel yoğunluk, erişilebilirlikten vazgeçmek için gerekçe değildir.
Oda fotoğraflarında alt metin eksikliği
Alt metin, görselin ne anlattığını açıklayan metindir. Ekran okuyucular bu metni sesli olarak aktarır. “IMG_2457.jpg” veya “oda fotoğrafı” gibi ifadeler misafire bilgi vermez.
İyi bir alt metin, rezervasyon kararını etkileyen görsel bilgisini açıkça verir. Örneğin:
- “Bahçe manzaralı çift kişilik oda, pencere önünde oturma alanı”
- “Taş duvarlı butik otel avlusu ve açık havuz”
- “Deniz manzaralı suit odada çift kişilik yatak ve balkon”
Her görsel için uzun açıklama gerekmez. Dekoratif bir çizgi veya arka plan dokusu alt metin gerektirmeyebilir. Ancak oda, tesis imkânı veya konum tercihini etkileyen fotoğraflar açıklanmalıdır.
Bu yapı, arama motorlarının görseli ve sayfa bağlamını daha iyi anlamasına da yardımcı olur. Erişilebilirlik ve organik görünürlük burada aynı teknik temele dayanır.
Düşük kontrastlı metin ve düğmeler
Açık gri metnin beyaz zeminde “minimal” görünmesi, okunabildiği anlamına gelmez. Aynı sorun, fotoğraf üzerine yerleştirilen ince beyaz başlıklarda ve soluk renkli rezervasyon düğmelerinde de görülür.
WCAG 2.1 AA, normal metin için en az 4.5:1 kontrast oranını referans alır. Büyük metinde eşik 3:1’dir. Bu oranlar tasarım tercihlerini sınırlamak için değil, metnin okunabilmesi için vardır.
Düşük kontrast yalnızca görme kapasitesi sınırlı misafirleri etkilemez. Telefon ekranına güneş altında bakan ziyaretçi de aynı metni okumakta zorlanır. Özellikle “Müsaitlik kontrol et”, “Rezervasyon yap” ve “Odayı incele” gibi gelir odaklı düğmelerde kontrast pazarlık konusu olmamalıdır.
Otomatik video ve kayan görseller
Ana sayfada otomatik başlayan video veya kendiliğinden ilerleyen slider, otel sitelerinde sık kullanılır. Genellikle atmosfer oluşturmak için eklenir. Ancak misafir hareketli içeriği durduramıyorsa deneyim kendi kontrolünün dışına çıkar.
Beş saniyeden uzun süren otomatik hareketli içerikte kullanıcıya durdurma, gizleme veya kontrol etme imkânı verilmelidir. Slider’da hangi görselin aktif olduğu da açıkça belirtilmelidir.
Bir butik otelin ana sayfasında oda fotoğrafları üç saniyede bir değişiyorsa misafirin metni okuyacak zamanı kalmayabilir. Klavyeyle ilerleyen kullanıcı slider içindeki bağlantılara ulaşamayabilir. Kontrol olmadan kullanılan hareket yalnızca görsel yük oluşturur.
Erişilebilirlik eklentisi neden tek başına çözüm değildir
Bazı araçlar sitenin köşesine küçük bir erişilebilirlik simgesi ekler. Metni büyütme, kontrastı değiştirme veya ekran okuyucu modu gibi seçenekler sunar. Bu araçlar, erişilebilirlik sorunlarının tamamını birkaç satır JavaScript ile çözdüğünü iddia edebilir.
Yapısal sorunlar böyle çözülmez.
Etiketsiz rezervasyon formuna sonradan açılır menü eklemek, form alanlarını teknik olarak anlamlı hale getirmez. Yanlış başlık hiyerarşisi, bozuk tablo işaretlemesi veya klavyeyle erişilemeyen takvim de bir katmanla güvenilir biçimde düzelmez.
Asıl sorun sitenin temelindeki HTML yapısıdır. Erişilebilirlik; semantik başlıklar, doğru form etiketleri, yeterli kontrast, mantıklı odak sırası ve düzgün etkileşimlerle kodun içine kurulmalıdır.
Erişilebilirlik rozeti, erişilebilir rezervasyon akışı değildir.
Bir otel erişilebilirlik aracına aylık ücret ödeyebilir, ancak rezervasyon motorundaki temel sorunlar kalabilir. Bu nedenle eklentiyi çözüm olarak değil, varsa destekleyici bir araç olarak görmek gerekir. Öncelik her zaman kaynak yapıdaki hataları düzeltmektir.
Otel sitenizi ilk aşamada nasıl kontrol edebilirsiniz
İlk inceleme için avukat veya uzun bir proje planı gerekmez. Önce sitenizin nerede aksadığını görün. Otel sahibi ya da pazarlama sorumlusu olarak birkaç basit testi kendiniz yapabilirsiniz.
Klavye testi yapın
Ana sayfayı açın ve fareyi kullanmadan yalnızca Tab, Shift + Tab, Enter ve ok tuşlarıyla gezin. Şunları kontrol edin:
- Menü bağlantılarına sırayla ulaşabiliyor musunuz?
- Oda sayfalarına ve rezervasyon düğmesine geçebiliyor musunuz?
- Tarih seçici takvimde tarih belirleyebiliyor musunuz?
- Form alanlarının hangi bilgi için olduğunu anlayabiliyor musunuz?
- Sayfada nerede olduğunuzu gösteren görünür bir odak işareti var mı?
Bu test sırasında rezervasyon formunda takılıyorsanız misafirlerinizin bir kısmı da takılıyordur.
Otomatik denetim araçlarını kullanın
WebAIM WAVE, ilk inceleme için kullanılabilecek araçlardan biridir. Site adresinizi girerek eksik alt metinleri, kontrast sorunlarını, form etiketlerini ve belge yapısındaki bazı hataları görmenizi sağlar.
Google Lighthouse, Chrome geliştirici araçlarında erişilebilirlik kontrolü de sunar. Rapor, belirli hataları ve ilgili kriterleri listeler.
Bu araçların temiz sonuç vermesi, sitenin tamamen erişilebilir olduğunu göstermez. Otomatik kontroller alt metnin gerçekten açıklayıcı olup olmadığını, rezervasyon akışının anlaşılır olup olmadığını veya oda karşılaştırmasının mantıklı okunup okunmadığını tek başına değerlendiremez.
Düzeltme mi, yeniden kurulum mu
Site yakın zamanda profesyonel biçimde kurulduysa ve denetimde sınırlı sayıda hata görünüyorsa düzeltme yapmak mantıklı olabilir. Alt metinleri tamamlamak, kontrast renklerini güncellemek veya form etiketleri eklemek gibi işler mevcut yapıda çözülebilir.
Ancak eski şablon sistemiyle kurulmuş, birçok sayfada tekrar eden hata üreten veya rezervasyon motoru erişilemeyen bir siteyi sürekli yamamak daha pahalıya çıkabilir. Sorun tasarımda değil altyapıdaysa baştan doğru kurulum daha güvenli yoldur.
Bu aşamada otel sitesinin yalnızca “çalışıyor” olması yetmez. Site mobilde hızlı olmalı, doğrudan rezervasyona hazır bulunmalı ve misafirin kullanabileceği kadar açık olmalıdır.
Rezervasyon akışınızın yapısını yeniden değerlendirmek istiyorsanız, otel web tasarım yaklaşımında oda sayfaları, mobil kullanım ve doğrudan rezervasyon birlikte ele alınır.
Erişilebilirlik ile SEO aynı yapıda buluşur
Erişilebilirlik çoğu zaman ayrı bir teknik iş gibi görülür. Oysa iyi erişilebilirlik uygulamalarının büyük bölümü, daha anlaşılır ve düzenli bir site kurar. Arama motorları da bu yapıyı daha kolay yorumlar.
Tek H1 ile kurulan mantıklı H2-H3 hiyerarşisi, ekran okuyucuların sayfada gezinmesini kolaylaştırır. Aynı yapı, içerik düzenini arama motorları için de netleştirir.
Açıklayıcı alt metinler görselleri anlamlı hale getirir. Semantik HTML, rezervasyon düğmesiyle sıradan metin bağlantısı arasındaki farkı açıkça belirtir. Etiketli formlar da yardımcı teknolojiler ve kullanıcılar için hata oranını azaltır.
Bir otelin erişilebilirlik çalışmasını yalnızca riskten kaçınma olarak görmek eksik olur. Sonuçta daha fazla misafir sitenizi kullanabilir ve doğrudan rezervasyon yolunu tamamlayabilir.
Erişilebilir otel sitesi için sık sorulan sorular
Otel sitemde erişilebilirlik sorunu olup olmadığını nasıl anlarım?
İlk adım, siteyi klavyeyle test etmek ve WAVE veya Lighthouse gibi araçlarla kontrol etmektir. Özellikle rezervasyon formu, tarih seçici, oda karşılaştırma sayfaları ve mobil düğmeler incelenmelidir.
Her otel fotoğrafına alt metin eklemeli miyim?
Oda, manzara, havuz, kahvaltı veya tesis imkânını gösteren anlamlı fotoğraflara açıklayıcı alt metin eklenmelidir. Yalnızca dekoratif görseller için aynı gereklilik yoktur.
Rezervasyon motoru erişilebilir değilse ne yapmalıyım?
Önce rezervasyon motorunun klavye kullanımı, ekran okuyucu uyumu ve form etiketleri açısından durumunu kontrol edin. Sorun üçüncü taraf sistemden kaynaklanıyorsa sağlayıcıyla çözüm kapsamını değerlendirin. Gerekirse erişilebilir bir rezervasyon akışına sahip yapı kurulmalıdır.
Erişilebilirlik eklentisi yeterli olur mu?
Hayır. Eklenti; eksik form etiketleri, bozuk HTML yapısı veya klavyeyle kullanılamayan takvim gibi temel sorunları güvenilir biçimde çözemez. Erişilebilirlik kodun içinde kurulmalıdır.
Kontrast oranı neden rezervasyon oranını etkiler?
Düşük kontrastlı metinler ve düğmeler okumayı zorlaştırır. Misafir fiyatı, oda bilgisini veya “Rezervasyon yap” düğmesini rahatça göremiyorsa satın alma aşamasını tamamlamadan ayrılabilir.
Misafirin kullanamadığı site doğrudan rezervasyon getirmez
Otel web sitesi erişilebilirliği, sonradan eklenen bir kontrol listesi maddesi değildir. Rezervasyon akışının parçasıdır. Tarih seçemeyen, oda bilgisini anlayamayan veya formu tamamlayamayan misafir için siteniz çalışmıyordur.
Doğru kurulum; oda görsellerini açıklamak, kontrastı düzeltmek, klavye kullanımını test etmek ve rezervasyon motorunun yapısal olarak erişilebilir olmasını sağlamakla başlar. Bu işler, daha okunabilir bir site ve OTA’ya daha az bağımlı bir rezervasyon kanalı kurar.
Doğrudan rezervasyona engel olan teknik sorunları kaldırın.
Designodin, bağımsız oteller için mobil öncelikli, rezervasyona hazır ve yapısal olarak doğru kurulan siteler geliştirir. Oda akışı, rezervasyon sistemi ve misafir deneyimi aynı yapıda ele alınır.
Otel rezervasyon sistemi seçeneklerini görün Bize ulaşın, yazılı teklif alın