WEB TASARIM

Kurumsal Web Sitesi Erişilebilirlik Kontrol Listesi

Kurumsal web sitesinde klavye, odak, başlık, görsel ve form kontrollerini planlayın. Hataları kullanıcı görevi, sorumlu ve yeniden test kaydıyla takip edin.

Next Medya Strateji ve Teknoloji EkibiYayın: Güncelleme: 4 dk · 742 kelime
Erişilebilirlik kontrolü için adımları gösteren çalışma şeması
Erişilebilirlik kontrolü
İçindekiler

Erişilebilirlik kontrolünü yalnızca ana sayfayı bir araca taratmak olarak ele almayın. Ziyaretçinin hizmeti bulması, ürün bilgisini okuması ve teklif talebini tamamlaması birlikte değerlendirilmelidir. Bir sayfa güzel göründüğü halde klavyeyle kullanılamayan bir menü, süreci daha ilk adımda kesebilir.

Bu rehber, proje ekibinin ilk incelemesini düzenlemek için hazırlanmıştır. Tam WCAG uygunluk değerlendirmesi yerine geçmez. Aşağıdaki hata kayıtları temsili örneklerdir; gerçek sitenin durumu test edilmeden uygunluk veya başarı puanı verilmez.

Bu ihtiyacın sektörel uygulaması

Eğitim ve Kurs Kurumları İçin Web Tasarım sayfasında bu kararların içerik modeli, kullanıcı görevi ve teslim kapsamıyla nasıl ele alındığını inceleyebilirsiniz.

Örneklemi sayfa sayısına göre değil görevlere göre seçin

Ana sayfa, hizmet detayı, ürün listesi, ürün detayı, arama ve iletişim formunu ayrı örnekler olarak seçin. Menü açılması, hata gösterilmesi ve başarılı gönderim gibi ara durumları da listeye ekleyin. Tek bir şablondaki ortak hata onlarca sayfayı etkileyebileceği için bileşenin nerelerde kullanıldığını kaydedin.

Örneğin teknik ürün arayan ziyaretçi önce kategoriyi bulur, sonra filtreyi kullanır ve seçtiği ürünle teklif ister. Sadece ürün açıklamasını okumak bu görevin tamamını doğrulamaz. Test kaydına başlangıç adresini, kullanılan cihazı, tarayıcıyı ve beklenen sonucu yazın.

Klavye ve odağı gerçek görev üzerinde izleyin

W3C WAI ilk kontrol yaklaşımı, klavye odağı ve temel sayfa öğelerini incelemeyi içerir. Tab ile gezinirken hangi öğede olduğunuz görülebilmeli; menü veya pencere içinde kullanıcı sıkışmamalıdır. Kontrolün yanında sayfada beklenen sırayı da değerlendirin.

Temsili kabul görevi: fare kullanmadan hizmet menüsünü açın, bir hizmete gidin, iletişim formunu doldurun ve hata varsa düzeltin. Açılan pencere kapandığında gezinmenin nereden devam ettiğini kaydedin. Bulguya yalnızca “klavye bozuk” yazmak yerine adımları ve etkilenen bileşeni belirtin.

Metin, görsel ve yapıyı birlikte inceleyin

Başlıklar içeriğin yapısını, bağlantı metni ise gidilecek yeri açıklamalıdır. WAI kaynakları görsel alternatifleri, renk kontrastı ve yakınlaştırmayı da ilk incelemeye dahil eder. Anlam taşıyan bir ürün çiziminin açıklaması ile yalnızca süs olan görselin ele alınışı aynı değildir.

İçerik ekibine bir ürün görseli, teknik şema ve ekip fotoğrafı vererek her birinin sayfadaki görevini açıklatın. Şemadaki önemli veriler yalnızca resmin üzerinde kalıyorsa metin veya veri tablosu hazırlayın. Küçük ekran ve büyütülmüş metinde başlıkların kesilip kesilmediğini gerçek içerikle kontrol edin.

Formu hata durumuyla tamamlayın

WAI form öğreticisi, alanların etiketlenmesini ve kullanıcıya anlaşılır talimat verilmesini ele alır. Bir alanın ne istediği ve hatanın nasıl düzeltileceği anlaşılmalıdır. Gönderim sonucunun kullanıcı tarafından fark edilebilmesini ayrıca kontrol edin.

Örnek görevde zorunlu bir alanı boş bırakın, geçersiz e-posta girin ve sonra düzeltin. Önceden yazılan metin kaybolmamalı; hata giderilince talep tamamlanabilmelidir. Dosya ekleme ve seçim alanlarını da gerçek iş akışına katın. Bu kontrollerde gerçek müşteri verisi yerine temsili bilgiler kullanın.

Bulguyu düzeltilebilir bir kayda dönüştürün

Ekran görüntüsü tek başına çoğu zaman yeterli değildir. Tekrar adımları, kullanıcı etkisi, beklenen davranış ve yeniden test sonucu aynı kayıtta bulunmalıdır. Önceliği yalnızca görsel kusurun büyüklüğüne göre değil, görevi engelleyip engellemediğine göre verin.

Temsili bulgu kayıtları
Görev ve sorunDüzeltme sahibiYeniden test
Menüde odak görünmüyorArayüz geliştiriciKlavye ile hizmete ulaşma
Ürün şeması yalnızca görselİçerik ve tasarımAçıklama ve veri eşleşmesi
Form hatası alanla ilişkisizForm geliştiriciHatadan başarılı gönderime geçiş
Büyütmede buton metni kesiliyorArayüz geliştiriciGerçek uzun metinle kontrol

Kontrolü içerik ve sürüm sürecine ekleyin

Otomatik araçlar bazı sorunları yakalayabilir; manuel incelemeyi ve kullanıcı görevlerini tamamlamaz. İçerik güncellemesiyle eklenen bir tablo veya yeni form alanı önceki kontrolün dışında kalabilir. Bu yüzden hangi değişiklikte hangi görevin tekrar test edileceğini belirleyin.

Düzeltme tamamlandı diye kaydı doğrudan kapatmayın. İlk hatayı üreten adımları yeniden çalıştırın ve sonucu kaydedin. Gerekli uzmanlık veya kapsam eksikse bunu açık iş olarak bırakın; sınırlı örneklemin sonucunu sitenin tümü için uygunluk iddiasına dönüştürmeyin.

Bu çalışmayı proje kapsamına bağlayın

Yayına alma kontrol listesi — bulguların yayın kararına etkisini belirleyin.

İçerik hazırlama rehberi — görsel ve metin sorumluluğunu netleştirin.

UYGULAMA ÖZETİ

Erişilebilirlik kontrolü: uygulama kontrolü

Test hazırlığı

  • Kritik görevler ve ara durumlar seçildi.
  • Cihaz, tarayıcı ve yöntem kayda alındı.

Kapanış

  • Her bulgunun sahibi ve kullanıcı etkisi yazıldı.
  • Düzeltmeler aynı görevle yeniden kontrol edildi.

SSS

Sık sorulan sorular

Otomatik test yeterli mi?

Hayır. Araç çıktıları manuel kontroller ve kullanıcı görevleriyle birlikte değerlendirilmelidir.

Tüm sayfalar tek tek incelenmeli mi?

Kapsam ve uygunluk hedefi belirleyicidir. Ortak şablonlar için örneklem başlangıç sağlayabilir; özgün akışlar ayrıca ele alınmalıdır.

Bu liste uygunluk belgesi verir mi?

Hayır. İlk inceleme ve görev takibi içindir. Uygunluk değerlendirmesinin standardı, kapsamı ve yöntemi ayrıca belirlenmelidir.

BİRİNCİL KAYNAKLAR

Kaynaklar ve İleri Okuma

YAZAR

Next Medya Strateji ve Teknoloji Ekibi

Web ve yazılım projeleri

Web projelerini içerik, kullanıcı görevleri ve teknik teslimlerle birlikte ele alan Next Medya ekibi. Bu rehberlerdeki tablolar ve senaryolar temsili çalışma örnekleridir; müşteri sonucu veya uygunluk belgesi değildir.

İLGİLİ HİZMET

Web Tasarım ve Dijital Deneyim

Web projenizin kapsamını birlikte netleştirelim

Mevcut sayfalarınızı, içerik sorumlularını ve tamamlanması gereken akışları birlikte değerlendirelim.

Projenizi görüşelim