Dijital Erişilebilirlik Stratejileri Herkes İçin Tasarım

Dijitalleşmenin nefes aldığımız hava kadar yaygınlaştığı günümüzde, bir web sitesine veya mobil uygulamaya erişmek artık sadece bir kolaylık değil, temel bir insan hakkıdır. Dijital erişilebilirlik, teknolojinin engelleri yıktığı bir gelecek inşa etmenin anahtarıdır.

Bu kapsamlı rehberde, nesilteknoloji.com olarak dijital ürünlerinizin sadece estetik değil, aynı zamanda etik ve kapsayıcı olmasını sağlayacak kurumsal ve teknik temelleri inceliyoruz. Antik dönem ergonomisinden modern WCAG 2.2 standartlarına, Türkiye’deki yasal yaptırımlardan teknik kodlama detaylarına kadar “erişilebilir” bir dijital varlığın nasıl inşa edileceğini adım adım ele alacağız.

Teknik Standartları İncele Uzman Desteği Alın

Rehber İçeriği

1. Kavramsal ve Tarihsel Kökenler

2. POUR Prensipleri: Erişilebilirliğin Anayasası

3. WCAG 2.2: Yeni Standartlar ve Farklar

4. Teknik Uygulama: Kod ve Tasarım Stratejileri

5. Türkiye’de Mevzuat ve Yasal Zorunluluklar

6. Stratejik Avantaj: SEO ve Marka İtibarı

7. Denetim ve Kalite Güvencesi

8. Geleceğin Vizyonu: Evrensel Tasarım

Neden Erişilebilirlik?

Dünya nüfusunun yaklaşık %15’i bir tür engellilikle yaşıyor. Ancak erişilebilirlik sadece engelli bireyler için değildir:

• Yaşlılar: Görme ve motor becerileri azalan kitle.
• Geçici kısıtlılığı olanlar: Kolu kırık olanlar, katarakt ameliyatı geçirenler.
• Durumsal engeller: Güneş ışığı altında ekran parlaması yaşayanlar veya gürültülü ortamda video izleyenler.

BaşlangıçPOURWCAG 2.2TeknikYasalSEO/İtibar

1. Kullanıcı Deneyimi ve Arayüz Tasarımının Kavramsal Kökenleri

Erişilebilirliği anlamak için önce Kullanıcı Deneyimi (UX) ve Kullanıcı Arayüzü (UI) kavramlarının tarihsel derinliğine bakmamız gerekir. Çoğu zaman bu kavramların 21. yüzyıl icadı olduğu düşünülse de, insan-araç etkileşiminin optimize edilmesi insanlık tarihi kadar eskidir.

MÖ 5. yüzyılda Antik Yunan’da cerrahların çalışma alanlarının, ışığın geliş açısına ve aletlerin el erişimine göre düzenlenmesi ilk ergonomi örnekleridir. Benzer şekilde Antik Çin’deki Feng Shui felsefesi, insanın çevresiyle uyumunu esas alarak mekan tasarımını bir deneyim haline getirmiştir. Sanayi Devrimi ile birlikte Frederick Taylor, işçilerin kürek sallama şeklinden üretim bandındaki hareketlerine kadar her şeyi “verimlilik” odaklı tasarlayarak modern UX’in temellerini atmıştır.

“Tasarım sadece nasıl göründüğü veya hissettirdiği değildir. Tasarım, nasıl çalıştığıdır.” – Steve Jobs

Modern anlamda UX terminolojisi, 1995 yılında bilişsel psikolog Don Norman’ın Apple’da “Kullanıcı Deneyimi Mimarı” unvanını almasıyla resmileşti. Norman, bir ürünle kurulan etkileşimin sadece ekranla sınırlı olmadığını; paketin açılmasından müşteri hizmetlerine kadar her temas noktasının bir “deneyim” olduğunu savundu. Erişilebilirlik, bu deneyimin demokratikleşmiş halidir; deneyimin kapılarını herkes için sonuna kadar açmaktır.

2. POUR Prensipleri: Erişilebilirliğin Dört Ana Sütunu

Web İçeriği Erişilebilirlik Kılavuzu (WCAG), tüm dünyada kabul gören standartları POUR kısaltması altında toplar. Bir web sitesinin erişilebilir sayılabilmesi için bu dört testten geçmesi gerekir.

Algılanabilirlik (Perceivable)

Kullanıcılar içeriği duyularıyla fark edebilmelidir. Görme engelli bir kullanıcı görselleri ekran okuyucuyla duyabilmeli, işitme engelli bir kullanıcı videoları altyazıyla görebilmelidir.

• Görseller için alternatif metin (Alt-text).
• Video ve sesler için transkriptler.
• Yeterli renk kontrastı (Metin ile arka plan arası).

İşletilebilirlik (Operable)

Arayüz bileşenleri herkes tarafından kontrol edilebilmelidir. Bazı kullanıcılar fare kullanamaz; bu yüzden sitenin sadece klavye ile (Tab, Enter, Space tuşları) tamamen yönetilebilmesi şarttır.

• Klavye odağının (focus) görünür olması.
• Karmaşık hareketler (sürükle-bırak) için basit alternatifler.
• Okuma ve işlem yapma için yeterli zaman tanınması.

Anlaşılabilirlik (Understandable)

İçerik ve arayüzün kullanımı, kullanıcının bilişsel kapasitesini zorlamamalıdır. Dil sade olmalı, hata mesajları net açıklamalar sunmalıdır.

• Tahmin edilebilir navigasyon yapıları.
• Hata önleme ve düzeltme önerileri.
• Terimlerin açık ve sade kullanımı.

Sağlamlık (Robust)

İçerik, farklı teknolojiler (çeşitli tarayıcılar, ekran okuyucular, yardımcı cihazlar) tarafından doğru yorumlanabilmelidir. Bu, standartlara uygun kodlamayı (Semantik HTML) gerektirir.

• Hatasız ve standartlara uygun kod yapısı.
• Yardımcı teknolojiler için ARIA etiketleri.
• Gelecekteki güncellemelerle uyumluluk.

3. WCAG 2.2: Dijital Erişilebilirliğin Yeni Standartları

Teknoloji geliştikçe ihtiyaçlar da değişiyor. 2023 sonunda yayımlanan WCAG 2.2, özellikle mobil cihaz kullananlar, düşük görüşe sahip bireyler ve bilişsel engelliler için devrim niteliğinde 9 yeni kriter ekledi.

Kriter Adı	Hedef Kitle	Teknik Gereksinim
Odak Gizlenmemeli (2.4.11)	Klavye Kullanıcıları	Yapışkan (sticky) başlıklar, odaklanılan öğenin üzerini kapatmamalıdır.
Hedef Boyutu (2.5.8)	Motor Kısıtlılığı Olanlar	Tıklanabilir öğeler en az 24×24 piksel alan kaplamalı veya çevre boşluğu olmalıdır.
Erişilebilir Kimlik Doğrulama (3.3.8)	Bilişsel Engelliler	Giriş yaparken bulmaca çözme veya ezber gerektiren testler yerine otomatik doldurma desteklenmelidir.
Sürükleme Hareketleri (2.5.7)	Fiziksel Engelliler	Sadece sürükle-bırak ile yapılan işlemler için tek tıklamalı alternatifler sunulmalıdır.

WCAG 2.2’ye uyum sağlamak, sadece bir yasal zorunluluk değil, aynı zamanda kullanıcı hata payını düşüren bir UX optimizasyonudur. Özellikle yaşlanan dünya nüfusu düşünüldüğünde, bu standartlar geleceğin standart internet kullanıcılarını hedeflemektedir.

4. Teknik Uygulama: Erişilebilir UI Tasarımı İçin Stratejiler

Erişilebilirlik bir tasarımın sonuna eklenen bir özellik değildir; projenin iskeletine işlenmelidir. İşte geliştirici ve tasarımcıların izlemesi gereken kritik yollar:

4.1. Semantik HTML’in Gücü

Birçok geliştirici kolaylık olsun diye <div> veya <span> etiketlerini buton gibi davranması için CSS ile süsler. Ancak bir ekran okuyucu için o sadece bir kutudur.

Altın Kural: Eğer bir işlev için yerel bir HTML etiketi (<button>, <nav>, <main>) varsa, ARIA kullanmak yerine o etiketi tercih edin.

4.2. Odak Yönetimi ve Görsel İşaretleyiciler

Klavye kullanıcıları için “focus outline” (odak çerçevesi) ekrandaki farenin imlecidir. outline: none; kodunu kullanarak bu çerçeveyi kaldırmak, görme engeli olmayan ancak fare kullanamayan bireyleri karanlıkta bırakmaktır.

• İki Renkli Odak: Odak çerçevesini hem koyu hem açık zeminlerde görünecek şekilde tasarlayın (siyah-beyaz dash line gibi).
• Mantıksal Sıra: Tab tuşu sırası, sayfanın görsel okuma sırasıyla (sol-sağ, yukarı-aşağı) birebir örtüşmelidir.

4.3. Renk ve Tipografi Erişilebilirliği

Bilgiyi sadece renk ile iletmeyin. Örneğin bir formdaki hata alanını sadece kırmızı çerçeveyle belirtmek yerine, yanına bir “Hata” ikonu ve metni ekleyin. Renk körü bir kullanıcı için o kırmızının hiçbir anlamı olmayabilir.

• Kontrast Oranı: Normal metinlerde en az 4.5:1, büyük metinlerde 3:1 oranını yakalayın.
• Metin Ölçekleme: Sayfa yapısı %200 büyütüldüğünde bile içerik üst üste binmemeli, yatay kaydırma çubuğu çıkmadan okunabilmelidir.

5. Türkiye’de Dijital Erişilebilirlik Mevzuatı

Türkiye, dijital erişilebilirliği yasal bir çerçeveye oturtmuş ülkeler arasındadır. Özellikle 2024 ve 2025 yıllarında atılan adımlar, kamu ve özel sektör için yeni sorumluluklar getirmiştir.

5378 Sayılı Engelliler Hakkında Kanun

Bu kanun, engelli bireylerin toplumsal yaşama tam ve eşit katılımını hedefler. Bilgi teknolojilerine erişimin engellenmesi, yasal olarak bir ayrımcılık suçu sayılabilir. TİHEK (Türkiye İnsan Hakları ve Eşitlik Kurumu) bu alandaki şikayetleri değerlendirmekte ve ciddi idari para cezaları uygulamaktadır.

2025/10 Sayılı Cumhurbaşkanlığı Genelgesi

Yeni yayımlanan bu genelge ile kamu kurumları, belediyeler, üniversiteler ve kritik hizmet sunan özel kuruluşlar için “Erişilebilirlik İzleme Sistemi” devreye alınmıştır.

• Erişilebilirlik Logosu: Standartlara uyum sağlayan platformlara 2 yıl geçerli logo verilmektedir.
• A Seviyesi Denetim: 31 ana ilke ve 122 kontrol sorusu üzerinden yapılan sıkı denetimler başlamıştır.
• İnceleme Komisyonları: Her kurumun bünyesinde teknik değerlendirme yapacak uzman ekiplerin kurulması zorunlu hale getirilmiştir.

6. Stratejik Avantaj: SEO, Dönüşüm ve Marka Güveni

Erişilebilirlik sadece bir “iyilik” projesi değildir; iş sonuçlarına doğrudan etki eden dev bir büyüme motorudur.

SEO ile %100 Uyum

Google botları sitenizi tıpkı bir ekran okuyucu gibi tarar. Erişilebilir bir site, teknik SEO kriterlerinin çoğunu zaten yerine getirmiştir:

• Net H1-H6 başlık hiyerarşisi.
• Anlamlı görseller (Alt metinler).
• Düşük kod/metin oranı ve hızlı yüklenme.
• Mobil uyumluluk (Core Web Vitals).

Pazar Payı ve Sadakat

Erişilebilir tasarımlar, 1 milyardan fazla potansiyel kullanıcıya kapı açar. Engelli bireyler ve onların aileleri, kendilerini önemseyen markalara karşı yüksek sadakat gösterme eğilimindedir.

Ayrıca, kapsayıcı bir deneyim tüm kullanıcıların sitede kalma süresini ve işlem tamamlama oranlarını artırır.

7. Denetim ve Kalite Güvencesi: Siteniz Ne Kadar Erişilebilir?

Bir projenin bittiğini ancak doğru testlerle anlayabiliriz. Erişilebilirlik testleri üç aşamalı bir yaklaşımla yapılmalıdır:

1. Otomatik Araçlar (Yüzde 30): Axe, WAVE ve Google Lighthouse gibi araçlar, kod bazındaki bariz hataları (eksik etiketler, düşük kontrast) anında tespit eder. Hızlıdır ancak “bağlamı” anlayamazlar.
2. Uzman Manuel Testleri (Yüzde 50): Bir uzmanın ekran okuyucu (NVDA, JAWS) kullanarak sitede gezinmesi, klavye ile her butona basabilmesi ve hata mesajlarını mantıksal olarak değerlendirmesidir.
3. Kullanıcı Testleri (Yüzde 100): Gerçek engelli bireylerle yapılan oturumlar. Hiçbir otomatik araç, görme engelli bir kullanıcının o karmaşık formu doldururken yaşadığı “duygusal bariyeri” size söyleyemez.

Öneri: Her yeni sürüm (release) öncesi erişilebilirlik check-list’inizi mutlaka güncelleyin. Tasarımın bir aşamasında değişen küçük bir buton rengi, tüm AA uyumluluk puanınızı düşürebilir.

8. Sonuç: Geleceğin Dijital Dünyası Kapsayıcı Olacak

Dijital erişilebilirlik, artık “olursa iyi olur” denilen bir lüks değil; profesyonel tasarımın ve kurumsal sorumluluğun temel taşıdır. Erişilebilir olmayan bir ürün, aslında yarım bırakılmış bir üründür.

WCAG 2.2 standartlarını takip etmek, Türkiye’deki yasal mevzuata uyum sağlamak ve tasarım sürecine kapsayıcı bir vizyonla yaklaşmak; şirketleri sadece cezalardan korumakla kalmaz, onları daha geniş kitlelere ulaştırır, SEO performansını zirveye taşır ve en önemlisi herkes için eşit bir dijital dünya yaratır.

Nesil Teknoloji olarak, teknolojinin birleştirici gücüne inanıyoruz. Projelerinizde erişilebilirlik standartlarını hayata geçirmek, denetim süreçlerini yönetmek veya ekibinize kapsayıcı tasarım eğitimi vermek için uzman kadromuzla yanınızdayız.

Erişilebilirlik Yolculuğuna Bugün Başlayın

Web sitenizin veya mobil uygulamanızın erişilebilirlik skorunu öğrenmek ve WCAG 2.2 uyum raporu hazırlatmak için bizimle iletişime geçebilirsiniz.

İletişim Formu İçin Tıklayın