Dostupný responzivní web není to samé jako přístupná aplikace – i když oba „fungují na telefonu“. Tento článek vysvětluje zásadní rozdíly mezi zpřístupněním webu a zpřístupněním nativní aplikace pro iOS nebo Android.
Ve zkratce – o čem tento článek pojednává
Odlišná technologie, podobná pravidla
Responzivní web je vytvořen z HTML, které již má vestavěnou vrstvu usnadnění (sémantické značky, ARIA), kterou prohlížeče a čtečky obrazovky umí interpretovat. Nativní aplikace je naproti tomu sestavena z vlastních komponent uživatelského rozhraní operačního systému (UIKit/SwiftUI na iOS, Jetpack Compose/Views na Androidu) – a každá komponenta potřebuje vlastní označení přístupnosti, oddělené od svého vizuálního designu. Základní principy připomínají WCAG (kontrast, velikost dotykového cíle, jasný přístupný název), ale nástroje pro jejich implementaci jsou zcela odlišné.
VoiceOver a TalkBack: Nejedná se o stejnou čtečku obrazovky
VoiceOver (iOS) a TalkBack (Android) jsou dvě různé čtečky obrazovky s různými navigačními gesty a různou podporou vlastních komponent. Komponenta, která je v systému iOS dokonale označena, nemusí v systému Android fungovat správně, pokud vývojáři neotestovali obě platformy samostatně. Nelze předpokládat, že „testovali jsme to na iOS, takže to musí fungovat i na Androidu“.
💡 Důležitý bod
Na obou platformách každá interaktivní komponenta (tlačítko, vstupní pole, obrázek) potřebuje: jasný štítek přístupnosti, definovanou roli/vlastnost přístupnosti a někdy také nápovědu pro usnadnění, která vysvětluje, co se stane, když na ni klepnete.
Co je na nativních aplikacích jedinečné
Nativní aplikace také čelí výzvám, které na webových stránkách neexistují: vlastní dotyková gesta (přejetí, sevření), která vyžadují dostupnou alternativu; navigace mezi obrazovkami, která musí dávat smysl i prostřednictvím čtečky obrazovky; a oznámení push, která musí být dostupná, i když se objeví mimo samotnou aplikaci. Kromě toho musí velikosti dotykového cíle splňovat minimálně 44x44 pixelů podle pokynů společnosti Apple a 48x48dp podle pokynů společnosti Google – požadavek, který na webových stránkách vždy neexistuje ve stejné podobě.
Jak otestovat přístupnou aplikaci
- Zapněte VoiceOver nebo TalkBack a pokuste se dokončit základní úkoly aplikace (registrace, nákup, vyhledávání) pouze pomocí nich.
- Zkontrolujte kontrast a velikost textu se zapnutým nastavením přístupnosti systému (větší text, vysoký kontrast).
- Potvrďte podporu pro dynamické změny velikosti textu (Dynamic Type na iOS), aniž by se rozvržení „rozbilo“.
- Testujte na obou platformách samostatně – testování pouze jedné nestačí.
Máte také dokumenty, které doprovázejí vaši aplikaci?
Náš nástroj prohledá soubory PDF propojené s vaší aplikací nebo webem – podmínky použití, návody, formuláře – a přesně vám ukáže, které z nich vyžadují pozornost.
Naskenujte svůj web zdarma ←Po naskenování můžete také dokumenty, které našel, zpřístupnit přímo a zdarma prostřednictvímAccessiDoc.