Web Erişilebilirliği (Accessibility) Teknik Standartları

Web Erişilebilirliği (Accessibility) Teknik Standartları, dijital ürünlerin görme, işitme, motor ve bilişsel yetersizlik yaşayan bireyler dahil olmak üzere tüm kullanıcılar tarafından engelsiz şekilde kullanılmasını sağlayan uluslararası yönergeler bütünüdür. W3C (World Wide Web Consortium) tarafından yayımlanan WCAG yönergeleri; semantik kodlama pratikleri, kontrast hedefleri, ekran okuyucu uyumluluğu ve klavye etkileşimi için bağlayıcı teknik kriterler belirler. Bu rehber; kurumsal web platformlarında WCAG 2.1 ve 2.2 uyumluluğunun nasıl tesis edileceğini, yasal riskleri, mimari gereksinimleri ve denetim süreçlerini karar vericiler ile teknik ekipler için operasyonel bir çerçevede ele alır.

Web Erişilebilirliği Nedir ve Kurumlar İçin Neden Kritik Bir Zorunluluktur?

Web erişilebilirliği (a11y), internet üzerindeki tüm web sitelerinin, web uygulamalarının, mobil arayüzlerin ve dijital belgelerin engelli bireyler tarafından eksiksiz biçimde algılanabilmesi, gezilebilmesi ve etkileşime girilebilmesi anlamına gelir. Bu yaklaşım yalnızca kalıcı fiziksel engelleri değil; kırık bir kol gibi geçici durumları, gürültülü bir ortamda video izlemek veya parlak güneş ışığı altında ekrana bakmak gibi durumsal kısıtlamaları da kapsar. Dijital varlıkların bu doğrultuda inşa edilmesi, kurumsal mimarinin temel yapı taşlarından biridir.

Teknik açıdan erişilebilirlik, web sayfalarının arka planında çalışan kaynak kodunun yardımcı teknolojiler (ekran okuyucular, ekran büyütücüler, ses tanıma sistemleri ve alternatif giriş cihazları) tarafından hatasız biçimde ayrıştırılabilmesidir. Kodun semantik hiyerarşisi bozulduğunda veya renk kontrastları yetersiz kaldığında, arayüz geniş bir kullanıcı kitlesi için tamamen işlevsiz hale gelir. Dünya Sağlık Örgütü verilerine göre dünya nüfusunun yaklaşık %16'sı belirgin bir engellilik durumuyla yaşamaktadır. Bu oran, erişilebilirlik gereksinimlerini göz ardı eden işletmelerin potansiyel pazar paylarının önemli bir kısmını doğrudan kaybetmesi demektir.

Modern dijital ürün yönetiminde erişilebilirlik sonradan eklenen bir yama değil, ürün geliştirme yaşam döngüsünün (SDLC) ilk aşamasından itibaren kurgulanması gereken bir kalite metriğidir. Tasarım sistemlerinden (Design Systems) komponent kütüphanelerine kadar her katmanda WCAG standartlarına uyum gözetildiğinde, hem geliştirme maliyetleri düşer hem de arayüzün bakım süreçleri kolaylaşır.

Etik Sorumluluk ve Sosyal Kapsayıcılık

Dijitalleşen hizmet dünyasında bankacılık işlemlerinden kamu hizmetlerine, eğitim platformlarından e-ticaret sitelerine kadar her türlü temel faaliyet web arayüzlerine taşınmıştır. Bir web platformunun görme engelli bir kullanıcının ekran okuyucu yazılımıyla formu doldurmasına izin vermemesi ya da motor engelli bir bireyin sepet adımını klavye ile tamamlayamaması, bireyin temel bilgi ve hizmet alma hakkının kısıtlanması anlamına gelir.

Kurumsal organizasyonlar için sosyal kapsayıcılık, çeşitlilik ve eşitlik politikalarının gerçek dünyadaki yansımasıdır. Erişilebilir dijital arayüzler inşa etmek, markanın yalnızca belirli bir yetenek grubuna değil, toplumun tüm katmanlarına eşit mesafede durduğunu kanıtlar. Bu yaklaşım, dijital ayrımcılığı ortadan kaldırarak her bireyin bağımsız bir şekilde dijital dünyada var olmasını mümkün kılar.

Kurumsal İtibar ve Kullanıcı Deneyimi

Erişilebilirlik standartlarına uygunluk, kullanıcı deneyimi (UX) kalitesiyle doğrudan ilişkilidir. WCAG yönergelerinin gerektirdiği net görsel hiyerarşi, okunabilir tipografi, anlaşılır hata bildirimleri ve mantıksal odaklanma akışları yalnızca engelli bireylerin değil, sitenizi ziyaret eden her kullanıcının gezinme hızını ve işlem tamamlama oranını artırır.

Kullanılabilirlik standartlarını yükselten işletmeler şu operasyonel kazanımları elde eder:

• Form terk etme oranlarında (abandonment rate) belirgin düşüş ve dönüşüm optimizasyonu (CRO) artışı,

• Arama motoru tarayıcılarının (web crawler) semantik HTML yapısını daha verimli taraması sonucu teknik SEO performansında güçlenme,

• Yardım Masası ve müşteri destek birimlerine gelen "işlem yapamıyorum" kaynaklı çağrı sayısında azalma,

• Kurumsal ESG (Çevresel, Sosyal ve Kurumsal Yönetişim) raporlamalarında ölçülebilir dijital kapsayıcılık göstergeleri.

Hukuki Yükümlülükler ve Yaptırım Riskleri

Web erişilebilirliği artık yalnızca bir iyi niyet göstergesi değil, küresel ölçekte bağlayıcı hukuki mevzuatlarla denetlenen yasal bir zorunluluktur. Amerika Birleşik Devletleri'nde Engelli Amerikalılar Yasası (ADA Title III), kamuya açık tüm web sitelerini ticari işletmelerin erişilebilir kılması gereken alanlar olarak kabul etmektedir. ADA kapsamındaki web erişilebilirliği davalarının sayısı yıllık bazda binlerle ifade edilmektedir.

Avrupa Birliği genelinde yürürlüğe giren Avrupa Erişilebilirlik Yasası (European Accessibility Act - EAA), e-ticaret platformları, bankacılık servisleri ve dijital biletleme sistemleri dahil olmak üzere geniş bir hizmet yelpazesine WCAG 2.1 AA düzeyinde uyumluluk şartı getirmektedir. Standartlara uymayan şirketler için para cezaları ve faaliyet durdurma gibi yaptırımlar öngörülmektedir. Küresel pazarda faaliyet gösteren veya bu pazarlarla ticaret yapan her işletme için erişilebilirlik standartları doğrudan bir yasal risk yönetimi konusudur.

W3C ve WCAG: Küresel Erişilebilirlik Standartlarının Temeli

World Wide Web Consortium (W3C), internetin evrensel ilkelerini belirleyen uluslararası konsorsiyumdur. W3C bünyesinde faaliyet gösteren Web Erişilebilirliği Girişimi (WAI - Web Accessibility Initiative), dijital içeriklerin herkes için erişilebilir olmasını sağlamak amacıyla Web İçeriği Erişilebilirlik Yönergeleri'ni (WCAG - Web Content Accessibility Guidelines) geliştirir. WCAG, tüm dünyada kabul gören ve yerel mevzuatlara temel teşkil eden tek teknik referans dokümanıdır.

WCAG standartları statik değildir; gelişen web teknolojilerine, cihaz çeşitliliğine ve kullanıcı ihtiyaçlarına göre güncellenir:

• WCAG 2.0 (2008): Web sayfalarının temel masaüstü erişilebilirlik ilkelerini belirlemiştir.

• WCAG 2.1 (2018): Mobil cihazlar, dokunmatik ekranlar, düşük görme yetisi ve bilişsel engellere odaklanan 17 yeni başarı kriteri eklemiştir.

• WCAG 2.2 (2023): Kimlik doğrulama adımları, dokunma hedefi boyutları ve odaklama hareketleri üzerine 9 yeni kriter getirmiş, eskiyen 4.1.1 Parsing kriterini yürürlükten kaldırmıştır.

• WCAG 3.0 (W3C Geliştirme Aşamasında): Sayısal puanlama modelleri ve daha geniş kullanıcı profillerini kapsayacak esnek bir denetim çerçevesi hazırlamaktadır.

WCAG Uyum Seviyeleri ve Kurumsal Beklentiler (A, AA, AAA)

WCAG başarı kriterleri, uygulanabilirlik ve kritiklik düzeylerine göre üç ana seviyede derecelendirilir. Her üst seviye, kendisinden önceki seviyenin tüm gereksinimlerini eksiksiz karşılamak zorundadır.

Kurumsal bir işletmenin stratejik hedefi her zaman WCAG 2.1 veya WCAG 2.2 Seviye AA uyumluluğu olmalıdır. Seviye A teknik bir zemin sunarken, yasal davalardan ve kullanıcı mağduriyetlerinden korunmak için Seviye AA kriterlerinin tamamının karşılanması esastır.

WCAG Kapsamında 4 Temel Evrensel Tasarım İlkesi (POUR)

WCAG yapısının tamamı, İngilizce baş harflerinden oluşan POUR kısaltmasıyla bilinen 4 temel ilke üzerine inşa edilmiştir. Bir web sitesinin erişilebilir kabul edilebilmesi için bu dört ilkenin her birinde yer alan başarı kriterlerini eksiksiz yerine getirmesi şarttır.

Algılanabilirlik (Perceivable)

Algılanabilirlik ilkesi; kullanıcı arayüzü bileşenlerinin ve içerikteki bilginin, kullanıcıların duyularıyla algılayabileceği şekillerde sunulmasını gerektirir. Kullanıcının bir bilgiyi görememesi, duyamaması veya dokunamaması durumunda sistemin alternatif bir sunum kanalı sağlaması zorunludur.

Bu ilkenin teknik gerekleri şunları kapsar:

• Metin Dışı İçerik İçin Alternatifler (WCAG 1.1.1): Sayfadaki tüm anlam taşıyan görseller, grafikler ve simgeler açıklayıcı bir @@CODE0@@ metnine sahip olmalıdır. Dekoratif amaçlı kullanılan görseller ise ekran okuyucuları gereksiz meşgul etmemek adına @@CODE1@@ veya aria-hidden="true" ile işaretlenmelidir.

• Zamana Bağlı Medya (WCAG 1.2): Önceden kaydedilmiş tüm sesli ve görüntülü içerikler için senkronize altyazı (captions), sesli betimleme (audio description) veya tam metin dökümü (transcript) sağlanmalıdır.

• Uyarlanabilir İçerik (WCAG 1.3): İçeriğin sunum şekli değiştiğinde (örneğin mobil ekranda tek sütuna düşürüldüğünde veya ekran okuyucu tarafından okunduğunda) bilginin anlamı ve hiyerarşik yapısı kaybolmamalıdır.

• Ayırt Edilebilirlik (WCAG 1.4): İçerikteki metinler ile arka plan renkleri arasında yeterli kontrast sağlanmalıdır. Bilgi aktarımı yalnızca renge dayandırılmamalı (örneğin zorunlu alanlar yalnızca kırmızı renkle değil, metinsel bir uyarı veya ikonla da belirtilmelidir).

Kullanılabilirlik ve İşletilebilirlik (Operable)

Kullanılabilirlik ilkesi; kullanıcı arayüzü bileşenlerinin ve sayfa navigasyonunun her türlü giriş cihazıyla çalıştırılabilir olmasını şart koşar. Arayüz, kullanıcının gerçekleştiremeyeceği fiziksel bir etkileşim modeli dayatmamalıdır.

Bu ilkenin teknik gerekleri şunları kapsar:

• Klavye Erişilebilirliği (WCAG 2.1): Tüm fonksiyonlar (menüler, formlar, modal pencereler, butonlar, sürükle-bırak alanları) fareye ihtiyaç duyulmaksızın yalnızca klavye (@@CODE0@@, @@CODE1@@, @@CODE2@@, @@CODE3@@, yön tuşları) ile çalıştırılabilmelidir. Klavye odağının hiçbir alanda takılıp kalmaması (Keyboard Trap engeli) zorunludur.

• Yeterli Zaman (WCAG 2.2): Kullanıcılara içeriği okumaları ve formları doldurmaları için yeterli süre tanınmalıdır. Oturumu otomatik sonlandıran zaman aşımları varsa, kullanıcıya bu süreyi uzatma veya durdurma imkanı verilmelidir.

• Nöbetler ve Fiziksel Reaksiyonlar (WCAG 2.3): Web sayfalarında saniyede üç kereden fazla yanıp sönen (flash) öğelere yer verilmemelidir. Bu tür animasyonlar fotosensitif epilepsi nöbetlerini tetikleyebilir.

• Gezinilebilirlik (WCAG 2.4): Kullanıcıların aradıkları içeriği kolayca bulabilmeleri için mantıksal sayfa başlıkları (<title>), atlama bağlantıları (Skip to content), açıkça görülebilir klavye odak halkaları ve anlaşılır bağlantı metinleri sunulmalıdır.

• Girdi Yöntemleri (WCAG 2.5): Dokunmatik ekranlarda dokunma hedefleri (touch target) yeterli boyutta olmalı (WCAG 2.2 AA gereği en az 24x24 CSS pikseli, önerilen 44x44 piksel) ve karmaşık el hareketleri (multipoint gestures) tek parmakla da yönetilebilmelidir.

Anlaşılabilirlik (Understandable)

Anlaşılabilirlik ilkesi; kullanıcı arayüzünün işleyişinin ve metinsel bilginin hedef kitle tarafından kavranabilir olmasını amaçlar. Tasarım öngörülebilir olmalı, kullanıcıyı beklenmedik davranışlarla şaşırtmamalıdır.

Bu ilkenin teknik gerekleri şunları kapsar:

• Okunabilirlik (WCAG 3.1): Web sayfasının ana dili @@CODE0@@ etiketinde @@CODE1@@ şeklinde açıkça tanımlanmalıdır. Sayfa içinde farklı bir dilde geçen paragraflar varsa, ilgili etikette dil değişikliği (lang="en") belirtilmelidir.

• Öngörülebilirlik (WCAG 3.2): Bir bileşen odak aldığında veya değeri değiştiğinde (örneğin bir açılır menüden seçenek seçildiğinde) sayfa kullanıcının onayı olmadan otomatik olarak yenilenmemeli, form gönderilmemeli veya odak beklenmedik bir yere zıplamamalıdır. Sitenin tüm sayfalarında navigasyon ve bileşen yerleşimleri tutarlı olmalıdır.

• Girdi Yardımı (WCAG 3.3): Form alanlarında kullanıcı hataları net bir dille izah edilmeli, hatanın hangi alanda olduğu işaretlenmeli ve düzeltme önerisi sunulmalıdır. Finansal veya yasal veri içeren kritik formlarda kullanıcıya işlem onaylanmadan önce veriyi gözden geçirme ve geri alma fırsatı tanınmalıdır.

Sağlamlık ve Dayanıklılık (Robust)

Sağlamlık ilkesi; kaynak kodun mevcut ve gelecekteki kullanıcı aracıları (web tarayıcıları, ekran okuyucular, arama motoru botları ve yardımcı donanımlar) tarafından güvenilir biçimde yorumlanabilmesini güvence altına alır.

Bu ilkenin teknik gerekleri şunları kapsar:

• Uyumlu Kodlama (WCAG 4.1.2): Özel olarak geliştirilen UI bileşenlerinin (custom dropdown, accordion, tab panel, modal) adı (Name), rolü (Role) ve o anki durumu (State - örn. aria-expanded="true") yardımcı teknolojilere doğru biçimde aktarılmalıdır.

• Durum Mesajları (WCAG 4.1.3): Sayfada sayfa yenilenmeden gerçekleşen dinamik değişiklikler (örneğin "Ürün sepete eklendi" uyarısı veya filtreleme sonuçları) aria-live bölgeleri kullanılarak ekran okuyuculara anında sesli bildirim olarak iletilmelidir.

Geliştirici ve Tasarım Ekipleri İçin Kritik Teknik Gereksinimler

Web erişilebilirliği standartlarının hayata geçirilmesi, doğrudan arayüz geliştiricileri (Frontend Developers) ve UI/UX tasarımcılarının iş birliğine dayanır. Kod tabanında ve tasarım sistemlerinde yapılan yapısal hatalar, yardımcı teknoloji kullanıcıları için arayüzü tamamen erişilemez kılabilir.

Semantik HTML ve WAI-ARIA Rollerinin Doğru Kullanımı

Erişilebilirliğin birinci kuralı, standart HTML5 semantik etiketlerini amacına uygun kullanmaktır. Semantik etiketler (@@CODE0@@, @@CODE1@@, @@CODE2@@, @@CODE3@@, @@CODE4@@, @@CODE5@@, <aside>), ekran okuyucuların sayfa içinde bölgeden bölgeye hızla atlamasını sağlayan bir landmark haritası sunar.

Sıkça yapılan en büyük hata, tıklanabilir tüm öğelerin @@CODE0@@ veya @@CODE1@@ etiketleriyle oluşturulup JavaScript @@CODE2@@ dinleyicileriyle butonlaştırılmasıdır. Standart bir @@CODE3@@ veya @@CODE4@@ etiketi; dahili klavye odaklanması, @@CODE5@@ ve @@CODE6@@ tuş tetikleyicileri ve ekran okuyucu rol tanımıyla birlikte gelir. @@CODE7@@ kullanıldığında ise tüm bu erişilebilirlik kabiliyetlerinin manuel olarak kodlanması gerekir.

<!-- HATALI VE ERİŞİLEMEZ KULLANIM -->
<div class="custom-button" onclick="submitForm()">Formu Gönder</div>

<!-- DOĞRU VE SEMANTİK KULLANIM -->
<button type="submit" class="primary-btn">Formu Gönder</button>

WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications), yerel HTML etiketlerinin yetersiz kaldığı karmaşık web uygulamalarında (örneğin özel sekmeler, açılır menüler, dinamik durum göstergeleri) yardımcı teknolojilere ek anlam ve durum bilgisi aktarmak için kullanılır. Ancak ARIA'nın altın kuralı şudur: Semantik bir HTML etiketi varsa, asla ARIA kullanılmamalıdır.

WAI-ARIA kullanımında dikkat edilmesi gereken temel roller ve öznitelikler:

• aria-expanded="true/false": Bir akordiyonun veya açılır menünün açık mı kapalı mı olduğunu belirtir.

• aria-hidden="true": Görsel ikonları ve yardımcı teknolojiden gizlenmesi gereken dekoratif katmanları gizler.

• aria-live="polite/assertive": Sayfa yenilenmeden güncellenen arama sonuçları veya sepet bildirimlerini ekran okuyucuya okutur.

• @@CODE0@@ ve @@CODE1@@: Bir form alanını doğrudan bir başlığa veya altındaki hata mesajına bağlar.

Renk Kontrast Oranları ve Görsel Hiyerarşi

Renk kontrastı, metin rengi ile üzerine bindiği arka plan rengi arasındaki parlaklık farkının matematiksel oranıdır. Düşük kontrast oranları, düşük görme yetisine sahip bireyler, renk körleri, yaşlı kullanıcılar ve parlak güneş ışığı altında mobil cihaz kullanan herkes için okunabilirliği ciddi ölçüde düşürür.

WCAG 2.1 ve 2.2 Seviye AA standartlarına göre zorunlu kontrast oranları:

• Normal Metinler (18.5px altı veya kalın olmayan 24px altı): En az 4.5:1 kontrast oranına sahip olmalıdır.

• Büyük Metinler (18.5px ve üzeri kalın metinler veya 24px ve üzeri normal metinler): En az 3:1 kontrast oranına sahip olmalıdır.

• Kullanıcı Arayüzü Bileşenleri ve Grafik Nesneler: Form kutularının sınır çizgileri, buton çerçeveleri ve grafiksel ikonlar arka planla en az 3:1 kontrast oluşturmalıdır.

Tasarımcıların yalnızca kontrast oranlarına değil, renk dışı görsel ipuçlarına da odaklanması gerekir. Örneğin form alanlarında hata oluştuğunda kutucuğun yalnızca kırmızı çizgiyle gösterilmesi yetersizdir; kutunun yanına bir uyarı ikonu eklenmeli ve altına "Lütfen geçerli bir e-posta adresi giriniz" şeklinde metinsel açıklama yerleştirilmelidir.

Klavye Erişilebilirliği ve Odak (Focus) Görünürlüğü

Motor beceri kısıtlılığı olan kullanıcılar, görme engelliler ve ileri düzey klavye kullanıcıları web sayfalarında gezinirken fare yerine yalnızca klavye kullanırlar. Bir web sitesinin klavye dostu olabilmesi için üç temel şartın sağlanması gerekir:

1. Mantıksal Odak Sırası (Focus Order): Kullanıcı @@CODE0@@ tuşuna bastığında odaklama sırası, sayfanın görsel ve anlamsal akışını (soldan sağa, yukarıdan aşağıya) birebir takip etmelidir. CSS @@CODE1@@ veya order özellikleri kullanıldığında DOM sırası ile görsel sıra uyuşmayabilir; bu durum klavye kullanıcısının kaybolmasına neden olur.

2. Görünür Odak Göstergesi (Focus Visible): Kullanıcının sayfada nerede olduğunu gösteren odak halkası asla CSS ile kaldırılmamalıdır. Tasarımcıların @@CODE0@@ veya @@CODE1@@ tanımlaması yapması erişilebilirlik açısından en kritik hatalardan biridir. Bunun yerine markanın tasarım diline uygun, arka planla en az 3:1 kontrast oluşturan özel bir :focus-visible stili tanımlanmalıdır.

3. Sayfa İçi Atlama Bağlantıları (Skip Links): Sayfanın en başında, klavye ile ilk odaklanıldığında görünür hale gelen "Ana İçeriğe Atla" (Skip to main content) bağlantısı bulunmalıdır. Bu bağlantı, klavye kullanıcılarının her sayfada onlarca menü öğesini tek tek geçmek zorunda kalmadan doğrudan ana içeriğe ulaşmasını sağlar.

/* HATALI: ODAK HALKASINI TAMAMEN SİLMEK */
button:focus {
  outline: none;
}

/* DOĞRU: YÜKSEK KONTRASTLI VE ERİŞİLEBİLİR ODAK HALKASI */
button:focus-visible {
  outline: 3px solid #0056b3;
  outline-offset: 2px;
}

Web Erişilebilirliği Test ve Denetim Süreçleri

Web erişilebilirliği bir defaya mahsus yapılan statik bir proje değil, her içerik güncellemesinde ve yeni özellik yayımında sürdürülmesi gereken sürekli bir denetim sürecidir. Profesyonel bir erişilebilirlik denetim stratejisi, otomatik test araçları ile manuel kullanıcı testlerinin doğru dengede birleştirilmesini gerektirir.

Otomatik Araçlar ve Manuel Testin Entegrasyonu

Dijital ekipler genellikle hızlı sonuç almak adına yalnızca otomatik tarayıcılara güvenir. Ancak otomatik test araçları (axe-core, Google Lighthouse, Pa11y, WAVE vb.), WCAG kapsamındaki erişilebilirlik problemlerinin teknik doğası gereği yalnızca %30 ila %40'ını tespit edebilir. Kalan %60'lık kısım insan muhakemesi ve manuel test gerektirir.

Örneğin, otomatik bir tarayıcı bir görselde alt etiketinin var olup olmadığını kontrol edebilir; ancak o etiketin görseli doğru betimleyip betimlemediğini ("ürün-görseli-1.jpg" gibi anlamsız bir metin olup olmadığını) ya da form hata mesajının bilişsel açıdan anlaşılır olup olmadığını denetleyemez.

[Sürekli Erişilebilirlik Test Döngüsü]
┌─────────────────────────────────────────────────────────────┐
│ 1. CI/CD Otomasyonu: Axe-core / Pa11y ile statik kod analizi│
├─────────────────────────────────────────────────────────────┤
│ 2. Manuel Klavye Testi: Tab, Shift+Tab, Enter ile navigasyon│
├─────────────────────────────────────────────────────────────┤
│ 3. Ekran Okuyucu Testi: NVDA, VoiceOver, JAWS denetimi      │
├─────────────────────────────────────────────────────────────┤
│ 4. Gerçek Kullanıcı Testi: Engelli bireylerle UX doğrulaması│
└─────────────────────────────────────────────────────────────┘

Kapsamlı bir erişilebilirlik test sürecinin aşamaları şunlardır:

1. Statik Kod Analizi ve CI/CD Entegrasyonu: Geliştirme aşamasında @@CODE0@@ gibi linter paketleri ve derleme süreçlerinde @@CODE1@@ testleri çalıştırılarak temel semantik ve kontrast hataları yayına çıkmadan engellenmelidir.

2. Klavye Yalnızca Testi (Keyboard-Only Testing): Test uzmanı fareyi tamamen bırakarak yalnızca klavye ile tüm kullanıcı akışlarını (üye olma, sepete ekleme, filtreleme, ödeme tamamlama) test etmelidir. Odak halkasının kaybolduğu veya takıldığı alanlar raporlanmalıdır.

3. Ekran Okuyucu Denetimi (Screen Reader Audit):

• Windows: NVDA (ücretsiz, açık kaynak) ve JAWS,

• macOS / iOS: VoiceOver (dahili),

• Android: TalkBack.

Bu araçlar kullanılarak sayfadaki görsel açıklamalar, başlık hiyerarşisi, dinamik açılır pencereler ve form geri bildirimleri sesli olarak doğrulanmalıdır.

1. Renk ve Kontrast Analizleri: Renk körlüğü simülatörleri (Color Oracle, Stark vb.) ve kontrast analiz araçları (Colour Contrast Analyser - CCA) kullanılarak tasarım sistemindeki tüm renk eşleşmeleri taranmalıdır.

2. Ekran Büyütme ve Yeniden Akış (Reflow - WCAG 1.4.10): Sayfa %400 yakınlaştırıldığında içeriğin yatay kaydırma çubuğu (horizontal scrollbar) üretmeden dikey olarak düzgünce yeniden akıp akmadığı kontrol edilmelidir.

Uyumsuzluk Durumunda Karşılaşılabilecek Kurumsal ve Hukuki Riskler

Dijital varlıkların erişilebilirlik standartlarından yoksun olması, günümüz iş dünyasında yalnızca bir teknik borç (technical debt) değil, doğrudan yönetim kurullarını ve hukuk departmanlarını ilgilendiren kurumsal bir risk faktörüdür.

Yasal Yaptırımlar ve Tazminat Davaları

Global ölçekte faaliyet gösteren veya yurt dışındaki kullanıcılara hizmet veren işletmeler için erişilebilirlik davaları ciddi bir maliyet kalemine dönüşmüştür:

• Amerika Birleşik Devletleri (ADA Title III): Web siteleri "halka açık konaklama ve ticaret alanları" kabul edildiğinden, erişilebilir olmayan her arayüz federal mahkemelerde dava konusu olabilmektedir. Bu davalarda şirketler uzlaşma ücretleri, avukat masrafları ve altyapı yenileme harcamaları dahil olmak üzere yüz binlerce dolarlık maliyetlerle karşılaşmaktadır.

• Avrupa Birliği (EAA - European Accessibility Act): 2025 yılı ortasından itibaren bağlayıcı hale gelen direktif kapsamında, AB pazarındaki tüketicilere e-ticaret, bankacılık, e-kitap ve ulaşım hizmeti sunan tüm kurumların WCAG 2.1 AA standartlarını karşılaması gerekmektedir. Standartlara uymayan platformlara üye devletlerin mevzuatlarına göre ağır idari para cezaları uygulanmaktadır.

• Kamu İhaleleri ve Section 508 / EN 301 549: Kamu kurumlarına yazılım veya dijital hizmet satan B2B ve kurumsal şirketler için erişilebilirlik uyumluluk raporu (VPAT - Voluntary Product Accessibility Template) sunmak ihale ön şartıdır. Erişilebilirliği belgelenemeyen dijital ürünler kamu ihalelerinden doğrudan elenir.

Marka İtibarı ve Müşteri Kaybı

Sosyal medyanın ve tüketici farkındalığının arttığı bir ortamda, erişilebilirlik bariyerleri nedeniyle hizmet alamayan kullanıcıların şikayetleri hızla viral krizlere dönüşebilir. Bir kullanıcının banka hesabına erişememesi, bilet satın alamaması veya sağlık sonucunu görüntüleyememesi markanın itibarını ciddi şekilde zedeler.

Müşteri kaybı açısından değerlendirildiğinde:

• Erişilebilirlik bariyeriyle karşılaşan engelli kullanıcıların %70'ten fazlası siteden anında ayrılmakta ve rakip platformlara yönelmektedir (Click-Away Pound araştırması verileri).

• Yaşlanan nüfusla birlikte görme ve işitme zorluğu yaşayan kullanıcıların sayısı hızla artmakta, arayüz okunabilirliği tüm demografik grupların sadakatini belirlemektedir.

• Arama motorları semantik yapısı güçlü ve kullanıcı deneyimi metrikleri yüksek siteleri ödüllendirmekte; erişilemeyen ve hemen çıkma oranı (bounce rate) yüksek sayfaların organik görünürlüğü düşmektedir.

Erişilebilirlik Mevzuatına Uyumun Önemi

Erişilebilirlik yatırımı, risklerden korunmanın ötesinde kurumsal bir büyüme kaldıracıdır. Standartlara tam uyum sağlayan işletmeler pazardaki müşteri erişimini genişletir, ürün kod kalitesini artırır ve sürdürülebilirlik hedeflerine ulaşır.

Erişilebilirlik uyumluluğunu kurumsal bir kültüre dönüştürmek için işletmelerin atması gereken adımlar:

1. Mevcut Durum Analizi (Accessibility Audit): Tüm dijital varlıkların WCAG 2.1/2.2 AA kriterlerine göre kapsamlı bir teknik denetimden geçirilmesi.

2. Erişilebilirlik Beyanı (Accessibility Statement): Web sitesinde sitenin hangi standartlara uyduğunu, bilinen kısıtlamaları ve geri bildirim iletişim kanalını belirten resmi bir metin yayımlanması.

3. Tasarım Sistemi Entegrasyonu: Figma veya benzeri ortamlarda oluşturulan UI kitlerine erişilebilir kontrast, odak ve tipografi kurallarının kalıcı olarak işlenmesi.

4. Ekiplerin Eğitimi: Tasarımcı, frontend yazılımcı ve içerik editörlerine düzenli WCAG ve semantik içerik eğitimlerinin verilmesi.