Přístupnost v mobilním vývoji: co to je, jaké standardy a jak implementovat

Co je přístupnost?

Accessibility (zkratka a11y — písmeno a + 11 písmen + y) — je vlastnost produktu být použitelný lidmi s postižením. V kontextu mobilních aplikací to znamená: podpora čteček obrazovky (VoiceOver, TalkBack), přiměřená velikost textu, vysoký kontrast, správné pořadí fokusu pro navigaci klávesnicí a absence animovaných prvků způsobujících závratě.

Inkluzivita není jen etickou, ale i právní povinností. Mnoho zemí má zákony o digitální přístupnosti: ADA (USA), oddíl 508, European Accessibility Act (EU, povinný pro aplikace od roku 2025). Podle Business Disability Forum společnosti investující do přístupnosti zvyšují své publikum o 15–20 % a snižují právní rizika.

V IT Sectr kontrolujeme přístupnost v každé fázi vývoje. Naše zkušenost ukazuje: oprava problémů s přístupností ve fázi návrhu je 10krát levnější než po vydání. Přístupnost není funkce, ale základní požadavek na moderní aplikaci.

iOS: VoiceOver, Accessibility Label, Trait

Ekosystém Apple nabízí výkonné nástroje pro přístupnost. VoiceOver je vestavěná čtečka obrazovky, která nahlas přeříká vše, co se na obrazovce děje. Uživatel ovládá zařízení gesty: přejetí doprava — další prvek, přejetí doleva — předchozí prvek, dvojité klepnutí — aktivace.

Accessibility Label je text, který VoiceOver přečte pro prvek. Ve výchozím nastavení iOS používá text tlačítka nebo štítek, ale u ikon a grafických prvků je třeba štítek nastavit explicitně. Accessibility Trait — vlastnost popisující typ prvku: button (tlačítko), header (záhlaví), link (odkaz), image (obrázek). Správné traits pomáhají uživateli pochopit, jak s prvkem interagovat.

VoiceOver a Accessibility Label

VoiceOver podporuje více než 40 jazyků a funguje na všech zařízeních Apple. Pro vývojáře je hlavní nastavit správné accessibilityLabel a accessibilityTraits pro každý prvek rozhraní. Pokud prvek nemá být přístupný (dekorativní obrázek), nastavte isAccessibilityElement = false.

// Swift — nastavení přístupnosti pro tlačítko
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "Sdílet tento článek"
shareButton.accessibilityHint = "Otevře dialog pro výběr způsobu odeslání"
shareButton.accessibilityTraits = .button

// SwiftUI — ještě jednodušší
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("Sdílet")
        .accessibilityHint("Otevře nabídku sdílení")
    }
}

Kód ukazuje nastavení přístupnosti pro tlačítko bez textu (pouze ikona). AccessibilityLabel je to, co uživatel uslyší. AccessibilityHint — dodatečný tip k výsledku akce. Nepoužívejte v štítku fráze jako «tlačítko pro» — Trait již udává, že se jedná o tlačítko.

Android: TalkBack, Content Description

TalkBack je čtečka obrazovky od Googlu pro Android, součást balíčku Android Accessibility Suite. Stejně jako VoiceOver předříkává prvky rozhraní a ovládá se gesty. TalkBack podporuje více než 100 jazyků a funguje na všech zařízeních s Google Play Services.

Content Description — ekvivalent accessibilityLabel na Androidu. Nastavuje se pomocí atributu android:contentDescription v XML nebo metody setContentDescription() v kódu. Pro nefokusovatelné prvky (dekorativní ImageView) použijte importantForAccessibility="no".

TalkBack a Focus Order

Focus Order (pořadí fokusu) — pořadí, ve kterém se TalkBack pohybuje mezi prvky při přejíždění. Ve výchozím nastavení Android používá pořadí prvků v rozvržení, ale lze jej změnit pomocí atributů accessibilityTraversalBefore a accessibilityTraversalAfter. To je důležité pro složité obrazovky s vlastními komponentami.

V IT Sectr kontrolujeme Focus Order na každé obrazovce. Chyby v pořadí fokusu patří mezi nejčastější problémy s přístupností. Například pokud po záhlaví uživatel přejde ke komentářům místo k textu článku — to je chyba přístupnosti.

WCAG a standardy

WCAG (Web Content Accessibility Guidelines) — mezinárodní standard přístupnosti vyvinutý W3C. Aktuální verze je WCAG 2.2 (2023). Standard je rozdělen do 4 principů: Perceivable (vnímatelný), Operable (ovladatelný), Understandable (srozumitelný), Robust (odolný) — zkratka POUR.

Úrovně WCAG: A (minimální), AA (střední, ze zákona povinný v EU), AAA (maximální). Pro mobilní aplikace je úroveň AA dostačující: kontrast textu alespoň 4.5:1, podpora čteček obrazovky, minimální velikost cíle 44x44 pixelů, titulky pro video.

Úrovně WCAG

Úroveň A — základní požadavky: textové alternativy pro obrázky, ovládání klávesnicí, kontrast alespoň 3:1. Úroveň AA — střední: kontrast 4.5:1, podpora škálování až 200 %, správné nadpisy a štítky. Úroveň AAA — vysoká: kontrast 7:1, znakový jazyk pro video, plné hlasové ovládání. V praxi většina společností cílí na AA.

Tabulka 2. Srovnání iOS a Android API pro přístupnost. Přes různé názvy jsou koncepty identické: štítek, typ, pořadí fokusu a podpora přizpůsobení textu.

Testování přístupnosti

Testování přístupnosti je kontrola aplikace na shodu se standardy WCAG a správnou funkci s čtečkami obrazovky. Minimální sada testů: zapněte VoiceOver/TalkBack a projděte všechny obrazovky aplikace. Poslouchejte, zda jsou všechny prvky oznamovány, pořadí fokusu je logické a nevhodné prvky (dekorativní) jsou ignorovány.

Automatizované nástroje: Xcode Accessibility Inspector (audit v Xcode pro iOS), Android Accessibility Scanner (skenuje obrazovku a nachází problémy), Axe DevTools, WAVE. Tyto nástroje kontrolují kontrast, velikost cíle, přítomnost štítků a další parametry.

V IT Sectr provádíme kontrolu přístupnosti před každým vydáním. Proces zahrnuje: automatizovaný audit (Accessibility Inspector), ruční testování s VoiceOver a TalkBack, kontrolu kontrastu a škálování textu. Problémy zaznamenáváme do Jiry a přiřazujeme je sprintu. To nám umožňuje udržovat úroveň AA WCAG na všech projektech.