Ana Sayfa · Akademi · Tasarla ve Paylaş · Kullanıcı Deneyimi ve Erişilebilir Tasarım · Proje: DorukVatansever.com Erişilebilirlik Denetimi

Proje: DorukVatansever.com Erişilebilirlik Denetimi

Bu proje DorukVatansever.com üzerinde otomatik araç, klavye testi, erişilebilirlik ağacı, kontrast ölçümü ve gerçek görev tıklaması kullanarak önceliklendirilmiş bir erişilebilirlik denetimi üretir.

PROJE PUSULASI

Bu sayfayı ne için kullanacaksın?

Ana fikir

Bu proje DorukVatansever.com üzerinde otomatik araç, klavye testi, erişilebilirlik ağacı, kontrast ölçümü ve gerçek görev tıklaması kullanarak önceliklendi

Üretilecek kanıt

Sayfanın uygulama görevini kendi girdin, test koşulun ve gerekçenle tamamla.

Kontrol tuzağı

Yaygın hata Neden sorun? Düzeltme kontrolü Yalnız otomatik puana güvenmek Ana sayfa, modül merkezi, ders, quiz ve galeri gibi sayfa türleri seçilir. Kapsam ve örneklem ilkesine dön; test matrisi. üret ve “Proje: DorukVatansever.com Erişilebilirlik Denetimi” kararını yeniden sınırla. Bütün 366 sayfayı elle test…

Sonraki bağlantı

Kanıt dosyası ve revizyon notu tamamlandıktan sonra sıradaki içerik <strong>Proje: Çoklu Uyarı Veren Erişilebilir Alarm Prototipi</strong>. Uygulama yapılmadıysa sayfa plan olarak kalır; tamamlanmış Doruk projesi gibi işaretlenmez.

Modül kaynakları: WCAG 2.2 · WAI Tutorials

SeviyeBaşlangıç–Orta
Yaş10–15
Süre3–5 oturum
Ön koşulÖnceki ders önerilir
İçerikProje rehberi · 1886 kelime
Son güncelleme

Proje özeti

Bu proje DorukVatansever.com üzerinde otomatik araç, klavye testi, erişilebilirlik ağacı, kontrast ölçümü ve gerçek görev tıklaması kullanarak önceliklendirilmiş bir erişilebilirlik denetimi üretir. Bu bölümde noktayı özellikle “Proje özeti” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.

“Proje: DorukVatansever.com Erişilebilirlik Denetimi” bitmiş kişisel başarı iddiası değildir; uygulanabilir eğitim projesidir. Doruk’un “Proje: DorukVatansever.com Erişilebilirlik Denetimi” çalışmasını gerçekten uyguladığına ilişkin fotoğraf, model dosyası, kod, test verisi ve veli/site yöneticisi onayı yoksa yalnız proje rehberi olarak kalır.

Neden bu proje?

Yalnız “0 kırık link” sonucu sitenin kullanılabilir olduğunu göstermez. Görünmez katman, düşük kontrast, yanlış rol veya odak sorunu gibi hatalar gerçek tarayıcı ve insan göreviyle bulunur.

Örnek başlangıç: Önceki sürümde bağlantı adresleri doğru olsa da görünmez mobil menü katmanı kart tıklamalarını yakalıyordu. Proje, statik bağlantı taramasıyla gerçek tıklama testini birlikte kullanarak bu tür farkı görünür kılıyor.

Bu başlangıç sonucu önceden doğrulamaz. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesi, en sevilen fikri haklı çıkarmak yerine kullanıcının görevi, fiziksel/arayüz sınırı ve test kanıtı üzerinden seçenekleri karşılaştırır.

Proje kazanımları

  • Kapsam ve örneklem
  • Otomatik kontrol
  • Elle görev testi
  • Önceliklendirme
  • Sürüm ve kanıt dosyası hazırlamak
  • Sınırlılık ile sonraki sürümü yazmak

Proje kararları

1. Kapsam ve örneklem

Ana sayfa, modül merkezi, ders, quiz ve galeri gibi sayfa türleri seçilir. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.

Konuya özel örnek: Her şablondan en az iki sayfa.

Beklenen kanıt: Test matrisi. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.

Sınır sorusu: “Proje: DorukVatansever.com Erişilebilirlik Denetimi” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir.

2. Otomatik kontrol

Başlık, isim, kontrast ve temel WCAG sorunları araçla taranır. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.

Konuya özel örnek: Lighthouse/axe benzeri sonuçlar.

Beklenen kanıt: Araç raporu. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.

Sınır sorusu: “Proje: DorukVatansever.com Erişilebilirlik Denetimi” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “2. Otomatik kontrol” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.

3. Elle görev testi

Klavye, yakınlaştırma, menü ve kart tıklaması gerçek davranışla sınanır. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.

Konuya özel örnek: Kart merkezine tıklayıp açılan URL’yi kontrol etmek.

Beklenen kanıt: Tarayıcı kayıtları. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.

Sınır sorusu: “Proje: DorukVatansever.com Erişilebilirlik Denetimi” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “3. Elle görev testi” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.

4. Önceliklendirme

Etki, tekrar sıklığı ve düzeltme maliyetiyle bulgular sıralanır. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.

Konuya özel örnek: Tıklanamayan kart kritik; küçük dekoratif alt metin düşük.

Beklenen kanıt: Bulgu tablosu. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.

Sınır sorusu: “Proje: DorukVatansever.com Erişilebilirlik Denetimi” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “4. Önceliklendirme” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.

Örnek proje akışı

Başlangıç vakası: Önceki sürümde bağlantı adresleri doğru olsa da görünmez mobil menü katmanı kart tıklamalarını yakalıyordu. Proje, statik bağlantı taramasıyla gerçek tıklama testini birlikte kullanarak bu tür farkı görünür kılıyor.

İlk adımda tasarımcının ne anlatmak istediği değil, kapsam ve örneklem ve otomatik kontrol açısından kullanıcının ne görebildiği, duyabildiği, odaklayabildiği veya tamamlayabildiği kaydedilir. Kullanıcıya yolu söylemek yerine gerçek davranış gözlenir.

Alternatif üretme: Kart merkezine tıklayıp açılan URL’yi kontrol etmek. örneği farklı cihaz, yakınlaştırma, klavye ve algı koşullarında sınanır. Bir çözüm yalnız fare ve yüksek çözünürlüklü masaüstünde çalışıyorsa kapsayıcı sayılmaz.

Test ve revizyon: Önceliklendirme ile başarının ölçüsü yazılır. Otomatik araç sonucu, klavye görevi, gerçek tıklama ve kullanıcı gözlemi birbirini tamamlar. Revizyon, sorunu kişiye yüklemek yerine arayüzün rol, kontrast, durum veya geri dönüş eksikliğini düzeltir.

Karşı örnekle derinleştirme

“Proje: DorukVatansever.com Erişilebilirlik Denetimi” senaryosundaki bir koşulu bilinçli biçimde değiştir: cihazı mobilden masaüstüne, malzemeyi kartondan plastiğe, fareyi klavyeye, aydınlık ortamı güneş ışığına veya tek kullanıcıyı farklı bir kullanıcı grubuna çevir. Sonucun neden değişmesini beklediğini önce yaz; ardından aynı test adımlarını uygula. Tahminin tutmadığı durumda başarısızlığı gizleme. Hangi varsayımın yanlış olduğunu ve bir sonraki sürümün hangi kanıtı üretmesi gerektiğini belirt.

Bu karşı örnek, “Proje: DorukVatansever.com Erişilebilirlik Denetimi” bilgisini yalnız ders içinde geçerli bir tarif olmaktan çıkarır. Aynı kavramı yeni koşulda koruyabilmek için hangi ölçütün sabit, hangisinin yeniden tanımlanması gerektiğini gösterir.

Adım adım proje planı

1. İhtiyaç ve görev

Yalnız “0 kırık link” sonucu sitenin kullanılabilir olduğunu göstermez. Görünmez katman, düşük kontrast, yanlış rol veya odak sorunu gibi hatalar gerçek tarayıcı ve insan göreviyle bulunur. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

2. Ölçütler, kısıtlar ve güvenlik

Testler kopya veya yerel ön izleme üzerinde yapılmalı; gerçek kullanıcı verisi, form gönderimi veya kalıcı silme işlemi kullanılmamalıdır. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

3. Alternatifler ve düşük riskli prototip

Sayfa türü ve viewport test matrisini hazırla. Otomatik tarama ve başlık/kontrast kontrolü yap. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

4. Uygulama ve ham kayıt

Yalnız klavyeyle temel görevleri tamamla. Kartların merkezine gerçek tıklama yapıp hedef URL’yi kaydet. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

5. Test, hata ve karşılaştırma

Bulguları etki ve sıklığa göre önceliklendir. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

6. Revizyon ve yayın kanıtı

Düzeltme sonrası aynı testi yeniden çalıştır. Denetim şablonu başka eğitim sitelerine, proje panolarına veya robot kontrol arayüzlerine uygulanabilir. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesinin bu aşaması tarihli bir çizim, tablo, ekran görüntüsü, test kaydı veya karar notuyla kapanır; yalnız sözlü “tamamlandı” ifadesi kanıt sayılmaz.

  1. 1. adım: Sayfa türü ve viewport test matrisini hazırla.
  2. 2. adım: Otomatik tarama ve başlık/kontrast kontrolü yap.
  3. 3. adım: Yalnız klavyeyle temel görevleri tamamla.
  4. 4. adım: Kartların merkezine gerçek tıklama yapıp hedef URL’yi kaydet.
  5. 5. adım: Yüzde 125 yakınlaştırma ve mobil menü açık/kapalı durumunu dene.
  6. 6. adım: Bulguları etki ve sıklığa göre önceliklendir.
  7. 7. adım: Düzeltme sonrası aynı testi yeniden çalıştır.
6. Revizyon ve yayın kanıtı tablosu
Karar alanıKontrol örneğiKanıtYorumlama ölçütü
Kapsam ve örneklemHer şablondan en az iki sayfa.Test matrisi.Ana sayfa, modül merkezi, ders, quiz ve galeri gibi sayfa türleri seçilir.
Otomatik kontrolLighthouse/axe benzeri sonuçlar.Araç raporu.Başlık, isim, kontrast ve temel WCAG sorunları araçla taranır.
Elle görev testiKart merkezine tıklayıp açılan URL’yi kontrol etmek.Tarayıcı kayıtları.Klavye, yakınlaştırma, menü ve kart tıklaması gerçek davranışla sınanır.
ÖnceliklendirmeTıklanamayan kart kritik; küçük dekoratif alt metin düşük.Bulgu tablosu.Etki, tekrar sıklığı ve düzeltme maliyetiyle bulgular sıralanır.

Kanıt paketi: Sayfa/viewport matrisi, otomatik rapor, klavye ve tıklama sonuçları, ekran görüntüleri, öncelik tablosu ve regresyon sonucu saklanır.

Uygulama boyunca yalnız başarılı son ekran saklanmaz. Başlangıç sürümü, hata belirtisi, test yöntemi, düzeltme ve yeniden test sonucu yan yana tutulur. Böylece “Proje: DorukVatansever.com Erişilebilirlik Denetimi” için yapılan değişiklik estetik tercih değil, kanıtla açıklanan tasarım kararı olur.

Erişilebilirlik kaydı: “Proje: DorukVatansever.com Erişilebilirlik Denetimi” için cihaz, tarayıcı, giriş yöntemi, yakınlaştırma ve test görevi yazılır. Otomatik puan tek başına sonuç sayılmaz; en az bir klavye veya gerçek görev kontrolü eklenir.

Aktarım görevi: Denetim şablonu başka eğitim sitelerine, proje panolarına veya robot kontrol arayüzlerine uygulanabilir. Bu yeni bağlamda ölçütleri kopyalamadan önce kullanıcı, cihaz, malzeme, üretim yöntemi ve risk sınırlarını yeniden yaz.

Proje riskleri ve sık hatalar

Proje riskleri ve sık hatalar tablosu
Yaygın hataNeden sorun?Düzeltme kontrolü
Yalnız otomatik puana güvenmekAna sayfa, modül merkezi, ders, quiz ve galeri gibi sayfa türleri seçilir.Kapsam ve örneklem ilkesine dön; test matrisi. üret ve “Proje: DorukVatansever.com Erişilebilirlik Denetimi” kararını yeniden sınırla.
Bütün 366 sayfayı elle test ettiğini kanıtsız söylemekBaşlık, isim, kontrast ve temel WCAG sorunları araçla taranır.Otomatik kontrol ilkesine dön; araç raporu. üret ve “Proje: DorukVatansever.com Erişilebilirlik Denetimi” kararını yeniden sınırla.
Sorunu kullanıcı hatası olarak yazmakKlavye, yakınlaştırma, menü ve kart tıklaması gerçek davranışla sınanır.Elle görev testi ilkesine dön; tarayıcı kayıtları. üret ve “Proje: DorukVatansever.com Erişilebilirlik Denetimi” kararını yeniden sınırla.
Düzeltme sonrası regresyon testi yapmamakEtki, tekrar sıklığı ve düzeltme maliyetiyle bulgular sıralanır.Önceliklendirme ilkesine dön; bulgu tablosu. üret ve “Proje: DorukVatansever.com Erişilebilirlik Denetimi” kararını yeniden sınırla.

“Proje: DorukVatansever.com Erişilebilirlik Denetimi” sırasında başarısız prototip, erişilemeyen görev, yanlış ölçü veya beklenmeyen kullanıcı davranışı saklanır. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” içindeki bu bulgu sonraki sürümün hedefini oluşturur; yalnız en iyi ekranı veya tek başarılı denemeyi seçmek proje güvenilirliğini azaltır.

Güvenlik ve yayın sınırı

Testler kopya veya yerel ön izleme üzerinde yapılmalı; gerçek kullanıcı verisi, form gönderimi veya kalıcı silme işlemi kullanılmamalıdır.

<strong>Proje kanıt paketi:</strong> Sayfa/viewport matrisi, otomatik rapor, klavye ve tıklama sonuçları, ekran görüntüleri, öncelik tablosu ve regresyon sonucu saklanır.

“Proje: DorukVatansever.com Erişilebilirlik Denetimi” uygulaması yayımlanacaksa başka kişilerin yüzü, sesi, okul bilgisi, erişilebilirlik ihtiyacı veya özel verisi açık izin olmadan paylaşılmaz.

Teslim ölçütleri

Proje yalnız son model veya ekranla tamamlanmış sayılmaz. Problem, alternatifler, ölçütler, test, hata, revizyon ve güvenlik kanıtları birlikte bulunmalıdır. Denetim şablonu başka eğitim sitelerine, proje panolarına veya robot kontrol arayüzlerine uygulanabilir.

Proje kontrol soruları

  1. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” konusunun temel amacı nedir?
  2. Kapsam ve örneklem neden ilk adımda açıkça yazılmalıdır?
  3. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” senaryosunda hangi kanıt ilk varsayımı sınar?
  4. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” çalışmasında hangi hata sonucu yanıltabilir?
  5. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” için güvenlik veya mahremiyet sınırı nedir?
  6. “Proje: DorukVatansever.com Erişilebilirlik Denetimi” bilgisi başka bir projeye nasıl aktarılır?

Açıklamalı cevaplar

  1. Bu proje DorukVatansever.com üzerinde otomatik araç, klavye testi, erişilebilirlik ağacı, kontrast ölçümü ve gerçek görev tıklaması kullanarak önceliklendirilmiş bir erişilebilirlik denetimi üretir.
  2. Ana sayfa, modül merkezi, ders, quiz ve galeri gibi sayfa türleri seçilir. Bu nedenle test matrisi. hazırlanır ve karar yalnız kişisel yoruma bırakılmaz.
  3. Önceki sürümde bağlantı adresleri doğru olsa da görünmez mobil menü katmanı kart tıklamalarını yakalıyordu. Proje, statik bağlantı taramasıyla gerçek tıklama testini birlikte kullanarak bu tür farkı görünür kılıyor. durumunda otomatik kontrol ile ilişkili araç raporu. ilk varsayımı görünür kılar.
  4. Yalnız otomatik puana güvenmek. Düzeltmek için elle görev testi ilkesine dönülür ve tarayıcı kayıtları. üretilir.
  5. Testler kopya veya yerel ön izleme üzerinde yapılmalı; gerçek kullanıcı verisi, form gönderimi veya kalıcı silme işlemi kullanılmamalıdır.
  6. Denetim şablonu başka eğitim sitelerine, proje panolarına veya robot kontrol arayüzlerine uygulanabilir.

Kaynak ve doğrulama notları

“Proje: DorukVatansever.com Erişilebilirlik Denetimi” projesi aşağıdaki kaynaklarla temellendirilmiştir. Fiziksel araç, yazıcı, kart veya tarayıcı kullanılıyorsa üretici belgesi ve sürüm bilgisi proje tarihinde ayrıca doğrulanmalıdır.

Sonraki adım

Kanıt dosyası ve revizyon notu tamamlandıktan sonra sıradaki içerik <strong>Proje: Çoklu Uyarı Veren Erişilebilir Alarm Prototipi</strong>. Uygulama yapılmadıysa sayfa plan olarak kalır; tamamlanmış Doruk projesi gibi işaretlenmez.

SORU HAVUZU

Bu dersi 10 soruyla pekiştir

Bu ders için 24 soruluk bir havuz hazırlandı. Her başlangıçta 10 soru ve seçenek sıraları yeniden seçilir; sonuçlar yalnız bu tarayıcıda kalır.