Küçük İşletmeler İçin Web Sitesi Erişilebilirlik Kontrol Listesi (WCAG Tabanlı)

WCAG 2.2'ye dayalı pratik bir web sitesi erişilebilirlik kontrol listesi: klavye ve odak turu, metin, kontrast, form etiketleri ve hatalar, görsel metin alternatifleri, otomatik denetleyicilerin yakaladığı ile insan testinin farkı ve hukuki uyumluluk iddia etmeden bulguların nasıl kaydedileceği.

Bu kontrol listesi, bir küçük işletme sahibinin özel yazılım olmadan yaklaşık bir saatte yapabileceği kontrolleri kapsar: siteyi yalnızca klavyeyle kullanın, metin boyutunu ve kontrastı kontrol edin, her form alanının bir etiketi ve net hataları olduğunu kontrol edin ve görsellerin makul metin alternatiflerine sahip olduğunu kontrol edin. Çoğu yasa ve politikanın atıfta bulunduğu standart olan WCAG 2.2'ye ve W3C'nin kendi Kolay Kontrollerine dayanır. Geçmek bir siteyi hukuken uyumlu yapmaz; en yaygın engelleri bulur.

1. Klavye ve odak turu

Fareyi bir kenara koyun. Sayfanın üstünden altına Tab'a basın, sonra Shift+Tab ile geri gelin.

[ ] İlk Tab'da bir "İçeriğe geç" bağlantısı görünüyor (uzun menülerde yararlı)
[ ] Her bağlantıya, düğmeye ve form alanına Tab ile ulaşılabiliyor
[ ] Odağın nerede olduğunu her zaman görebiliyorsunuz (bir anahat veya vurgu)
[ ] Odak makul bir sırayla hareket ediyor, yukarıdan aşağıya, soldan sağa
[ ] Menü Enter veya Boşluk ile açılıyor ve Escape ile kapanıyor
[ ] Açılır pencereler klavyeyle kapatılabiliyor ve odak sayfaya dönüyor
[ ] Hiçbir şey odağı hapsetmiyor (her zaman Tab ile ilerleyebiliyorsunuz)
[ ] Yapışkan üstbilgiler odaklanılan öğeyi örtmüyor

2. Metin, kontrast, form etiketleri ve hatalar

[ ] Gövde metni normal yakınlaştırmada okunabilir (yaklaşık 16px veya daha büyük)
[ ] %200'e yakınlaştırın: hiçbir şey çakışmıyor veya kesilmiyor; yana kaydırma yok
[ ] Metin kontrastı en az 4.5:1 (büyük metin için 3:1) - bir araçla kontrol edin
[ ] Bağlantılar metinden yalnızca renkten fazlasıyla ayırt edilebiliyor
[ ] Her form alanının görünür bir etiketi var (yer tutucu metin etiket değildir)
[ ] Zorunlu alanlar yalnızca renkle değil metinle işaretli
[ ] Hatalar neyin yanlış gittiğini ve nasıl düzeltileceğini alanın yanında söylüyor
[ ] Düğmeler ne yaptıklarını söylüyor ("Talep gönder", "Gönder" veya yalnızca bir simge değil)
[ ] Sayfa dili ayarlı ve başlıklar sırayla gidiyor (H1, H2, H3)

Renk çiftlerini renk kontrastı denetleyicisiyle kontrol edin. Kontrast rakamları WCAG'nin kontrast (asgari) ölçütünden gelir.

3. Görsel amacı ve metin alternatifleri

W3C'nin alt metin karar ağacı uç durumları kapsar.

4. Otomatik kontroller ve insan testi

Otomatik denetleyicilerin bulduğuYalnızca bir insanın yargılayabildiği
Eksik alt öznitelikleriAlt metnin gerçekten yararlı olup olmadığı
Düz arka planlarda düşük kontrastFotoğraflar ve video üzerindeki metnin kontrastı
Etiketsiz form alanlarıEtiketlerin ve hataların mantıklı olup olmadığı
Eksik sayfa dili, boş bağlantılarKlavye sırası, odak görünürlüğü, tuzaklar
Atlanmış başlık düzeyleriBaşlıkların içeriği anlatıp anlatmadığı

Önce otomatik bir kontrol çalıştırın (web sitesi notlandırıcısı temel erişilebilirlik kontrolleri içerir; W3C bir değerlendirme araçları listesi tutar), sonra yukarıdaki elle turu yapın. Müşterileriniz arasında engelli birçok insan varsa engelli kullanıcılarla testi için ödeme yapın.

Doldurulmuş bulgular günlüğü (etiketli bir gösterim)

Kurgusal bir işletme, "Harbour Line Plumbing". Gerçek bir şirket değildir; bu biçimi gösterir, sonuçları değil.

Kontrol tarihi: [tarih]   Kontrol eden: sahibi   Sayfalar: Ana Sayfa, Hizmetler, İletişim
Tarayıcı/cihazlar: yalnızca dizüstü klavyesi; ekran okuyucu açık telefon
#  Sayfa     Sorun                                   WCAG ref     Düzeltildi mi?
1  Ana Sayfa Arama simgesinin etiketi yok ("düğme")  4.1.2        evet
2  Ana Sayfa Ana bölüm fotoğrafı üstünde beyaz metin okunması zor 1.4.3  evet, daha koyu katman
3  İletişim  Posta kodu alanı etiketi yalnızca yer tutucu 3.3.2     evet
4  İletişim  Hata yalnızca "Geçersiz" diyor            3.3.1        evet, "Bir telefon numarası girin"
5  Hizmetler Galeri fotoğrafları alt = dosya adları    1.1.1        evet
6  Tümü      Menü bağlantılarında görünür odak yok     2.4.7        açık - oluşturucuya iletildi
Test edilmedi: video altyazıları (sitede video yok)
BOŞ
Tarih / kontrol eden / sayfalar / tarayıcılar ve cihazlar:
#  Sayfa  Sorun  WCAG ref  Düzeltildi mi? (evet / açık + not)
Test edilmedi:

5. Hukuki uyumluluk iddia etmeden bulguları belgeleyin

We.Inc oluşturucusunda sayfadaki etiketleri ve metni düzeltmek için kullanılan tıkla-düzenle
We.Inc oluşturucusunda etiketleri ve metni yerinde düzeltme.

Sonraki adım

We.Inc web sitesi oluşturucusunda bir iş şablonundan başlayın, ardından yayınlamadan önce bu kontrol listesini ve web sitesi notlandırıcısını çalıştırın. Ücretsiz plan bir we.inc adresinde 3 şablon siteye kadar verir (yapay zeka kredisi yok, özel alan adı yok); Starter ayda $20'dan yapay zeka ile kurulum ve özel alan adları ekler (fiyatlandırma). Düzeltmeler veya yeniden yapım için bütçe mi yapıyorsunuz? Web sitesi maliyet hesaplayıcısını kullanın.

İş web sitenizi kurmaya başlayın

Sıkça sorulan sorular

Bir web sitesi erişilebilirlik kontrol listesi hangi standardı izlemeli?

AA düzeyinde WCAG 2.2, çoğu yasa ve politikanın atıfta bulunduğu standarttır. Bu kontrol listesi, her ölçütü değil, en yaygın küçük işletme sorunlarını kapsar.

Otomatik bir denetleyici sitemi erişilebilir kılabilir mi?

Hayır. Otomatik araçlar eksik öznitelikleri ve bazı kontrast sorunlarını yakalar, ancak klavye kullanımını, odağı ve etiketlerin ile alt metnin mantıklı olup olmadığını bir insan kontrol etmelidir.

Bu kontrol listesini geçmek web sitemi ADA uyumlu yapar mı?

Hiçbir kontrol listesi hukuki uyumluluğu garanti edemez. Tarihli bir günlük tutun, dürüst bir erişilebilirlik beyanı yayınlayın ve yükümlülükleriniz hakkında bir avukata sorun.

Ücretsiz başlayın · Kredi kartı gerekmez

Product

Who It's For

Features

Resources

Company

View Sitemap