Mobil ishlanmada foydalanish imkoniyati: bu nima, qanday standartlar va qanday joriy qilish

Foydalanish imkoniyati nima?

Accessibility (qisqartma a11y — a harfi + 11 harf + y) — mahsulotning nogironligi bo'lgan odamlar tomonidan foydalanish mumkin bo'lish xususiyatidir. Mobil ilovalar kontekstida bu degani: ekran o'quvchilar (VoiceOver, TalkBack) qo'llab-quvvatlashi, tegishli matn hajmi, yuqori kontrast, klaviatura navigatsiyasi uchun to'g'ri fokus tartibi va bosh aylanishiga sabab bo'ladigan animatsion elementlarning yo'qligi.

Inklyuzivlik nafaqat axloqiy, balki huquqiy majburiyatdir. Ko'pgina mamlakatlarda raqamli foydalanish imkoniyati to'g'risida qonunlar mavjud: ADA (AQSh), 508-bo'lim, European Accessibility Act (Yevropa Ittifoqi, 2025 yildan ilovalar uchun majburiy). Business Disability Forum ma'lumotlariga ko'ra, foydalanish imkoniyatiga sarmoya kiritadigan kompaniyalar auditoriyasini 15–20% ga oshiradi va huquqiy xavflarni kamaytiradi.

IT Sectr da biz rivojlanishning har bir bosqichida foydalanish imkoniyatini tekshiramiz. Tajribamiz shuni ko'rsatadiki: dizayn bosqichida foydalanish imkoniyati muammolarini tuzatish chiqarishdan keyin 10 baravar arzon. Foydalanish imkoniyati xususiyat emas, balki zamonaviy ilova uchun asosiy talabdir.

iOS: VoiceOver, Accessibility Label, Trait

Apple ekotizimi kuchli foydalanish imkoniyati vositalarini taklif etadi. VoiceOver ekranda sodir bo'layotgan hamma narsani ovozli o'qiydigan o'rnatilgan ekran o'quvchidir. Foydalanuvchi qurilmani imo-ishoralar bilan boshqaradi: o'ngga surish — keyingi element, chapga surish — oldingi element, ikki marta bosish — faollashtirish.

Accessibility Label — VoiceOver element uchun o'qiydigan matn. Sukut bo'yicha, iOS tugma matni yoki yorliqdan foydalanadi, lekin piktogramma va grafik elementlar uchun yorliqni aniq belgilashingiz kerak. Accessibility Trait — element turini tavsiflovchi xususiyat: button (tugma), header (sarlavha), link (havola), image (tasvir). To'g'ri trait-lar foydalanuvchiga element bilan qanday munosabatda bo'lishni tushunishga yordam beradi.

VoiceOver va Accessibility Label

VoiceOver 40 dan ortiq tillarni qo'llab-quvvatlaydi va barcha Apple qurilmalarida ishlaydi. Dasturchi uchun asosiy narsa har bir interfeys elementi uchun to'g'ri accessibilityLabel va accessibilityTraits o'rnatishdir. Agar element foydalanish mumkin bo'lmasligi kerak bo'lsa (dekorativ rasm), isAccessibilityElement = false o'rnating.

// Swift — tugma uchun foydalanish imkoniyati sozlamasi
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "Ushbu maqolani ulashish"
shareButton.accessibilityHint = "Yuborish usulini tanlash uchun dialog oynasini ochadi"
shareButton.accessibilityTraits = .button

// SwiftUI — yanada sodda
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("Ulashish")
        .accessibilityHint("Ulashish menyusini ochadi")
    }
}

Kod matnsiz tugma (faqat piktogramma) uchun foydalanish imkoniyati sozlamasini ko'rsatadi. AccessibilityLabel foydalanuvchi eshitadigan narsadir. AccessibilityHint — harakat natijasi haqida qo'shimcha maslahat. Yorliqda «uchun tugma» kabi iboralarni ishlatmang — Trait allaqachon bu tugma ekanligini bildiradi.

Android: TalkBack, Content Description

TalkBack Android uchun Google-ning ekran o'quvchisi bo'lib, Android Accessibility Suite to'plamining bir qismidir. VoiceOver singari, u interfeys elementlarini ovozli o'qiydi va imo-ishoralar bilan boshqariladi. TalkBack 100 dan ortiq tillarni qo'llab-quvvatlaydi va Google Play Services mavjud barcha qurilmalarda ishlaydi.

Content Description — Android-da accessibilityLabel ga tengdir. U XMLda android:contentDescription atributi yoki kodda setContentDescription() metodi orqali o'rnatiladi. Fokuslanmaydigan elementlar (dekorativ ImageView) uchun importantForAccessibility="no" dan foydalaning.

TalkBack va Focus Order

Focus Order (fokus tartibi) — surish paytida TalkBack elementlar orasida harakat qilish ketma-ketligi. Sukut bo'yicha, Android layoutdagi elementlarning tartibidan foydalanadi, lekin uni accessibilityTraversalBefore va accessibilityTraversalAfter atributlari orqali o'zgartirish mumkin. Bu maxsus komponentlarga ega murakkab ekranlar uchun muhimdir.

IT Sectr da biz har bir ekranda Focus Order ni tekshiramiz. Fokus tartibi xatolari eng keng tarqalgan foydalanish imkoniyati muammolaridan biridir. Masalan, sarlavhadan keyin foydalanuvchi maqola matni o'rniga izohlarga o'tsa — bu foydalanish imkoniyati xatosidir.

WCAG va standartlar

WCAG (Web Content Accessibility Guidelines) — W3C tomonidan ishlab chiqilgan xalqaro foydalanish imkoniyati standarti. Joriy versiya WCAG 2.2 (2023). Standart 4 tamoyilga bo'linadi: Perceivable (idrok qilinadigan), Operable (boshqariladigan), Understandable (tushunarli), Robust (mustahkam) — qisqartma POUR.

WCAG Darajalari: A (minimal), AA (o'rta, Yevropa Ittifoqida qonuniy majburiy), AAA (maksimal). Mobil ilovalar uchun AA darajasi etarli: matn kontrasti kamida 4.5:1, ekran o'quvchi qo'llab-quvvatlashi, minimal maqsad hajmi 44x44 piksel, video uchun subtitrlar.

WCAG Darajalari

Daraja A — asosiy talablar: tasvirlar uchun matn muqobillari, klaviatura boshqaruvi, kamida 3:1 kontrast. Daraja AA — o'rta: kontrast 4.5:1, 200% gacha masshtablash qo'llab-quvvatlashi, to'g'ri sarlavhalar va yorliqlar. Daraja AAA — yuqori: kontrast 7:1, video uchun imo-ishora tili, to'liq ovozli boshqaruv. Amalda, aksariyat kompaniyalar AA ni maqsad qiladi.

Jadval 2. iOS va Android foydalanish imkoniyati API larini taqqoslash. Turli nomlarga qaramay, tushunchalar bir xil: yorliq, tur, fokus tartibi va matn moslashuvini qo'llab-quvvatlash.

Foydalanish imkoniyati testi

Foydalanish imkoniyati testi — ilovaning WCAG standartlariga muvofiqligi va ekran o'quvchilar bilan to'g'ri ishlashini tekshirishdir. Minimal test to'plami: VoiceOver/TalkBack-ni yoqing va ilovaning barcha ekranlarida navigatsiya qiling. Tinglang va barcha elementlar o'qilayotganini, fokus tartibi mantiqiy ekanligini va nomaqbul elementlar (dekorativ) e'tiborga olinmayotganini tekshiring.

Avtomatlashtirilgan vositalar: Xcode Accessibility Inspector (iOS uchun Xcode da audit), Android Accessibility Scanner (ekranni skanerlaydi va muammolarni topadi), Axe DevTools, WAVE. Ushbu vositalar kontrast, maqsad hajmi, yorliqlar mavjudligi va boshqa parametrlarni tekshiradi.

IT Sectr da biz har bir chiqarishdan oldin foydalanish imkoniyati ko'rib chiqishini o'tkazamiz. Jarayon o'z ichiga oladi: avtomatik audit (Accessibility Inspector), VoiceOver va TalkBack bilan qo'lda test, kontrast va matn masshtabini tekshirish. Muammolarni Jira da qayd etamiz va sprintga tayinlaymiz. Bu bizga barcha loyihalarda WCAG AA darajasini saqlashga imkon beradi.