Web sitenizi herkes için erişilebilir hale getirin.
Görme, işitme, motor ve bilişsel farklılıkları olan ziyaretçiler dahil herkesin sitenizi rahatça kullanabilmesi için tasarlandı. 25 araç, 9 hazır profil ve 6 dil — tek satır kod bile yazmadan.
- WCAG 2.1 AA Uyumlu
- EAA Hazır
- EN 301 549
- KVKK Güvenli
- %100 Tarayıcı Tabanlı
Web erişilebilirliği nedir?
Web erişilebilirliği (kısaca "a11y"), web sitelerinin ve dijital içeriklerin engelli bireyler dahil herkes tarafından algılanabilir, kullanılabilir ve anlaşılabilir olmasını sağlama pratiğidir. Erişilebilirlik bir "ek özellik" değil; web'in temel ilkesidir ve dört ana alanı kapsar.
Görsel
Körlük, az görme, renk körlüğü yaşayan kullanıcılar.
İşitsel
Sağırlık ve işitme güçlüğü olan kullanıcılar.
Motor
Titreme, felç, fare kullanamama, sınırlı el becerisi.
Bilişsel
Disleksi, DEHB, otizm, hafıza ve dikkat güçlükleri.
"Web'in gücü evrenselliğindedir. Engellilik durumundan bağımsız olarak herkesin erişebilmesi temel bir unsurdur."
Tim Berners-Lee — World Wide Web'in mucidi
Neden önemli?
Erişilebilirlik hem insani, hem yasal, hem de ticari bir gerekliliktir. Bir maliyet değil; risk azaltan, pazar büyüten ve markayı güçlendiren bir yatırımdır.
WHO'ya göre dünya nüfusunun ~%16'sı önemli bir engelle yaşıyor. Türkiye'de 8 milyondan fazla engelli birey bulunuyor.
Erişilemeyen bir site ziyaretçilerinizin bir kısmını kapıda çevirir. Erişilebilir, semantik HTML aynı zamanda SEO performansını da güçlendirir.
Avrupa Erişilebilirlik Yasası (EAA) yürürlüğe girdi. AB pazarına hizmet veren birçok işletme için dijital erişilebilirlik artık yasal zorunluluk.
Kimler için?
Her engellilik türü için somut araçlar. İşte kullanıcı ihtiyaçları ve karşılığında sunduğumuz çözümler.
| Kullanıcı | Yaşadığı zorluk | Widget çözümü |
|---|---|---|
| Az gören | Yazıları okuyamıyor | Yazı boyutu, yüksek kontrast, büyüteç, büyük imleç |
| Görme engelli | Ekranı göremiyor | Sesli okuma, okunaklı font, sayfa yapısı navigasyonu |
| Disleksi | Harfler karışıyor | Disleksi dostu font, satır/harf aralığı, okuma kılavuzu |
| Renk körü | Renkleri ayıramıyor | 3 farklı renk körlüğü filtresi (protanopi, döteranopi, tritanopi) |
| DEHB / ADHD | Dikkat dağınıklığı | Animasyon durdurma, okuma maskesi, bağlantı vurgulama |
| Motor güçlüğü | Fare kullanamıyor | Büyük imleç, odak vurgusu, buton vurgulama, klavye desteği |
| Epilepsi | Işık/hareket hassasiyeti | Animasyon durdurma, gri tonlama |
| Yaşlı kullanıcı | Genel okuma zorluğu | "Yaşlı" profili: büyük yazı + kontrast + okunaklı font |
| Bilişsel güçlük | Sadeleştirme ihtiyacı | Okunaklı font, vurgular, ipucu metinleri, büyüteç |
| İşitme güçlüğü | Sesli içerik | Sesi kapatma kontrolü, alt metin gösterimi |
Yasal çerçeve: EAA, WCAG, EN 301 549, ADA, KVKK
Dijital erişilebilirlik, dünya genelinde genişleyen bir mevzuat ağına tabidir. Widget, bu standartlara uyum sürecinizi destekler.
EAA: Avrupa Erişilebilirlik Yasası
28 Haziran 2025'te yürürlüğe girdi. E-ticaret, bankacılık, e-kitap ve ulaşım gibi hizmetlerin erişilebilir olmasını zorunlu kılar. AB pazarına hizmet veren Türk işletmeleri de kapsama girebilir.
WCAG: Web İçeriği Erişilebilirlik Yönergeleri
W3C'nin yayımladığı fiili dünya standardı. A, AA ve AAA seviyeleri vardır. Yasal düzenlemelerin neredeyse tamamı WCAG 2.1 AA seviyesini referans alır.
EN 301 549
Avrupa'nın resmi erişilebilirlik standardı. WCAG'i temel alır; kamu sektörü ile EAA kapsamındaki ürün ve hizmetler için teknik şartları belirler.
ADA & Section 508
ABD'de web erişilebilirliğini zorunlu kılar. ADA kapsamında her yıl binlerce erişilebilirlik davası açılır.
Türkiye: 5378 & KVKK
5378 Sayılı Engelliler Hakkında Kanun erişilebilirliği bir hak olarak tanımlar. KVKK açısından araçların kişisel veri toplamaması önemlidir; widget hiçbir kişisel veri toplamaz.
Cumhurbaşkanlığı Erişilebilirlik Genelgesi
24 Haziran 2025'te Resmî Gazete'de yayımlanan Cumhurbaşkanlığı Genelgesi; kamu kurumlarının yanı sıra bankalar, özel hastaneler, e-ticaret, ulaşım, iletişim ve internet hizmet sağlayıcıları dahil geniş bir kesimin web siteleri ve mobil uygulamalarını WCAG 2.2 (A seviyesi) kriterlerine uygun hale getirmesini öngörür. Uyumu değerlendirmek için 31 ilke ve 122 sorudan oluşan resmî bir kontrol listesi yayımlandı.
- WCAG 2.2
- A Seviyesi
- 31 ilke · 122 soru
- Kamu + özel sektör
Erişilebilirlik GenelgesiResmî Gazete'de yayımlanan Cumhurbaşkanlığı Genelgesi'nin tam metni.İndir
Erişilebilirlik Kontrol Listesi31 ilke ve 122 sorudan oluşan resmî uyum kontrol listesi.İndirKaynak: T.C. Aile ve Sosyal Hizmetler Bakanlığı. Kolayonay widget'ı, genelgenin gerektirdiği kullanıcı tarafı erişilebilirlik araçlarını (yazı, renk, kontrast, navigasyon, sesli okuma) sağlayarak uyum sürecinizi destekler.
POUR: Erişilebilirliğin temeli
WCAG, erişilebilirliği dört temel ilke üzerine kurar. Her ilkenin widget'taki somut karşılığını aşağıda bulabilirsiniz.
Algılanabilir (Perceivable)
İçerik kullanıcının algılayabileceği biçimde sunulmalı: alt metin, altyazı, yeterli renk kontrastı.
Çalıştırılabilir (Operable)
Arayüz ve gezinme kullanılabilir olmalı; her şey klavye ile erişilebilir, nöbet tetikleyen içerik olmamalı.
Anlaşılabilir (Understandable)
İçerik ve arayüz anlaşılır olmalı: okunabilir metin, tahmin edilebilir davranış.
Sağlam (Robust)
İçerik, yardımcı teknolojiler dahil farklı araçlarla yorumlanabilecek kadar sağlam olmalı.
Kolayonay Erişilebilirlik Widget'ı
Sitenizin köşesine yerleşen, ziyaretçilerin tek tıkla açabildiği bir erişilebilirlik menüsü. Ziyaretçiler kendi ihtiyaçlarına göre düzinelerce ayarı anında uygular.
Tek satır kod gerekmez
Sitenizde Kolayonay script'i zaten varsa, widget otomatik gelir. Yeni script eklemezsiniz.
25 erişilebilirlik aracı
Metin, renk, navigasyon ve okuma yardımcılarını kapsayan eksiksiz bir set.
9 hazır profil
Düşük görme, disleksi, ADHD, motor, renk körlüğü, epilepsi, görme engelli, yaşlı, bilişsel; tek tıkla.
6 dil + RTL
Türkçe, İngilizce, Fransızca, Arapça (RTL), Rusça, Almanca.
%100 tarayıcı tabanlı
Hiçbir kişisel veri sunucuya gönderilmez; tercihler ziyaretçinin tarayıcısında saklanır.
Tamamen özelleştirilebilir
Renk, şekil, boyut, konum, logo ve tüm menü etiketleri markanıza göre ayarlanır.
Dört adımda erişilebilir deneyim
Butona tıklayın
Ziyaretçi erişilebilirlik butonuna tıklar veya Alt + A kısayolunu kullanır.
Araç veya profil seçin
Erişilebilirlik menüsü açılır; istenen araç ya da hazır profil seçilir.
Anında uygulanır
Ayarlar sayfaya anında uygulanır; düzine seçenek tek ekranda.
Tercihler korunur
Tercihler tarayıcıda kaydedilir; ziyaretçi döndüğünde ayarları hatırlanır.
25 erişilebilirlik aracı
Dört kategoride toplam 25 araç. Her aracı menüde göstermeyi veya gizlemeyi panelden seçebilirsiniz.
Metin & Okuma7
- Yazı BoyutuTüm metni 3 kademeli büyütür.
- Satır AralığıSatır boşluğunu 3 kademede artırır.
- Harf AralığıHarf boşluğunu açar; harf karışmasını azaltır.
- Metni Sola HizalaOrtalanmış/iki yana yaslı metinleri sola yaslar.
- Okunaklı Yazı TipiSade, yüksek okunabilirlikli bir fonta çevirir.
- Disleksi Dostu FontOpenDyslexic fontunu uygular.
- Sayfa YapısıBaşlıkları listeler; bölümler arası hızlı geçiş sağlar.
Renk & Kontrast5
- Yüksek KontrastKontrastı 3 kademede artırır.
- Gri TonlamaRenk doygunluğunu 3 kademede azaltır.
- Renkleri Ters ÇevirSayfa renklerini tersine çevirir.
- Karanlık ModKoyu temaya geçer, görseller akıllıca filtrelenir.
- Renk Körlüğü FiltresiProtanopi, döteranopi ve tritanopi için 3 filtre.
Vurgu & Navigasyon7
- Bağlantıları VurgulaLinkleri sarı zemin + siyah çerçeveyle belirginleştirir.
- Butonları VurgulaTüm butonların etrafına çerçeve çizer.
- Odak VurgusuKlavye ile seçili öğeyi belirgin gösterir.
- Büyük İmleçFare imlecini belirgin biçimde büyütür.
- Resimleri GizleDikkat dağıtan görselleri kaldırır.
- Alt Metni GösterGörsellerin alternatif metinlerini görünür yapar.
- Animasyonları DurdurHareketli içeriği durdurur; epilepsi için kritik.
Okuma Yardımcıları6
- Okuma KılavuzuFareyi takip eden yatay çizgi gösterir.
- Okuma MaskesiAktif satır dışını karartır.
- Büyüteçİmleç üzerindeki metni büyütülmüş kartta gösterir.
- İpucu MetinleriÖğelerin başlık/etiket metinlerini gösterir.
- Sesli OkumaTıklanan metni Web Speech API ile sesli okur.
- Sesi KapatSayfadaki tüm ses ve videoları sessize alır.
9 hazır profil
Hazır profiller, belirli bir ihtiyaç için en uygun araç kombinasyonunu tek tıkla etkinleştirir.
Görme Azlığı
Büyük yazı + yüksek kontrast + bağlantı vurgusu + büyük imleç
Az gören kullanıcılar
Disleksi
Satır aralığı + harf aralığı + disleksi fontu
Disleksili kullanıcılar
Odak (ADHD)
Animasyon durdurma + bağlantı vurgusu
Dikkat dağınıklığı yaşayanlar
Motor
Büyük imleç + odak vurgusu + buton vurgusu
El/motor güçlüğü olanlar
Renk Körlüğü
Renk körlüğü filtresi
Renk körü kullanıcılar
Epilepsi
Gri tonlama + animasyon durdurma
Işık/hareket hassasiyeti olanlar
Görme Engelli
Sesli okuma + okunaklı font + animasyon durdurma
Ekranı göremeyen kullanıcılar
Yaşlı
Yazı büyütme + kontrast + okunaklı font + bağlantı vurgusu
Yaşlı kullanıcılar
Bilişsel
Okunaklı font + bağlantı vurgusu + buton vurgusu
Bilişsel güçlük yaşayanlar
Diğer widget'lardan farkı
Gizlilik öncelikli
Tercihler yalnızca ziyaretçinin tarayıcısında (localStorage) saklanır. Sunucuya kişisel veri gitmez; KVKK ve GDPR açısından temiz.
Shadow DOM izolasyonu
Widget, Shadow DOM içinde çalışır. Sitenizin CSS'i widget'ı, widget'ın stilleri de sitenizi bozmaz.
Klavye erişimi
Alt + A ile her sayfada açılır. Menü içinde Tab navigasyonu, odak yönetimi ve odak hapsi desteklenir.
6 dil + RTL
Türkçe, İngilizce, Fransızca, Arapça, Rusça, Almanca. Arapça seçildiğinde menü otomatik sağdan sola geçer.
Mobil uyumlu
480px kırılma noktasında menü tek sütuna ve tam genişliğe geçer; dokunmatik ekranlarda sorunsuz.
Performans
Mevcut Kolayonay script'iyle gelir; ek HTTP isteği yükü getirmez.
3 adımda yayında
- 1
Modülü etkinleştirin
Faturalandırma sayfasından erişilebilirlik planınızı seçin ve modülü etkinleştirin.
- 2
Widget'ı yapılandırın
Panelden rengi, konumu, şekli, dilleri, araçları ve profilleri ayarlayın. Canlı önizleme ile anında görün.
- 3
Yayına alın
Kolayonay script'i zaten varsa ekstra bir şey yapmanıza gerek yok; widget otomatik görünür.
<script src="https://verify.kolayonay.com.tr/s/{SITE_TOKENINIZ}"></script>Özelleştirme seçenekleri
Widget'ı markanıza tam uyumlu hale getiren ayarlar.
Görünüm
- Konum: sağ alt, sol alt, sağ üst, sol üst
- Buton şekli: yuvarlak veya kare
- Buton boyutu: küçük, varsayılan, büyük
- Kenar boşlukları (0–200px) ve özel logo/ikon
Renkler
- Vurgu rengi ve buton rengi
- İkon rengi
- Menü arka planı ve yazı rengi
- Satır arka planı, hepsi hex kodla
İçerik & dil
- Varsayılan dil seçimi (6 dil)
- Her dil için buton etiketi ve panel başlığı
- Menü düzeni: tek veya iki sütun
- Hangi araç ve profillerin görüneceği
Bağımsız bir ürün, esnek planlar
Erişilebilirlik modülü, çerez onay aboneliğinizden bağımsız bir üründür ve tek başına satın alınabilir.
Küçük siteler ve kişisel projeler için.
- 25 erişilebilirlik aracı
- 9 hazır profil
- 6 dil + RTL desteği
- Tam özelleştirme
- Erişilebilirlik beyanı sayfası
Büyüyen işletmeler için en popüler seçim.
- Başlangıç'taki her şey
- Öncelikli destek
- Gelişmiş özelleştirme
- Çoklu alan adı
- KVKK güvenli, sıfır veri
Yüksek trafikli kurumsal siteler için.
- Pro'daki her şey
- Özel onboarding
- SLA destek
- Marka temalı widget
- Detaylı kullanım raporları
Sınırsız ölçek ve özel ihtiyaçlar için.
- İş'teki her şey
- Sınırsız görüntülenme
- Özel entegrasyonlar
- Adanmış müşteri yöneticisi
- Özel sözleşme ve fatura
Yıllık ödemede ~%16 indirim. Ödemeler Iyzico 3D Secure altyapısıyla güvenle alınır. Plan yükseltme/düşürme istediğiniz zaman mümkündür.
Erişilebilirlik beyanı
Kolayonay, sitenize otomatik bir Erişilebilirlik Beyanı sayfası sunar. Çoğu yasal standardın önerdiği bu sayfa ziyaretçilere şeffaflık mesajı verir.
policies.kolayonay.com.tr/{site}/erisilebilirlik- WCAG ve EAA taahhütleriniz
- Sitenizde etkin olan erişilebilirlik araçlarının listesi (otomatik dolar)
- Klavye desteği ve Shadow DOM mimarisine dair teknik bilgi
- Ziyaretçilerin erişilebilirlik geri bildirimi gönderebileceği bir kanal
Aklınıza takılanlar
Erişilebilirlik widget'ı sitemi WCAG'e tam uyumlu yapar mı?
Widget, kullanıcılara güçlü kişiselleştirme araçları sunarak uyum sürecinizi önemli ölçüde destekler. Ancak tam uyum, sitenizin temel yapısını (alt metinler, başlık hiyerarşisi, kontrast oranları vb.) da kapsar. Widget bu süreci hızlandırır ve kullanıcı deneyimini iyileştirir; ama hiçbir araç tek başına %100 yasal garanti veremez.
Widget'ı kurmak için kod bilgisi gerekir mi?
Hayır. Sitenizde Kolayonay script'i zaten varsa hiçbir şey yapmanıza gerek yok. İlk kez ekliyorsanız, tek satırlık script'i <head> bölümüne yapıştırmanız yeterli.
Widget sitemin tasarımını bozar mı?
Hayır. Widget Shadow DOM içinde izole çalışır; sitenizin stilleriyle çakışmaz, sitenizin tasarımına da müdahale etmez.
Ziyaretçi verileri toplanıyor mu? KVKK açısından sorun olur mu?
Hayır. Tüm tercihler yalnızca ziyaretçinin kendi tarayıcısında saklanır; sunucularımıza hiçbir kişisel veri gönderilmez. Bu yapı KVKK ve GDPR açısından temizdir ve ek çerez onayı gerektirmez.
Hangi dilleri destekliyor?
Türkçe, İngilizce, Fransızca, Arapça (sağdan sola/RTL desteğiyle), Rusça ve Almanca.
Mobil cihazlarda çalışır mı?
Evet. Widget mobil uyumludur; küçük ekranlarda menü tek sütuna ve tam genişliğe geçer.
Ziyaretçi widget'ı nasıl açar?
Sayfadaki erişilebilirlik butonuna tıklayarak veya klavyeden Alt + A kısayolunu kullanarak.
Ziyaretçinin ayarları kaydoluyor mu?
Evet. Tercihler tarayıcıda saklanır; ziyaretçi siteye tekrar geldiğinde ayarları korunur.
Çerez onay aboneliğim olmadan sadece erişilebilirlik alabilir miyim?
Evet. Erişilebilirlik modülü bağımsız bir üründür; tek başına satın alınabilir.
Sayfa görüntülenme limitini aşarsam ne olur?
Görüntülenme sayıları plan kademelerini belirler; ihtiyaçlarınız büyüdükçe planınızı yükseltebilirsiniz. Enterprise planı sınırsız kullanım sunar.
Son güncelleme: · Kolayonay ürün ekibi tarafından gözden geçirilmiştir.
Web sitenizi bugün herkes için erişilebilir yapın.
25 araç, 9 hazır profil, 6 dil ve sıfır veri toplama. WCAG ve EAA uyum sürecinizi destekleyen, markanıza tam uyumlu erişilebilirlik widget'ı — tek satır kod bile yazmadan.
WCAG 2.1 AA · EAA Hazır · EN 301 549 · KVKK Güvenli · Iyzico 3D Secure ile güvenli ödeme