Yayın belgesi

Sanat Tarihi Akademisi — Erişilebilirlik ve Kapsayıcı Deneyim Standardı

62 bölüm · 08-erisebilirlik-ve-kapsayici-deneyim-standardi.md

Sürüm: 1.0

Hedef: WCAG 2.2 AA; otomatik kontrol + uzman incelemesi + engelli kullanıcı testleri

Dayanak: W3C Web Content Accessibility Guidelines 2.2

WCAG uyumu bir son çizgi değildir. W3C de en yüksek uygunluk düzeyinin bütün kullanıcı ihtiyaçlarını karşılamayacağını belirtir. Akademi, standart testlerine ek olarak özellikle görsel sanat, bilişsel yük ve çok duyulu öğrenme ihtiyaçlarını kullanıcılarla test eder.

1. Dört temel ilke

Algılanabilir

İçerik tek bir duyuya bağlı kalmaz. Görsellerin anlamlı metin alternatifleri, videonun altyazısı/transkripti, sesin metin karşılığı bulunur.

Kullanılabilir

Bütün ana işlevler klavye, dokunma ve yardımcı teknolojiyle çalışır. Sürükleme, hassas işaretleme veya zaman baskısı tek yöntem değildir.

Anlaşılabilir

Dil, navigasyon, yardım ve hata davranışı tutarlıdır. Terimler açıklanır; formlar hatayı yalnızca renkle göstermez.

Sağlam

Semantik yapı ve erişilebilir adlar farklı tarayıcılar ve yardımcı teknolojiler tarafından güvenilir biçimde yorumlanabilir.

2. Kurumsal erişilebilirlik taahhüdü

Sanat Tarihi Akademisi:

  • Yeni bileşenleri erişilebilirlik kabul ölçütü olmadan yayımlamaz.
  • WCAG 2.2 AA’yı asgari ürün hedefi olarak kullanır.
  • Otomatik araç sonucunu “erişilebilir” sertifikası saymaz.
  • Ekran okuyucu, klavye, büyütme, sesle kontrol ve gerçek kullanıcı testleri yapar.
  • Erişilebilirlik bildirimi ve kolay sorun bildirme yolu sunar.
  • Engelleyici sorunlarda makul geçici alternatif sağlar.
  • Üçüncü taraf içerik engellerini açıklar ve mümkünse eşdeğer sunar.

3. Sayfa yapısı

Semantik bölgeler

  • header
  • nav
  • main
  • Gerekirse anlamlı aside
  • footer

Her sayfada tek ana h1; başlık düzeyleri atlanmadan içerik hiyerarşisini yansıtır. Görsel büyüklük başlık anlamını belirlemez.

Atlama bağlantıları

En az:

  • Ana içeriğe geç
  • Ders içeriğine geç
  • Arama sonuçlarına geç

Uzun sayfada bölüm içindekileri ve “sayfanın başına dön” bağlantısı bulunur.

Sayfa adı

Tarayıcı başlığı sayfanın özgül adını ve Akademi adını içerir:

Las Meninas — Eser Kaydı | Sanat Tarihi Akademisi

4. Klavye ve odak

  • Bütün eylemler standart klavye etkileşimiyle kullanılabilir.
  • Odak sırası görsel/okuma sırasıyla uyumludur.
  • Odak göstergesi görünür ve arka plan tarafından örtülmez.
  • Yapışkan başlık, açılır panel veya çerez bandı odağı gizlemez.
  • Modal açıldığında odak içine taşınır; kapatıldığında çağıran öğeye döner.
  • Escape ile kapatma, kapatma düğmesinin yerini almaz; ikisi de sunulur.
  • Klavye tuzağı bulunmaz.
  • Özel kısayollar kullanıcı tarafından kapatılabilir veya yeniden atanabilir.

Sürükleme alternatifi

Zaman çizelgesine eser yerleştirme gibi etkinliklerde:

  • Öğeyi seç
  • Hedefi seç
  • “Buraya taşı”

akışı veya açılır seçim alternatifi bulunur.

5. Görsel alternatif sistemi

Sanat tarihi sitesinde tek bir kısa alt metni her ihtiyacı karşılamaz. Üç katman kullanılır.

Katman A — Kısa alt metin

Görselin bu sayfadaki işlevini 1–2 cümlede aktarır. Her metadata alanını tekrar etmez.

Örnek:

Loş saray odasında açık renk elbiseli küçük prenses ve çevresindeki görevliler durur; solda ressam büyük bir tuvalin arkasından izleyiciye bakar.

Katman B — Uzun görsel açıklaması

Kompozisyon, mekân, figür ilişkileri, renk/ışık ve ders için önemli ayrıntıları mantıklı sırada açıklar. Ayrı açılabilir metin veya görünür bölüm olarak sunulur.

Katman C — Analitik açıklama

Dersin savıyla ilgili ayrıntıları yorumlar. Alt metnin yerine geçmez; görsel analizin kendisidir.

Alt metin kararları

  • Bilgi taşıyan basit görsel: kısa anlamlı açıklama
  • Karmaşık görsel/harita/grafik: kısa özet + sayfada tam metin/tablo alternatifi
  • İşlevsel simge/görsel düğme: görüntüyü değil eylemi adlandır
  • Yakındaki metni tamamen tekrarlayan görsel: boş alt
  • Saf dekorasyon: boş alt ve yardımcı teknolojiden gizleme
  • Metin içeren görsel: metin başka yerde yoksa metni aktar

Bu yaklaşım W3C WAI’nin alt metin karar ağacı ile uyumludur.

Sanat görseli için yazım sırası

  1. Eser türü ve genel sahne
  2. Ana figür/biçim ve konum
  3. Mekân ve kompozisyon
  4. Renk, ışık ve yüzey
  5. Ders için gerekli küçük ayrıntılar
  6. Görülemeyen veya belirsiz olanlar

Kaçınılacaklar

  • “Bir resim görseli” gibi işlevsiz tekrar
  • Kimliği yalnızca dosya adından varsaymak
  • Yorumu doğrudan görülen özellik gibi yazmak
  • Ten, engellilik veya cinsiyet hakkında gereksiz/kanıtsız varsayım
  • Görselin bütün metadata tablosunu alt metne doldurmak

6. Görsel görüntüleyici

  • Yakınlaştırma düğmeleri metin etiketli ve klavye erişimli
  • Fare tekerleğine bağımlı değil
  • Sürükleme olmadan yön düğmeleri/alternatif gezinme
  • Sıfırlama ve tam ekran çıkışı görünür
  • Yakınlaştırılmış bölgenin adı veya koordinatı anlaşılır
  • Görsel yüklenmezse alt metin ve eser verisi kalır
  • Düşük bant genişliğinde daha küçük sürüm
  • IIIF dış görüntüleyici erişilebilir değilse statik görsel ve uzun açıklama alternatifi
  • Teknik görüntülerde UV/IR gibi görüntü türü renk dışında metinle belirtilir

7. Renk, kontrast ve tipografi

Kontrast

  • Normal metin: en az 4.5:1
  • Büyük metin: en az 3:1
  • Kullanıcı arayüzü ve anlamlı grafik öğeleri: en az 3:1
  • Devre dışı bileşen istisnası tasarım gerekçesi olarak kötüye kullanılmaz

Renk

Renk tek bilgi taşıyıcı değildir. Dönem, kesinlik, doğru/yanlış veya seçili durum için metin, simge, desen veya biçim eklenir.

Metin

  • Kullanıcı %200 metin büyütmede işlev kaybı yaşamaz.
  • 320 CSS piksel genişlikte yatay sayfa kaydırma gerektirmeyen yeniden akış hedeflenir; iki boyutlu sanat görseli ve tablo için kontrollü istisna/alternatif sağlanır.
  • Satır uzunluğu çoğunlukla 45–80 karakter.
  • Paragraf ve başlık aralıkları okunabilir.
  • Kullanıcı metin aralığını artırdığında içerik kırılmaz.
  • Görüntü içinde metin yerine gerçek metin kullanılır.

Yazı biçimleri

  • Gövde metninde okunaklı, ayırt edilebilir harf biçimleri
  • İtalik uzun pasajlardan kaçınma
  • Tamamı büyük harf yalnızca çok kısa etiket
  • Altı çizgi bağlantı dışında dikkatli kullanım

8. Hareket ve animasyon

  • Otomatik başlayan hareketten kaçınılır.
  • Beş saniyeden uzun hareket durdurulabilir.
  • prefers-reduced-motion tercihi desteklenir.
  • Paralaks zorunlu içerik taşımaz.
  • Yanıp sönme eşiklerine uyulur.
  • Zaman çizelgesi yakınlaştırması anlık alternatife sahip olur.
  • Animasyon kapatıldığında bilgi kaybolmaz.

9. Video ve ses

Önceden kaydedilmiş video

  • Eşzamanlı altyazı
  • Düzenlenmiş tam transkript
  • Görsel bilgi konuşmada açıklanmıyorsa sesli betimleme veya eşdeğer medya alternatifi
  • Bölüm başlıkları/zaman kodları
  • Oynatıcı klavye erişimi
  • Hız ayarı; ses tonu bozulmadan
  • Otomatik oynatma kapalı
  • Arka plan müziği konuşmayı örtmez

Altyazı standardı

  • Konuşmayı doğru aktarır
  • Konuşmacı değişimini belirtir
  • Anlamlı ses ve müziği açıklar
  • Ekrandaki önemli metni içerir
  • Otomatik altyazı insan tarafından düzeltilir
  • Satır uzunluğu ve ekranda kalma süresi okunabilir

Transkript

  • Başlık yapısı
  • Konuşmacı adları
  • Görsel açıklamalar
  • Zaman kodları
  • İndirilebilir/sayfada okunabilir biçim

Canlı yayın

Canlı altyazı, erişilebilir soru-cevap ve kayıt sonrası düzeltilmiş transkript planlanmadan zorunlu öğrenme etkinliği yapılmaz.

10. Zaman çizelgesi, harita ve bilgi grafikleri

Zaman çizelgesi

  • Klavye ile ölçek değiştirme
  • Dönem/olayların liste ve tablo görünümü
  • Tarih aralıklarının metin karşılığı
  • Belirsizlik renk dışında desen/etiketle
  • Eşzamanlı bölgelerin anlamlı okuma sırası

Harita

  • Sonuçların tam metin listesi
  • Koordinat dışında yer adı ve bağlam
  • Yakınlaştırma olmadan filtre ve arama
  • İşaretçi kümelerinin sayısal/metinsel özeti
  • Renk körlüğüne uygun katmanlar
  • Haritada çizilen rotanın metin olay dizisi

Grafik

  • Başlık ve amaç
  • Ana çıkarımların metin özeti
  • Veri tablosu
  • Eksen ve birimler
  • Desen/etiket
  • İndirilebilir erişilebilir veri

11. Formlar ve hata yönetimi

  • Her girişin görünür etiketi
  • Yer tutucu etiket yerine geçmez
  • Zorunlu alan metinle belirtilir
  • Talimat hata oluşmadan önce
  • Hata, alanla programatik ilişkilendirilir
  • Hata özeti sayfa başında; bağlantı ilgili alana götürür
  • Yanlış veriyi silmeden düzeltme önerisi
  • Hukuki, mali veya veri kaybı işlemlerinde inceleme/geri alma/onay
  • Aynı bilgiyi süreç içinde yeniden girmek zorunda bırakmama
  • Durum mesajı ekran okuyucuya duyurulur

Örnek:

E-posta adresinde @ işareti eksik. Örnek: ad@ornek.com

Kullanma: “Geçersiz giriş.”

12. Kimlik doğrulama

  • Parola yöneticisi ve yapıştırma engellenmez.
  • Yalnızca görsel bulmaca/CAPTCHA kullanılmaz.
  • Erişilebilir kimlik doğrulama seçeneği bulunur.
  • Gereksiz bilişsel test zorunlu olmaz.
  • Oturum süresi dolmadan uyarı ve uzatma olanağı
  • Yeniden girişte kaydedilmemiş çalışma korunur veya kullanıcı açıkça uyarılır

13. Ders ve değerlendirme erişilebilirliği

Ders

  • Video, metin ve transkript arasında eşdeğer temel bilgi
  • Görsel bağımlı soruda uygun açıklama; ölçülen beceriyi bozmayan alternatif
  • Uzun metinde özet ve içindekiler
  • Terim sözlüğüne bağlanan ilk kullanım
  • İndirilebilir içerikte erişilebilir PDF/EPUB veya HTML önceliği

Değerlendirme

  • Süre gerekiyorsa gerekçeli; uyarlama
  • Sürükleme/hassas işaretleme alternatifi
  • Soru başına açık başlık ve konum
  • Cevap kaydetme durumu
  • Otomatik gönderim öncesi uyarı
  • Geri bildirim renk/simge dışında metinle
  • Ekran okuyucuda doğru cevap açıklamasının anlaşılır sırası

Görsel analiz uyarlaması

Bir değerlendirme özellikle görsel algıyı ölçüyorsa öğrenme sonucu açıkça belirtilir. Görme engelli öğrenci için hedef, aynı görevi yapmaya zorlamak değil; dokunsal, sözel, mekânsal veya küratöryel alternatifle eşdeğer üst yeterliği göstermek olabilir. Bu karar bireysel ve uzman danışmanlığıyla verilir.

14. Bilişsel erişilebilirlik

  • Her sayfada tek ana amaç
  • Uzun işlemlerde adım göstergesi
  • Tutarlı etiket ve yerleşim
  • Açık eylem fiilleri
  • Kısa özet + derinleşme katmanı
  • Terim tanımı ve telaffuz
  • Gereksiz zaman baskısı yok
  • Otomatik hareket ve dikkat dağıtıcı bildirim sınırlı
  • Taslak kaydı
  • Geri alınabilir eylemler
  • Sade dil sürümü; akademik ayrıntıyı silmeden
  • “Şimdi ne yapmalıyım?” yönlendirmesi

Okuma desteği

  • Satır aralığı ve yazı boyutu tercihi
  • Odak okuma modu
  • Metni dinleme seçeneği; insan tarafından kontrol edilen telaffuz sözlüğü
  • Paragraf bağlantılarında açık işaretler
  • Kısaltmaların ilk kullanımda açılması

15. Dil ve telaffuz

  • Sayfanın ana dili programatik olarak tr.
  • Yabancı dil parçası uygun dil etiketi taşır.
  • Özgün adlar kendi yazısıyla ve gerektiğinde Türkçe okunuş desteğiyle sunulur.
  • Tek bir “doğru” telaffuz olmayan tarihsel dillerde varyant belirtilir.
  • Türkçeye yerleşmiş ad ile özgün ad aramada birlikte çalışır.
  • Çeviri kavramı tam karşılamıyorsa kısa not verilir.

16. Hassas içerik erişimi

İçerik uyarısı:

  • Belirsiz “rahatsız edici olabilir” yerine içerik türünü söyler.
  • Kullanıcıya görseli atlayıp metne devam etme seçeneği verir.
  • Uyarı, eğitim içeriğini erişilemez kılan aşırı engel olmaz.
  • Tercih hesapta saklanabilir; kullanıcı değiştirir.
  • Sosyal paylaşım ve arama küçük görselinde hassas görüntü kullanılmaz.

17. Erişilebilirlik test matrisi

Otomatik

  • Semantik ve erişilebilir ad
  • Kontrast
  • Form ilişkilendirmeleri
  • Alt özelliği varlığı
  • Başlık/landmark sorunları
  • Bazı ARIA hataları

Manuel klavye

  • Tam sayfa gezinme
  • Menü, modal, sekme, akordeon
  • Arama/filtre
  • Görsel görüntüleyici
  • Zaman çizelgesi/harita alternatifi
  • Değerlendirme ve gönderim
  • Çerez/tercih paneli

Ekran okuyucu

En az masaüstü ve mobil yaygın kombinasyonlarda:

  • Sayfa başlık/landmark
  • Görsel ve açıklama
  • Dinamik durum mesajı
  • Form ve hata
  • Tablo
  • Modal/sekme
  • Video oynatıcı
  • Değerlendirme

Büyütme ve yeniden akış

  • %200 ve %400 yakınlaştırma
  • 320 CSS piksel genişlik
  • Metin aralığı artırma
  • Yüksek kontrast/forced colors

Kullanıcı testi

  • Kör/ekran okuyucu kullanıcısı
  • Az gören/büyütme kullanıcısı
  • Klavye veya anahtar erişimi kullanıcısı
  • Sağır/işitme kaybı olan kullanıcı
  • Bilişsel/öğrenme farklılığı olan kullanıcı
  • Renk görme farklılığı olan kullanıcı

Engelli kullanıcı testi ücretsiz “geri bildirim” olarak beklenmez; uzman emek olarak bütçelenir.

18. Hata önem düzeyleri

E0 — Engelleyici

Temel içeriğe veya zorunlu işleve erişim yok. Yayını durdurur veya acil alternatif gerektirir.

E1 — Ciddi

İşlem önemli ek yükle tamamlanabiliyor. Hızlı düzeltme gerekir.

E2 — Orta

Kullanımı zorlaştırıyor; alternatif var. Planlı düzeltme.

E3 — İyileştirme

Uygunluğu bozmayabilir fakat deneyimi geliştirir.

Yayın kapısında E0 sıfır; E1 için istisna verilmez. E2 varsa sorumlu ve tarih belirlenir.

19. Erişilebilirlik bildirimi şablonu

Başlık

Erişilebilirlik Bildirimi

Metin iskeleti

Sanat Tarihi Akademisi, içerik ve hizmetlerini engelli kullanıcılar dâhil mümkün olan en geniş kullanıcı kitlesi için erişilebilir kılmayı amaçlar. Hedefimiz WCAG 2.2 AA başarı ölçütlerini karşılamaktır.

Bu bildirimde şunlar gerçek test sonucuyla doldurulmalıdır:

  • Uygunluk durumu
  • Bilinen sınırlamalar
  • Alternatif erişim yolları
  • Son test tarihi ve kapsamı
  • Kullanılan test yöntemleri/teknolojiler
  • Sorun bildirme kanalı
  • Yanıt hedefi
  • Uygulama/şikâyet yolu

Uygunluk testi yapılmadan “tam uyumluyuz” ifadesi yayımlanmaz.

20. Bileşen kabul listesi

Yeni bileşen:

  • [ ] Semantik yerel öğeleri mümkün olduğunca kullanıyor.
  • [ ] Erişilebilir adı, rolü ve durumu doğru.
  • [ ] Klavye ile tam çalışıyor.
  • [ ] Odak görünür ve mantıklı.
  • [ ] %200/%400 yakınlaştırmada çalışıyor.
  • [ ] Renk tek anlam taşıyıcı değil.
  • [ ] Hata/boş/yükleme durumları duyuruluyor.
  • [ ] Azaltılmış hareket tercihini destekliyor.
  • [ ] Ekran okuyucuyla test edildi.
  • [ ] Mobil dokunma hedefleri yeterli.
  • [ ] Yardım ve etiketler tutarlı.
  • [ ] Gerçek kullanıcı test planı var.

21. Erişilebilirlik borcu politikası

Erişilebilirlik hatası genel “teknik borç” listesinde görünmez hâle getirilmez. Her sorun:

  • Etkilenen kullanıcı
  • Engellenen görev
  • Önem düzeyi
  • Geçici alternatif
  • Sorumlu
  • Hedef tarih
  • Doğrulayan test

ile kaydedilir. Üçüncü taraf bileşen engeli tespit edildiğinde sağlayıcıya bildirim tek çözüm sayılmaz; Akademi alternatif sunar veya bileşeni değiştirir.