Mobil inkişafda əlçatanlıq: nədir, hansı standartlar var və necə tətbiq edilməli

Əlçatanlıq nədir?

Accessibility (qısaca a11y — a hərfi + 11 hərf + y) — məhsulun əlilliyi olan insanlar tərəfindən istifadə edilə bilmə xüsusiyyətidir. Mobil tətbiqlər kontekstində bu deməkdir: ekran oxuyucuları (VoiceOver, TalkBack) dəstəyi, adekvat mətn ölçüsü, yüksək kontrast, klaviatura naviqasiyası üçün düzgün fokus sırası və başgicəllənməyə səbəb olan animasiya elementlərinin olmaması.

İnklüzivlik təkcə etik deyil, həm də hüquqi öhdəlikdir. Bir çox ölkələrdə rəqəmsal əlçatanlıq qanunları var: ADA (ABŞ), Bölmə 508, European Accessibility Act (AB, 2025-dən etibarən tətbiqlər üçün məcburi). Business Disability Forum-a görə, əlçatanlığa sərmayə qoyan şirkətlər auditoriyalarını 15–20% artırır və hüquqi riskləri azaldır.

IT Sectr-də biz inkişafın hər mərhələsində əlçatanlığı yoxlayırıq. Təcrübəmiz göstərir: dizayn mərhələsində əlçatanlıq problemlərini düzəltmək buraxılışdan sonra olduğundan 10 dəfə ucuzdur. Əlçatanlıq bir xüsusiyyət deyil, müasir tətbiq üçün əsas tələbdir.

iOS: VoiceOver, Accessibility Label, Trait

Apple ekosistemi güclü əlçatanlıq alətləri təklif edir. VoiceOver ekranda baş verən hər şeyi səsləndirən daxili ekran oxuyucusudur. İstifadəçi cihazı jestlərlə idarə edir: sağa sürüşdürmə — növbəti element, sola sürüşdürmə — əvvəlki element, iki dəfə toxunma — aktivləşdirmə.

Accessibility Label — VoiceOver-in bir element üçün oxuduğu mətndir. Standart olaraq iOS düymə mətnindən və ya etiketdən istifadə edir, lakin nişanlar və qrafik elementlər üçün etiketi açıq şəkildə təyin etməlisiniz. Accessibility Trait — elementin növünü təsvir edən xüsusiyyətdir: button (düymə), header (başlıq), link (keçid), image (şəkil). Düzgün traits istifadəçinin elementlə necə qarşılıqlı əlaqə quracağını anlamasına kömək edir.

VoiceOver və Accessibility Label

VoiceOver 40-dan çox dili dəstəkləyir və bütün Apple cihazlarında işləyir. Tərtibatçı üçün əsas şey hər interfeys elementi üçün düzgün accessibilityLabel və accessibilityTraits təyin etməkdir. Bir element əlçatan olmamalıdırsa (dekorativ şəkil), isAccessibilityElement = false təyin edin.

// Swift — düymə üçün əlçatanlıq qurulumu
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "Bu məqaləni paylaş"
shareButton.accessibilityHint = "Göndərmə üsulu seçmək üçün dialoq açır"
shareButton.accessibilityTraits = .button

// SwiftUI — daha da sadə
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("Paylaş")
        .accessibilityHint("Paylaşma menyusunu açır")
    }
}

Kod mətnsiz düymə (yalnız nişan) üçün əlçatanlıq qurulumunu göstərir. AccessibilityLabel istifadəçinin eşidəcəyi şeydir. AccessibilityHint — hərəkətin nəticəsi haqqında əlavə ipucu. Etiketdə «üçün düymə» kimi ifadələr istifadə etməyin — Trait artıq bunun bir düymə olduğunu bildirir.

Android: TalkBack, Content Description

TalkBack Android üçün Google-un ekran oxuyucusudur, Android Accessibility Suite paketinin bir hissəsidir. VoiceOver kimi, interfeys elementlərini səsləndirir və jestlərlə idarə olunur. TalkBack 100-dən çox dili dəstəkləyir və Google Play Services olan bütün cihazlarda işləyir.

Content Description — Android-də accessibilityLabel-in ekvivalentidir. XML-də android:contentDescription atributu və ya kodda setContentDescription() metodu ilə təyin edilir. Fokuslanmayan elementlər (dekorativ ImageView) üçün importantForAccessibility="no" istifadə edin.

TalkBack və Focus Order

Focus Order (fokus sırası) — sürüşdürmə zamanı TalkBack-in elementlər arasında hərəkət etmə ardıcıllığıdır. Standart olaraq Android layout-da elementlərin sırasını istifadə edir, lakin bu, accessibilityTraversalBefore və accessibilityTraversalAfter atributları vasitəsilə dəyişdirilə bilər. Bu, xüsusi komponentləri olan mürəkkəb ekranlar üçün vacibdir.

IT Sectr-də biz hər ekranda Focus Order-i yoxlayırıq. Fokus sırası səhvləri ən çox yayılmış əlçatanlıq problemlərindəndir. Məsələn, başlıqdan sonra istifadəçi məqalə mətni əvəzinə şərhlərə gedirsə — bu əlçatanlıq xətasıdır.

WCAG və standartlar

WCAG (Web Content Accessibility Guidelines) — W3C tərəfindən hazırlanmış beynəlxalq əlçatanlıq standartıdır. Cari versiya WCAG 2.2 (2023)-dir. Standart 4 prinsipə bölünür: Perceivable (qavranıla bilən), Operable (idarə oluna bilən), Understandable (başa düşülən), Robust (etibarlı) — qısaltma POUR.

WCAG Səviyyələri: A (minimum), AA (orta, AB-də qanuni olaraq məcburi), AAA (maksimum). Mobil tətbiqlər üçün AA səviyyəsi kifayətdir: mətn kontrastı ən azı 4.5:1, ekran oxuyucusu dəstəyi, minimum hədəf ölçüsü 44x44 piksel, video üçün alt yazılar.

WCAG Səviyyələri

Səviyyə A — əsas tələblər: şəkillər üçün mətn alternativləri, klaviatura idarəsi, ən azı 3:1 kontrast. Səviyyə AA — orta: kontrast 4.5:1, 200% qədər miqyas dəstəyi, düzgün başlıqlar və etiketlər. Səviyyə AAA — yüksək: kontrast 7:1, video üçün işarət dili, tam səs idarəsi. Praktikada əksər şirkətlər AA-nı hədəfləyir.

Cədvəl 2. iOS və Android əlçatanlıq API-lərinin müqayisəsi. Fərqli adlara baxmayaraq, anlayışlar eynidir: etiket, növ, fokus sırası və mətn uyğunlaşma dəstəyi.

Əlçatanlıq testi

Əlçatanlıq testi — tətbiqin WCAG standartlarına uyğunluğunu və ekran oxuyucuları ilə düzgün işləməsini yoxlamaqdır. Minimum test dəsti: VoiceOver/TalkBack-i aktivləşdirin və tətbiqin bütün ekranlarında gəzin. Dinləyərək bütün elementlərin səsləndirildiyini, fokus sırasının məntiqli olduğunu və uyğun olmayan elementlərin (dekorativ) nəzərə alınmadığını yoxlayın.

Avtomatlaşdırılmış alətlər: Xcode Accessibility Inspector (iOS üçün Xcode-da audit), Android Accessibility Scanner (ekranı skan edir və problemləri tapır), Axe DevTools, WAVE. Bu alətlər kontrast, hədəf ölçüsü, etiketlərin mövcudluğu və digər parametrləri yoxlayır.

IT Sectr-də biz hər buraxılışdan əvvəl əlçatanlıq icmalı keçiririk. Prosesə daxildir: avtomatik audit (Accessibility Inspector), VoiceOver və TalkBack ilə əl ilə test, kontrast və mətn miqyası yoxlaması. Problemləri Jira-da qeyd edirik və sprinta təyin edirik. Bu, bütün layihələrdə WCAG AA səviyyəsini saxlamağa imkan verir.