Erişilebilirlik İçin Tasarlamak
Renault yetkili bayi web siteleri için ölçeklenebilir bir erişilebilirlik standardı oluşturmak.
- Rol
- UI/UX Designer
- Yıl
- 2024
- Durum
- renewturkiye.com/yetkili-saticilar'a uygulandı

Bu çalışma, Renault Türkiye'nin yetkili bayi web sitelerinde uygulanmak üzere hazırlanan kapsamlı bir erişilebilirlik denetimiydi.
ABC Renault bu denetimin uygulandığı örnek bayi sitelerinden biriydi. Ancak amaç tek bir web sitesini iyileştirmek değildi. Hedef, tüm yetkili bayi sitelerinde kullanılabilecek ortak bir erişilebilirlik yaklaşımı oluşturmaktı.
Projede WCAG 2.1 standartlarını referans alarak mevcut deneyimi analiz ettim, kullanıcıların karşılaşabileceği erişilebilirlik problemlerini belirledim ve geliştirici ekip için uygulanabilir çözüm önerileri hazırladım.
01
Neden önemliydi?
Bir otomotiv markasının dijital deneyimi yalnızca ana web sitesiyle sınırlı değil.
Birçok kullanıcı ilk temasını yetkili bayi siteleri üzerinden kuruyor. Araçları inceliyor, kampanyalara göz atıyor, iletişim bilgilerine ulaşıyor ya da servis hizmetleri hakkında bilgi alıyor.
Bu deneyimin herkes için erişilebilir olması gerektiğini düşündüm.
Erişilebilirlik benim için yalnızca standartları karşılamak anlamına gelmiyor. Bir ürünün mümkün olduğunca fazla insan tarafından rahatça kullanılabilmesini sağlamak anlamına geliyor.
02
Denetim süreci
Çalışmayı WCAG 2.1'in dört temel prensibi doğrultusunda yürüttüm.
- Algılanabilir
- Kullanılabilir
- Anlaşılabilir
- Sağlam
Otomatik analiz araçlarıyla başlayan süreci yalnızca teknik kontrollerle bırakmadım.
Siteleri klavye ile gezerek, NVDA ve VoiceOver gibi ekran okuyucular kullanarak gerçek kullanıcı deneyimini de test ettim.
Böylece yalnızca kod tarafındaki problemleri değil, kullanıcıların gerçekten yaşayacağı deneyim sorunlarını da görebildim.
03
Karşılaştığım problemler
Denetim sırasında benzer sorunlar birçok sayfada tekrar ediyordu.
Başlık yapıları doğru oluşturulmadığı için ekran okuyucular sayfanın hiyerarşisini doğru aktaramıyordu.
Bazı içerikler görsel olarak liste olmasına rağmen semantik olarak tanımlanmamıştı.
Dropdown menüler yardımcı teknolojiler tarafından doğru okunmuyor, açık veya kapalı oldukları kullanıcıya bildirilmiyordu.
Bazı renk kombinasyonları yeterli kontrastı sağlamıyordu.
Form alanlarında ise etiketler ve yönlendirmeler kullanıcıya yeterince açık değildi.

04
En kritik bulgu
En dikkat çekici problem ana sayfadaki otomatik kayan hero alanıydı.
Slaytlar otomatik değiştiği için ekran okuyucu kullanan kullanıcılar içerikleri takip etmekte zorlanıyordu.
Bu alan için;
- klavye ile tamamen kullanılabilir navigasyon,
- doğru ARIA tanımları,
- ekran okuyucular için canlı durum bildirimleri,
- odak yönetimi
gibi iyileştirmeler önerdim.
Ayrıca mobil tarafta yalnızca görsel düzeni değil, ekran okuyucuların okuma sırasını da kontrol ettim.
Bazı sayfalar görsel olarak doğru görünmesine rağmen yardımcı teknolojiler tarafından tamamen farklı sırayla okunuyordu.
Bu da erişilebilirlikte yalnızca tasarımın değil, bilgi mimarisinin ve HTML yapısının da ne kadar önemli olduğunu gösteriyordu.

05
Sonuç
Bu çalışma sonunda yalnızca tek bir bayi sitesi için değil, tüm yetkili bayi sitelerinde uygulanabilecek ortak erişilebilirlik önerileri ortaya çıktı.
Benim için en değerli kazanım ise erişilebilirliğin sonradan eklenen bir kontrol listesi olmadığını bir kez daha görmekti.
Gerçekten iyi bir kullanıcı deneyimi, ürünü farklı şekillerde kullanan herkes için aynı derecede anlaşılır ve kullanılabilir olmalıdır.
06
Öğrendiklerim
Bu proje bana erişilebilirliğin yalnızca standartları karşılamak olmadığını öğretti.
Küçük görünen semantik kararlar bile bir kullanıcının ürünü tamamen kullanıp kullanamayacağını belirleyebiliyor.
İyi tasarım yalnızca güzel görünen değil, herkes tarafından kullanılabilen tasarımdır.
Sıradaki
BikadroSeyahat eden fotoğrafçılar ile yerel fotoğrafçıları aynı platformda buluşturan bir pazaryeri deneyimi.
Tasarım felsefem hakkında daha fazlası →