Erişilebilirlik (Accessibility)
Mavium ürünleri, engelli bireyler dahil tüm kullanıcılar tarafından erişilebilir olmalıdır. Erişilebilirlik bir özellik değil, temel bir kalite gereksinimidir.
Hedefimiz WCAG 2.1 AA uyumluluğudur. Erişilebilirlik, tasarım ve geliştirme sürecinin başından itibaren düşünülmelidir.
Temel Prensipler (POUR)
| Prensip | Açıklama | Örnek |
|---|---|---|
| Perceivable (Algılanabilir) | İçerik tüm duyularla algılanabilmeli | Görsellerde alt text, video altyazıları |
| Operable (Kullanılabilir) | Arayüz farklı yöntemlerle kullanılabilmeli | Klavye navigasyonu, yeterli tıklama alanı |
| Understandable (Anlaşılır) | İçerik ve işleyiş anlaşılır olmalı | Açık hata mesajları, tutarlı navigasyon |
| Robust (Sağlam) | Farklı teknolojilerle uyumlu olmalı | Ekran okuyucu desteği, semantik HTML |
Geliştirme Standartları
- Semantik HTML kullan (div yerine button, nav, main, article)
- Tüm interaktif öğeler klavye ile erişilebilir olmalı
- Renk kontrastı minimum 4.5:1 (normal metin), 3:1 (büyük metin)
- Form alanlarında label ve hata mesajları açık olmalı
- Görsellerde anlamlı alt text kullan (dekoratif görseller: alt='')
- Focus göstergesi (outline) kaldırılmamalı
- ARIA attribute'ları doğru ve gerektiğinde kullanılmalı
- Animasyonlar prefers-reduced-motion ile kontrol edilmeli
Test Süreci
| Aşama | Araç/Yöntem | Sıklık |
|---|---|---|
| Otomatik tarama | axe-core, Lighthouse | Her PR'da CI'da |
| Manuel test | Klavye navigasyonu, ekran okuyucu | Her sprint'te |
| Kullanıcı testi | Engelli kullanıcılarla test | Büyük özellik lansmanlarında |
| Denetim | Tam WCAG denetimi | Yılda 2 kez |
Sorumluluklar
- Tasarımcılar: Renk kontrastı, font boyutu, dokunma hedefleri
- Geliştiriciler: Semantik HTML, ARIA, klavye erişimi
- QA: Erişilebilirlik test senaryoları
- Ürün: Erişilebilirlik gereksinimlerini user story'lere dahil etme
- İçerik: Anlaşılır dil, yapılandırılmış başlıklar
Erişilebilirlik sorunları bug olarak değerlendirilir ve önceliklendirilir. Kritik erişilebilirlik sorunları release blocker'dır.