Dostupná responzívna webová stránka nie je to isté ako prístupná aplikácia – aj keď obe „fungujú na telefóne“. Tento článok vysvetľuje zásadné rozdiely medzi sprístupnením webovej lokality a sprístupnením natívnej aplikácie pre iOS alebo Android.
Stručne povedané – o čom je tento článok
Iná technológia, podobné pravidlá
Responzívna webová stránka je vytvorená z HTML, ktoré už má zabudovanú vrstvu prístupnosti (sémantické značky, ARIA), ktorú prehliadače a čítačky obrazovky vedia interpretovať. Natívna aplikácia je naopak zostavená z vlastných komponentov používateľského rozhrania operačného systému (UIKit/SwiftUI v systéme iOS, Jetpack Compose/Views v systéme Android) – a každý komponent potrebuje svoje vlastné označovanie dostupnosti, oddelené od jeho vizuálneho dizajnu. Základné princípy pripomínajú WCAG (kontrast, veľkosť dotykového cieľa, jasný prístupný názov), ale nástroje na ich implementáciu sú úplne odlišné.
VoiceOver a TalkBack: Nie je to tá istá čítačka obrazovky
VoiceOver (iOS) a TalkBack (Android) sú dve rôzne čítačky obrazovky s rôznymi navigačnými gestami a odlišnou podporou vlastných komponentov. Komponent, ktorý je v systéme iOS dokonale označený, nemusí v systéme Android fungovať správne, ak vývojári netestovali obe platformy samostatne. Nedá sa predpokladať, že „testovali sme to na iOS, takže to musí fungovať aj na Androide“.
💡 Dôležitý bod
Na oboch platformách každý interaktívny komponent (tlačidlo, vstupné pole, obrázok) potrebuje: jasné označenie prístupnosti, definovanú rolu/vlastnosť prístupnosti a niekedy aj nápovedu prístupnosti, ktorá vysvetľuje, čo sa stane, keď sa naň klepne.
Čo je jedinečné pre natívne aplikácie
Natívne aplikácie tiež čelia výzvam, ktoré na webových stránkach neexistujú: vlastné dotykové gestá (potiahnutie, stlačenie prstov), ktoré potrebujú dostupnú alternatívu; navigácia medzi obrazovkami, ktorá musí dávať zmysel aj cez čítačku obrazovky; a upozornenia push, ktoré musia byť dostupné, aj keď sa objavia mimo samotnej aplikácie. Okrem toho musia veľkosti dotykového zacielenia spĺňať minimálne 44 x 44 pixelov podľa pokynov spoločnosti Apple a 48 x 48 dpi podľa pokynov spoločnosti Google – požiadavka, ktorá na webových stránkach nie je vždy v rovnakej forme.
Ako otestovať prístupnú aplikáciu
- Zapnite VoiceOver alebo TalkBack a pokúste sa dokončiť základné úlohy aplikácie (registrácia, nákup, vyhľadávanie) iba pomocou nich.
- Skontrolujte kontrast a veľkosť textu so zapnutými nastaveniami prístupnosti systému (väčší text, vysoký kontrast).
- Potvrďte podporu pre dynamickú veľkosť textu (Dynamic Type v systéme iOS) bez toho, aby sa rozloženie „rozbilo“.
- Testujte na oboch platformách oddelene – testovanie iba jednej nestačí.
Máte aj dokumenty, ktoré sprevádzajú vašu aplikáciu?
Náš nástroj skenuje súbory PDF prepojené s vašou aplikáciou alebo webovou stránkou – podmienky používania, návody, formuláre – a presne vám ukáže, ktoré z nich vyžadujú pozornosť.
Naskenujte svoju stránku zadarmo ←Po skenovaní môžete dokumenty, ktoré našiel, sprístupniť aj priamo a bezplatne prostredníctvomAccessiDoc.