Sivas Cumhuriyet Üniversitesi Erişilebilirlik Widget
Profesyonel, modern ve WCAG 2.2 AA tam uyumlu (uygulanabilir AAA kriterleri dâhil) erişilebilirlik araçları ile web sitenizi herkes için erişilebilir hâle getirin.
Hoş Geldiniz
Bu sayfa, Sivas Cumhuriyet Üniversitesi Erişilebilirlik Widget'ının tüm özelliklerini test edebileceğiniz kapsamlı bir demo sayfasıdır. Sağ alt köşedeki erişilebilirlik butonuna tıklayarak widget menüsünü açabilir ve tüm özellikleri deneyebilirsiniz.
Sivas Cumhuriyet Üniversitesi Erişilebilirlik Widget, görme engelli, işitme engelli, motor engelli veya okuma güçlüğü çeken kullanıcılar için web sitenizi daha erişilebilir hâle getiren 12 hazır profil ve 40 üzeri özellik sunar. Widget'ın kendi arayüzü WCAG 2.2 Level AA ile tam uyumludur; uygulanabilir AAA kriterlerinin tamamı da karşılanır (7:1 kontrast, 44×44 piksel hedefler, istisnasız klavye erişimi). Hiçbir kullanıcı verisi toplanmaz; tüm ayarlar yalnızca kullanıcının kendi cihazında saklanır.
Özellikler
Hazır Erişilebilirlik Profilleri
Tek tıkla, ihtiyaca göre ayarlanmış hazır kombinasyonlar. Bir profil açıldığında ilgili tüm özellikler birlikte etkinleşir; kapatınca her şey eski hâline döner.
🦯 Görme Engelli
Klavyeyle gezinme, görüntü tanımları, büyük düğmeler ve vurgulu bağlantılar açılır; animasyonlar durur, medya susar.
👓 Az Görme
Yazı %130, yüksek kontrast, büyük imleç ve bağlantı vurgusu birlikte açılır.
🎨 Renk Körlüğü
Döteranopi filtresi ve yüksek doygunlukla renk ayrımı güçlendirilir; bağlantılar altı çizili vurgulanır.
📖 Disleksi
Disleksi dostu yazı tipi, geniş harf/kelime aralığı ve okuma çizgisi birlikte açılır.
🖱️ Hareket Engelli
Titreme ve Parkinson için: imleç yavaşlar, düğmeler büyür ve vurgulanır, klavyeyle gezinme açılır, animasyon durur.
🧠 Bilişsel Öğrenme
Sade görünüm: odak maskesi, okunabilir yazı tipi, geniş satır aralığı; dikkat dağıtan animasyonlar durur.
🎯 Dikkat Bozukluğu
Odak maskesi ve okuma çizgisiyle dikkat tek satırda toplanır; hareketli içerik durdurulur.
⚡ Fotosensitif Epilepsi
Tüm animasyonlar ve otomatik oynayan medya durdurulur; düşük doygunlukla parlama azaltılır.
🌱 Sürdürülebilirlik
Ekran enerjisini azaltır: koyu yüksek kontrast, görseller gizli, animasyonlar durur, doygunluk düşer, medya susar.
👁️ Katarakt
Kamaşmayı azaltır: koyu yüksek kontrast, mavi ışık filtresi, yazı %130, canlandırılmış renkler ve büyük imleç.
🧓 Yaşlı Kullanıcı
Sıcak ton, büyük yazı ve düğmeler, yavaş imleç — 65 yaş üstü kullanıcı için konfor profili.
🌙 Gece Okuma
Karanlıkta göz yorgunluğunu azaltır: koyu kontrast, mavi ışık filtresi, yumuşak renkler ve okuma çizgisi.
Okuma Yardımcıları
🔊 Metni Sesli Oku
Seçili metni veya tüm sayfayı sesli okutun. Kart içindeki menüden okuma dilini/sesini seçin; tarayıcının desteklediği tüm dillerde okur. Hız ayarlı oynatıcı.
🔍 Büyüteç
Sayfa içeriğini büyüterek görme zorluğu çekenler için erişilebilirlik sağlar.
📖 Okunabilir Yazı Tipi
Dyslexia dostu, okuması kolay özel yazı tipi. Disleksi ve okuma güçlüğü için optimize edilmiş.
🖼️ Görüntü Tanımları
Görsellerin üzerine geldiğinizde açıklama metinlerini yüzer pencerede görün.
🚫 Resimleri Gizle
Sayfadaki tüm görselleri gizleyerek yalnızca metne odaklanmanızı sağlar.
📐 Okuma Çizgisi
Fareyi takip eden yatay bir kılavuz çizgi göstererek satır takibini kolaylaştırır.
🎯 Odakla
Fare hizasındaki satır dışını karartan okuma maskesiyle yalnızca okuduğunuz bölüme odaklanın.
🔗 Bağlantıları Vurgula
Sayfa linklerini vurgulayarak görünürlüğü artırın.
📝 Üstbilgileri Vurgula
Sayfa başlıklarını vurgulayarak navigasyonu kolaylaştırın.
🎯 Ögeleri Vurgula
Fare üzerine geldiğinde sayfa öğelerini vurgula. Hangi elemanlara tıklayabileceğinizi kolayca görün.
🔲 Düğmeleri Vurgula
Sayfa düğmelerini vurgulayarak tıklanabilirliği artırın.
🔲 Büyütme Düğmeleri
WCAG 2.2 AAA seviyesine uygun minimum 44×44 piksel hedef boyutu. Motor engelliler için.
📖 Okunabilir Mod
Sitenin içeriğini aynı sayfada tam ekran, reklam ve menülerden arındırılmış temiz bir okuma görünümünde gösterir.
Görsel & Renk Ayarları
🎨 6 Kontrast Modu
Normal, Parlak Yüksek Kontrast, Koyu Yüksek Kontrast, Ters Renkler, Sıcak ve Soğuk tonlar.
🌈 Renk Körlüğü Filtreleri
Protanopi, Döteranopi ve Tritanopi için bilimsel renk dönüşüm filtreleri (SVG feColorMatrix).
💧 Doygunluk Denetimi
Normal, Düşük, Yüksek ve Tek Renk (monokrom) doygunluk seçenekleri.
🔵 Mavi Işık Filtresi
Göz yorgunluğunu ve akşam kullanımında uyku bozulmasını azaltan sıcak ton filtresi.
🎨 Özel Renkler
Arka plan, başlık ve içerik renklerini renk tonu kaydırıcısıyla ayrı ayrı özelleştirin.
📐 Metin Hizalama
Sayfa metnini sola, ortaya, sağa veya iki yana yaslı hizalayın; widget arayüzü etkilenmez.
⏸️ Animasyonları Durdur
Sayfadaki hareketli içerikleri tek tuşla durdurur; sistemdeki "hareketi azalt" tercihine de otomatik uyar.
Araçlar & Gezinme
🌍 Metni Çevir
Sayfada seçtiğiniz metni 249 dile anında çevirin (Kürtçe/Kurmancî ve Orta Kürtçe/Soranî dâhil); arama kutulu dil listesi, bayraklı görünüm ve sağdan sola yazılan diller için otomatik yön desteği.
⌨️ Sanal Klavye
Ekran klavyesi ile form doldurun. Türkçe karakter desteği tam: ı/I ve i/İ ayrımı doğru çalışır.
🗺️ Sayfa Yapısı
Sayfadaki başlıkları ve bağlantıları liste hâlinde gösterir; tıklayınca doğrudan o bölüme gider.
⌨️ Klavyeyle Gezin
Tek tuşla gezinme: B başlık, L bağlantı, D düğme, R bölge, F form, G görsel. Shift ile geri.
🖱️ Büyük İmleç & Yavaş İmleç
İmleci büyütün veya yumuşak gecikmeli takip imlecine geçin (el titremesi için); ikisi birlikte de çalışır.
📊 Okuma İlerlemesi & Otomatik Kaydır
Sayfanın ne kadarını okuduğunuzu gösteren ilerleme çubuğu ve eller serbest otomatik kaydırma.
🔇 Medyayı Sessize Al
Sayfadaki tüm video ve ses ögelerini tek tuşla susturur; sonradan eklenen medya da kapsanır.
Kurumsal & Uyumluluk
📋 Erişilebilirlik Beyanı
Panel içinden ulaşılan iki sekmeli beyan: sade dilli Kolay Okunur Özet ve ayrıntılı Tam Metin.
⌨️ Klavye Kısayolları Haritası
Tüm kısayolları gruplar hâlinde listeleyen, panel içinden açılan başvuru penceresi.
🔒 KVKK Dostu
Hiçbir kullanıcı verisi toplanmaz, hiçbir dış sunucuya istek atılmaz; ayarlar yalnızca kullanıcının cihazında saklanır.
Yazı Tipi Ayarları
🔍 Yazı Boyutu Kontrolü
Yazı boyutunu %50 ile %150 arasında ayarlayın (varsayılan %100). Büyütüp küçültebilirsiniz.
📏 Satır / Harf / Kelime Aralığı
Satır aralığı (-3…+3), harf boşluğu (-2…+6) ve kelime aralığını (-3…+6) artı/eksi yönde ayarlayın (0 = normal); okuma rahatlığı için ihtiyacınıza göre değiştirin.
Widget Görünüm Yapılandırıcısı
Tetikleyici düğmenin rengini, simgesini, şeklini ve konumunu seçin. Değişiklikler anında uygulanır; aşağıdaki kodu sitenize ekleyin.
Seçimler sayfada anlık görünür; sayfayı yenileyince varsayılana döner. Kalıcı yapmak için yukarıdaki kodu sitenize ekleyin.
Test Alanı
Görüntü Tanımları Testi
Widget'tan "Görüntü Tanımları" özelliğini açın ve resimlerin üzerine gelin:
Erişilebilirlik
Web Teknolojileri
WCAG Standardı
Açık Kaynak
Resimleri Gizle / Okuma Çizgisi / Odakla Testi
Bu üç yeni okuma yardımcısını "Okuma Yardımcıları" kategorisinden açıp deneyin:
- 🚫 Resimleri Gizle: Açtığınızda yukarıdaki görseller (ve sayfadaki tüm resimler) gizlenir; yalnızca metne odaklanırsınız. Kapatınca geri gelir.
- 📐 Okuma Çizgisi: Açın ve fareyi gezdirin; imleci takip eden yatay bir kılavuz çizgi satır takibini kolaylaştırır.
- 🎯 Odakla: Açın; fare hizasındaki şerit dışındaki alan kararır, yalnızca okuduğunuz satıra odaklanırsınız.
Metin Okuma Testi
Widget'tan "Metni Sesli Oku" butonuna tıklayın - tüm sayfa otomatik okunacak! Kart içindeki menüden okuma dilini/sesini, oynatıcıdan okuma hızını seçebilirsiniz. (Listelenen diller tarayıcınızda yüklü seslere bağlıdır; Chrome/Edge daha fazla dil sunar.)
Video Testi (Medya Kontrolü)
Widget'tan "Medyayı Sessize Al" özelliğini test edin:
Form Elemanları
Butonlar ve Linkler
Dokümantasyon
Klavye Kısayolları
- Alt + A - Widget menüsünü aç/kapat
- Tab - Menü içinde ileri gezin
- Shift + Tab - Menü içinde geri gezin
- Enter / Space - Seçili özelliği aç/kapat
- ESC - Paneli, açık pencereyi veya açıklamayı kapat
- "Klavyeyle Gezin" açıkken: B başlık, L bağlantı, D düğme, R bölge, F form, G görsel (Shift = geri)
- Sesli okuyucu açıkken: Boşluk duraklat/devam, ←/→ önceki/sonraki cümle
Kısayolların tamamı, widget panelinin altındaki "Klavye Kısayolları" düğmesinden de görüntülenebilir.