Web erişilebilirliği: Tasarımın temel kontrolleri

Bir hizmet sitesinde teklif düğmesini yalnızca fareyle kullanabildiğinizi düşünün. Klavyeyle ilerlerken odağın nerede olduğu görünmüyor; açılan menüden çıkmak da mümkün olmuyor. Aynı sayfadaki açık renkli açıklama bazı ekranlarda okunamayacak kadar silik. Bu sorunların hiçbiri markanın logosunu veya ana sayfanın estetiğini değiştirmeyi gerektirmeyebilir. Buna rağmen ziyaretçinin bilgiye ulaşmasını ve başvuru yapmasını doğrudan etkilerler.

Web erişilebilirliği, farklı görme, işitme, hareket ve bilişsel ihtiyaçlarla sitenin kullanılabilmesini ele alır. Tasarımın temel kontrolleri, bu ihtiyaçları proje sonunda ayrı bir süsleme gibi değerlendirmek yerine içerik ve etkileşimin içine yerleştirir. Aşağıdaki çalışma bir başlangıç incelemesidir; eksiksiz uygunluk denetimi değildir. İncelemede kullanılacak örnek sayfa ve görevler kurgusal bir hizmet sitesi üzerinden açıklanmıştır.

İncelemenin kapsamını gerçek görevlerle belirleyin

Hangi sayfaların ve işlemlerin kontrol edileceğini yazın. Ana sayfayı okumak, hizmet menüsünü kullanmak, makale bulmak ve iletişim formunu göndermek farklı görevlerdir. Sitenin bütün sayfaları aynı şablonu kullansa bile içerik ve işlev farkları yeni sorunlar üretebilir. Bir örnek sayfanın sonucu otomatik olarak tüm siteye taşınmamalıdır.

Hızlı kontrol, incelenen örneklerde belirli engelleri ortaya çıkarabilir; bütün siteyi ve bütün kullanım ihtiyaçlarını kapsayan değerlendirmeyle aynı kapsamda değildir. Bu ayrım proje iletişiminde korunmalıdır. İnceleme belgesinde kontrol edilen adresler, kullanılan araçlar ve görülen sınırlar yazabilir. “Erişilebilirlik kontrol edildi” ifadesi yerine hangi görevlerin hangi koşullarda denendiğini belirtmek daha yararlı bir teslim kaydı oluşturur.

Klavyeyle gezinerek görünmeyen engelleri bulun

Fareyi bırakıp sayfada Tab tuşuyla ilerleyin. Bağlantı ve düğmelere ulaşılabiliyor mu, sıra anlamlı mı ve o an hangi öğenin seçili olduğu görülebiliyor mu? Ana içeriğe ulaşmak için her sayfada uzun menüyü baştan geçmek gerekiyorsa atlama bağlantısı gibi çözüm seçenekleri değerlendirilebilir. Amaç tuş sayısını rastgele azaltmak değil, tekrar eden engeli ortadan kaldırmaktır.

Açılır menü, pencere veya akordeon gibi bileşenleri de deneyin. Bir pencere açıldığında odak nereye taşınıyor, kapatınca nerede kalıyor? Kapalı bölümün içindeki kontroller dolaşıma karışıyor mu? Sadece fare üzerine gelince görünen bağlantılar klavye kullanıcısına sunuluyor mu? Bu davranışlar statik tasarım görüntüsünden anlaşılamaz. Çalışan uygulamada tekrarlanabilir görevlerle kontrol edilmelidir.

Odak işaretini tasarımın bilinçli parçası yapın

Odak çerçevesini görünümü sadeleştirmek için kaldırmak, klavyeyle ilerleyen kişinin konum bilgisini yok edebilir. Bunun yerine marka tasarımına uyumlu, fark edilebilir bir işaret planlanabilir. İşaret yalnızca beyaz zeminde değil koyu görsel üzerinde, aktif kartta ve hata alanında da incelenmelidir. Farklı bileşenlerde tutarlı davranış tanınmayı kolaylaştırır.

Sabit katmanların arkasını kontrol edin

Üst menü, çerez bildirimi veya alt iletişim çubuğu seçili kontrolü kapatabilir. Klavye sırası teknik olarak çalışsa bile kullanıcı neyi etkinleştireceğini göremeyebilir. Sayfanın uzun bölümlerinde ilerleyerek bu çakışmaları deneyin. Tasarımcı katman boyutunu, geliştirici kaydırma ve odak davranışını değerlendirebilir. Sorunu “mobilde biraz sıkışıyor” gibi belirsiz ifadeyle bırakmak yerine hangi kontrolün hangi katman arkasında kaldığını kaydedin.

Rengi tek bilgi taşıyıcısı olarak kullanmayın

Bir form alanı yalnızca kırmızı kenarla hatalı gösteriliyorsa mesajın anlamı herkes için aynı açıklıkta olmayabilir. Durum, metin veya uygun bir işaretle de anlatılabilir. Benzer şekilde seçili filtreyi sadece hafif renk değişimiyle belirtmek seçeneklerin durumunu ayırt etmeyi güçleştirebilir. Bilginin görüntüdeki farkı, işlevsel anlamını desteklemelidir.

Metin ve arka plan kontrastı da incelenmelidir. Bir renk paletinin marka açısından uygun olması, bütün kullanım boyutlarında okunabilir olduğu anlamına gelmez. Açıklama metni, düğme yazısı ve görsel üzerine gelen başlık farklı koşullardır. Her biri gerçek arka planıyla kontrol edilmelidir. İlgili kontrast ölçütleri ve istisnalar gerçek bileşen durumuna göre değerlendirilmelidir; tek bir ekran görüntüsüne bakarak bütün tasarımın uygun olduğu sonucuna varılmamalıdır.

Başlıkları yalnızca büyük yazı olarak görmeyin

Görsel olarak büyük görünen bir satırın teknik olarak başlık işaretlenmemesi, belge yapısını farklı araçlarda belirsiz bırakabilir. Bir hizmet sayfasının ana konusu, kapsamı ve alt aşamaları anlamlı bir hiyerarşi taşımalıdır. Başlık seviyesi metni istenen büyüklüğe getirmek için rastgele seçilmemelidir; görünüm tasarımla, yapı içerikle ilişkilidir.

Sayfanın başlık listesini okuyarak kontrol edin. Konu akışı anlaşılabiliyor mu, bir bölümün alt başlığı başka bölümün devamı gibi mi görünüyor? Uzun blog yazılarında bu kontrol özellikle yararlıdır. Başlık metni açıklayıcı olmalı; birbirinden farklı bütün bölümleri “Detaylar” diye adlandırmak gezinme değerini azaltır. Doğru hiyerarşi, bölüm ve alt bölüm ilişkisini belgenin teknik yapısında da anlaşılır hale getirir.

Görsel alternatifini fotoğrafın görevine göre yazın

Alt metin, her görsel için aynı anahtar kelimeyi tekrar etme alanı değildir. Fotoğraf bilgi veriyorsa hangi bilginin gerekli olduğunu düşünün. Bir ürün ayrıntısını açıklayan görselle dekoratif arka planın görevi farklıdır. Ekran görüntüsünde yalnızca görünen arayüzü adlandırmak bazen yeterli olabilir; karmaşık bir grafiğin verisini anlatmak için daha kapsamlı metin karşılığı gerekebilir.

Görselin gerçek içeriğinde bulunmayan başarı, müşteri veya konum iddiasını alternatif metne eklemeyin. Örneğin stok fotoğraftaki bir çalışma ortamını şirketin kendi ofisi gibi tanımlamak doğru olmaz. Metin, sayfadaki açıklamanın bağlamını tamamlamalıdır. Aynı bilgi hemen yanındaki metinde zaten tam olarak veriliyorsa gereksiz tekrar oluşup oluşmadığı değerlendirilir. İçerik ekibine görsel amacıyla birlikte alt metin yazma görevi verilmesi tutarlılığı artırabilir.

Formdaki soruyu, hatayı ve sonucu ilişkilendirin

Her alanın ne istediği anlaşılmalıdır. Etiketin yalnızca yer tutucu metinde bulunması, yazmaya başlanınca açıklamayı kaybettirebilir. Zorunlu alan bilgisi, örnek biçim ve hata mesajı doğru kontrolle ilişkilendirilmelidir. Bir ziyaretçi hatalı e-posta yazdığında bütün formu inceleyerek sorunlu alanı tahmin etmek zorunda kalmamalıdır.

Gönderim sonucu da düşünülmelidir. Ekranda bir mesaj belirmesi, bu bilginin farklı etkileşim yöntemlerinde aynı biçimde fark edildiği anlamına gelmez. Teknik ekip durum mesajının uygun iletimini inceleyebilir. Yayın testinde hem başarılı başvuruyu hem düzeltme gereken senaryoyu deneyin. Girilen geçerli bilgilerin kaybolması veya odağın açıklamasız biçimde başa dönmesi formu tamamlamayı gereksiz zorlaştırabilir. Kullanıcı bu sırada yeniden başlamak zorunda kalmamalıdır.

Büyütülmüş metinle düzenin dayanıklılığını sınayın

Kullanıcıların hepsi aynı yazı boyutu ve ekran koşuluyla okumaz. Metni büyüttüğünüzde düğmelerin, kartların ve menünün nasıl davrandığına bakın. Başlık kesiliyor, açıklama başka öğenin üzerine taşıyor veya eylem görünmez hale geliyorsa içerik için tanınan alan yetersiz olabilir. Yalnızca varsayılan görünümde dengeli duran bir ekran bu çeşitliliği karşılamayabilir.

Telefonu yatay kullanmak veya dar bir tarayıcı penceresinde okumak da düzen sorunlarını ortaya çıkarabilir. Her içeriği iki yönde kaydırmaya zorlamak özellikle uzun metinde yorucu olabilir. Karmaşık tablo veya görsel gibi özel durumlar ayrı değerlendirilmelidir. Sabit ölçülerle her şeyi sıkıştırmak yerine içerik akışını ve bileşen esnekliğini inceleyin. Web tasarım ve yazılım sürecinde gerçek uzun metin ve çevirilerle deneme yapmak yararlı bir tasarım kontrolüdür.

Video ve hareketli içerik için alternatif planlayın

Bir hizmeti yalnızca sesli videoda açıklamak, sesi duyamayan veya o anda sesi açamayan kişiyi bilgiden uzaklaştırabilir. Altyazı, metin dökümü ve görüntüde anlatılan önemli bilginin metinsel karşılığı kullanım amacına göre değerlendirilmelidir. Otomatik üretilmiş altyazı varsa terimler ve isimler gözden geçirilmelidir. Dosyanın bulunması kadar doğru olması da önemlidir.

Sürekli hareket eden dekorasyon veya otomatik kayan içerik dikkat dağıtabilir. Kullanıcıya kontrol sunulması gereken durumlar ilgili ölçütler kapsamında incelenir. Tasarım kararı, hareketin gerçekten hangi bilgiye katkı sağladığını da sorgulayabilir. Bir proje listesi hareket etmeden daha rahat karşılaştırılıyorsa sade gösterim tercih edilebilir. Her animasyonu kaldırmak şeklinde genel bir kural yerine amaç, kontrol ve etki birlikte değerlendirilmelidir.

Otomatik araçları insan incelemesiyle tamamlayın

Tarayıcı araçları bazı teknik sorunları hızlıca işaretleyebilir. Eksik alan ilişkisi veya belirli kontrast sorunları gibi bulgular araştırmaya başlangıç sağlar. Ancak bir hizmet açıklamasının anlaşılır olması, alt metnin görselin amacına uygunluğu veya karmaşık bir görevin tamamlanabilirliği yalnızca otomatik taramayla belirlenemez. Araç sonucunu bağlamıyla yorumlamak gerekir.

Bulguları adres, bileşen, sorun ve önerilen doğrulama biçimiyle kaydedin. Çok sayıda sayfada tekrarlanan tek bileşen sorunu ile tek içeriğe özgü hatayı ayırın. Böylece ekip aynı sorunu birçok kez düzeltmeye çalışmaz. Etkilenen kullanıcı görevi ve engelin ağırlığı öncelik belirlemede yardımcı olur. Görünür bir başvuru engeli, küçük bir editoryal tutarsızlıktan farklı aciliyete sahip olabilir. Karar, sorunun gerçek etkisine dayanmalıdır.

Düzeltmeyi ve sonraki bakım sorumlusunu belirleyin

Erişilebilirlik bir kez onaylanıp unutulan dosya değildir. Yeni menü, farklı görsel, panelde değiştirilen etiket veya eklenen eklenti önceki deneyimi etkileyebilir. Tasarım, yazılım ve içerik ekiplerinin hangi parçalardan sorumlu olduğu belirlenirse bakım daha yönetilebilir olur. Ortak bileşenler için yeniden kontrol noktaları tanımlanabilir.

Düzeltmeden sonra aynı görevi yeniden deneyin. Menü sorunu giderilirken odak sırası başka noktada bozulmuş olabilir. İçeriğin uzman tarafından okunması ve mümkün olduğunda farklı ihtiyaçlara sahip kullanıcılarla değerlendirilmesi ek kanıt sağlar. Kurumsal web sitesi geliştirmede başlangıç kontrollerini kapsamlı değerlendirmeden ayırarak raporlamak, hem yapılan işi görünür kılar hem tamamlanmamış konuların takip edilmesini sağlar. Amaç bir etiket kazanmak kadar insanların temel görevlerini yerine getirebilmesidir.

Örneğin inceleme kaydında “iletişim düğmesi klavyeyle seçildiğinde alt bildirim tarafından kapatılıyor” yazılması, düzeltmenin nasıl doğrulanacağını da gösterir. Aynı adrese dönülür, bildirim açılır ve düğmeye ilerlenir. Sorun görünür bir senaryoyla tarif edildiğinde farklı ekip üyeleri aynı sonucu kontrol edebilir.

Sık Sorulan Sorular

Otomatik erişilebilirlik taraması yeterli mi?

Teknik bulgular için yararlıdır, fakat bütün görevleri ve içerik anlamını değerlendiremez. Klavye kullanımı, metin açıklığı ve görsel alternatiflerinin uygunluğu gibi konular insan incelemesi gerektirir. Raporun kapsamı ve sınırı açıkça belirtilmelidir.

Güzel tasarımdan vazgeçmek gerekir mi?

Hayır. Kontrast, odak ve içerik yapısı tasarımın içinde çözülebilir. Sorun estetik ile erişilebilirliğin zorunlu olarak karşıt olduğu varsayımıdır. Gerçek bileşenler üzerinden alternatifler denenerek marka dili korunabilir.

Her fotoğrafın alt metni uzun mu olmalı?

Görselin görevine göre değişir. Gereken bilgi kısa anlatılabiliyorsa uzatmak fayda sağlamaz. Karmaşık veri içeren görseller ise sayfada daha ayrıntılı açıklama gerektirebilir. Anahtar kelime doldurmak yerine hangi bilginin aktarılacağı düşünülmelidir.

Odak çerçevesini değiştirebilir miyiz?

Görünür ve işlevsel kalacak biçimde tasarlanabilir. Kaldırılması, klavyeyle ilerleyen kişinin konumunu kaybetmesine yol açabilir. Yeni görünüm farklı zeminler ve bileşen durumları üzerinde denenmelidir; yalnızca tek düğmede iyi görünmesi yeterli değildir.

Temel kontrol sonrası uygunluk beyanı yapılabilir mi?

Hızlı inceleme ile kapsamlı uygunluk değerlendirmesi aynı şey değildir. Beyanın kapsamı, ölçütleri ve kullanılan yöntem ayrıca ele alınmalıdır. Bu yazı bir sertifikasyon veya hukuki değerlendirme sunmaz; başlangıç incelemesini planlamaya yardımcı olur.

İçerik ekibi de erişilebilirlikten sorumlu mu?

Evet, başlık düzeni, anlamlı bağlantı metni, görsel açıklaması ve video metni gibi kararlar içerikle ilişkilidir. Teknik ekip tek başına bunların anlamını üretemez. Açık yönergeler ve gerçek örneklerle verilen eğitim sonraki güncellemelerde tutarlılığı destekler.