Akadálymentesítés a mobilfejlesztésben: mi ez, milyen szabványok és hogyan valósítsuk meg

Mi az akadálymentesítés?

Accessibility (rövidítve a11y — a betű + 11 betű + y) — egy termék azon tulajdonsága, hogy fogyatékkal élő emberek számára használható. Mobileszközök kontextusában ez jelenti: képernyőolvasók (VoiceOver, TalkBack) támogatása, megfelelő szövegméret, magas kontraszt, helyes fókuszsorrend a billentyűzetes navigációhoz és a szédülést okozó animált elemek hiánya.

Az inkluzivitás nemcsak etikai, hanem jogi kötelezettség is. Számos ország rendelkezik digitális akadálymentesítési törvényekkel: ADA (USA), 508. szakasz, European Accessibility Act (EU, 2025-től kötelező az alkalmazásokra). A Business Disability Forum szerint az akadálymentesítésbe befektető vállalatok 15–20%-kal növelik közönségüket és csökkentik a jogi kockázatokat.

Az IT Sectr-nél a fejlesztés minden szakaszában ellenőrizzük az akadálymentesítést. Tapasztalatunk azt mutatja: a tervezési szakaszban történő javítás 10-szer olcsóbb, mint a kiadás után. Az akadálymentesítés nem funkció, hanem alapvető követelmény egy modern alkalmazáshoz.

iOS: VoiceOver, Accessibility Label, Trait

Az Apple ökoszisztéma hatékony akadálymentesítési eszközöket kínál. VoiceOver egy beépített képernyőolvasó, amely hangosan felolvassa mindazt, ami a képernyőn történik. A felhasználó gesztusokkal vezérli az eszközt: jobbra húzás — következő elem, balra húzás — előző elem, dupla koppintás — aktiválás.

Accessibility Label a szöveg, amelyet a VoiceOver felolvas egy elemhez. Alapértelmezés szerint az iOS a gomb szövegét vagy címkét használja, de ikonok és grafikus elemek esetén explicit módon kell beállítani a címkét. Az Accessibility Trait egy tulajdonság, amely leírja az elem típusát: button (gomb), header (fejléc), link (hivatkozás), image (kép). A helyes trait-ök segítik a felhasználót abban, hogy megértsék, hogyan kell kölcsönhatásba lépni egy elemmel.

VoiceOver és Accessibility Label

VoiceOver több mint 40 nyelvet támogat, és minden Apple-eszközön működik. A fejlesztő számára a legfontosabb a helyes accessibilityLabel és accessibilityTraits beállítása minden felületelemhez. Ha egy elem nem lehet elérhető (dekoratív kép), állítsa be az isAccessibilityElement = false értéket.

// Swift — akadálymentesítés beállítása egy gombhoz
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "Cikk megosztása"
shareButton.accessibilityHint = "Párbeszédablakot nyit a küldési mód kiválasztásához"
shareButton.accessibilityTraits = .button

// SwiftUI — még egyszerűbb
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("Megosztás")
        .accessibilityHint("Megnyitja a megosztási menüt")
    }
}

A kód egy szöveg nélküli gomb (csak ikon) akadálymentesítési beállítását mutatja. AccessibilityLabel az, amit a felhasználó hallani fog. AccessibilityHint — további tipp a művelet eredményéről. Ne használjon olyan kifejezéseket, mint «gomb a» — a Trait már jelzi, hogy gomb.

Android: TalkBack, Content Description

TalkBack a Google képernyőolvasója Androidhoz, amely az Android Accessibility Suite csomag része. A VoiceOver-hez hasonlóan hangosan felolvassa a felület elemeit, és gesztusokkal vezérelhető. A TalkBack több mint 100 nyelvet támogat, és minden Google Play Services-szel rendelkező eszközön működik.

Content Description az accessibilityLabel megfelelője Androidon. XML-ben az android:contentDescription attribútumon keresztül, kódban pedig a setContentDescription() metódussal állítható be. A nem fókuszálható elemek (dekoratív ImageView) esetén használja az importantForAccessibility="no" értéket.

TalkBack és Focus Order

Focus Order (fókusz sorrend) — az a sorrend, ahogyan a TalkBack a lapozás során az elemek között mozog. Alapértelmezés szerint az Android az elemek elrendezés szerinti sorrendjét használja, de ez az accessibilityTraversalBefore és accessibilityTraversalAfter attribútumokkal módosítható. Ez fontos az egyedi összetevőkkel rendelkező összetett képernyők esetén.

Az IT Sectr-nél minden képernyőn ellenőrizzük a Focus Order-t. A fókuszsorrend hibái az egyik leggyakoribb akadálymentesítési probléma. Például, ha egy fejléc után a felhasználó a cikk szövege helyett a megjegyzésekhez megy — ez egy akadálymentesítési hiba.

WCAG és szabványok

WCAG (Web Content Accessibility Guidelines) — a W3C által fejlesztett nemzetközi akadálymentesítési szabvány. A jelenlegi verzió a WCAG 2.2 (2023). A szabvány 4 alapelvre oszlik: Perceivable (észlelhető), Operable (működtethető), Understandable (érthető), Robust (robusztus) — rövidítés POUR.

WCAG szintek: A (minimális), AA (közepes, az EU-ban törvényileg kötelező), AAA (maximális). Mobileszközökre az AA szint elegendő: legalább 4.5:1 szövegkontraszt, képernyőolvasó támogatás, legalább 44x44 pixel célméret, feliratok videókhoz.

WCAG szintek

A szint — alapvető követelmények: szöveges alternatívák képekhez, billentyűzetvezérlés, legalább 3:1 kontraszt. AA szint — közepes: kontraszt 4.5:1, 200%-os méretezés támogatása, helyes fejlécek és címkék. AAA szint — magas: kontraszt 7:1, jelnyelv videókhoz, teljes hangvezérlés. A gyakorlatban a legtöbb vállalat az AA-ra törekszik.

2. táblázat. Az iOS és Android akadálymentesítési API-k összehasonlítása. A különböző elnevezések ellenére a fogalmak azonosak: címke, típus, fókusz sorrend és szövegadaptáció támogatása.

Akadálymentesítés tesztelése

Az akadálymentesítés tesztelése az alkalmazás WCAG szabványoknak való megfelelésének és a képernyőolvasókkal való helyes működésének ellenőrzése. Minimális tesztsor: kapcsolja be a VoiceOver/TalkBack szolgáltatást, és navigáljon végig az alkalmazás minden képernyőjén. Hallgassa meg, hogy minden elem felolvasásra kerül-e, a fókusz sorrend logikus-e, és a nem megfelelő (dekoratív) elemek figyelmen kívül hagyása megtörténik-e.

Automatizált eszközök: Xcode Accessibility Inspector (audit az Xcode-ban iOS-hez), Android Accessibility Scanner (beolvassa a képernyőt és megtalálja a problémákat), Axe DevTools, WAVE. Ezek az eszközök ellenőrzik a kontrasztot, a célméretet, a címkék meglétét és egyéb paramétereket.

Az IT Sectr-nél minden kiadás előtt akadálymentesítési felülvizsgálatot végzünk. A folyamat magában foglalja: automatikus audit (Accessibility Inspector), kézi tesztelés VoiceOver és TalkBack segítségével, kontraszt- és szövegméretezés-ellenőrzés. A problémákat rögzítjük a Jira-ban, és hozzárendeljük egy sprinthez. Ez lehetővé teszi a WCAG AA szint fenntartását az összes projektben.