{"id":33366,"date":"2026-06-04T10:32:42","date_gmt":"2026-06-04T10:32:42","guid":{"rendered":"https:\/\/appricotsoft.com\/?p=33366"},"modified":"2026-06-22T13:56:25","modified_gmt":"2026-06-22T13:56:25","slug":"mobile-banking-app-accessibility-requirements-how-to-build-inclusive-banking-experiences","status":"publish","type":"post","link":"https:\/\/appricotsoft.com\/pl\/blog\/mobile-banking-app-accessibility-requirements-how-to-build-inclusive-banking-experiences\/","title":{"rendered":"Wymagania dotycz\u0105ce dost\u0119pno\u015bci aplikacji bankowo\u015bci mobilnej: Jak tworzy\u0107 inkluzywne do\u015bwiadczenia bankowe"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

Wst\u0119p<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Oznacza to, \u017ce u\u017cytkownicy mog\u0105 wygodnie korzysta\u0107 z aplikacji bez wzgl\u0119du na spos\u00f3b interakcji z telefonem.<\/p>

Niekt\u00f3rzy korzystaj\u0105 z czytnik\u00f3w ekranu, VoiceOver w systemie iOS lub TalkBack w systemie Android. Niekt\u00f3rzy zwi\u0119kszaj\u0105 rozmiar tekstu. Niekt\u00f3rzy nawiguj\u0105 za pomoc\u0105 klawiatury zewn\u0119trznej, prze\u0142\u0105cznik\u00f3w lub g\u0142osu. Niekt\u00f3rzy maj\u0105 problemy z widzeniem kolor\u00f3w. A wielu po prostu korzysta z aplikacji na zewn\u0105trz, w po\u015bpiechu, jedn\u0105 r\u0119k\u0105, na czteroletnim urz\u0105dzeniu.<\/p>

Musi to dzia\u0142a\u0107 w systemach iOS i Android, natywnych i mi\u0119dzyplatformowych, a tak\u017ce w procesach bankowych, z kt\u00f3rymi faktycznie stykaj\u0105 si\u0119 u\u017cytkownicy: wdra\u017canie, logowanie i uwierzytelnianie, przegl\u0105d konta, historia transakcji, przelewy i p\u0142atno\u015bci, zarz\u0105dzanie kartami, alerty bezpiecze\u0144stwa, pomoc techniczna oraz ustawienia i przep\u0142ywy zg\u00f3d.<\/p>

Je\u015bli wybierasz partnera programistycznego, zadbaj o dost\u0119pno\u015b\u0107 w procesie wyszukiwania. Dotyczy to interfejsu u\u017cytkownika (UI\/UX), architektury front-end, kontroli jako\u015bci (QA), analityki i d\u0142ugoterminowego wsparcia. Znacznie ta\u0144sze jest r\u00f3wnie\u017c wczesne wdro\u017cenie ni\u017c modernizacja po premierze, czego uczy si\u0119 wi\u0119kszo\u015b\u0107 zespo\u0142\u00f3w w dro\u017cszy spos\u00f3b.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Dost\u0119pno\u015b\u0107 w aplikacjach bankowo\u015bci mobilnej: co zespo\u0142y musz\u0105 w\u0142a\u015bciwie zrobi\u0107<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dla wi\u0119kszo\u015bci ludzi aplikacja bankowa to bank. To w\u0142a\u015bnie tam sprawdzaj\u0105 saldo, p\u0142ac\u0105 rachunki, zatwierdzaj\u0105 przelewy, blokuj\u0105 kart\u0119 lub reaguj\u0105 na alert o oszustwie w najgorszym mo\u017cliwym momencie. Trudno\u015bci w obs\u0142udze aplikacji nie s\u0105 wad\u0105 UX. Mog\u0105 one uniemo\u017cliwi\u0107 komu\u015b zarz\u0105dzanie w\u0142asnymi finansami.<\/p>

Dost\u0119pno\u015b\u0107 jest wi\u0119c kwesti\u0105 wymaga\u0144, a nie tego, co trzeba polerowa\u0107 na dwa dni przed premier\u0105.<\/p>

Dobrze wdro\u017cona, dost\u0119pna bankowo\u015b\u0107 dociera do wi\u0119kszej liczby os\u00f3b, w tym u\u017cytkownik\u00f3w z dysfunkcjami wzroku, motoryki lub funkcji poznawczych, a tak\u017ce z tymi przej\u015bciowymi, kt\u00f3re w ko\u0144cu dotykaj\u0105 ka\u017cdego: p\u0119kni\u0119ty ekran, ostre s\u0142o\u0144ce, jedna wolna r\u0119ka. Zmniejsza to tarcia w najwa\u017cniejszych procesach: logowaniu, przelewach, p\u0142atno\u015bciach, kontroli kart i obs\u0142udze klienta. Zmniejsza obci\u0105\u017cenie dzia\u0142u wsparcia generowane przez niezrozumia\u0142e formularze i nieczytelne b\u0142\u0119dy. I sygnalizuje dojrza\u0142o\u015b\u0107 produktu. Aplikacja, kt\u00f3ra obs\u0142uguje skalowanie czcionek, czytniki ekranu, kolejno\u015b\u0107 zaznaczania i dost\u0119pne formularze, zazwyczaj opiera si\u0119 na zdyscyplinowanym systemie projektowania i procesie wydawniczym, kt\u00f3ry nie jest spi\u0119ty ta\u015bm\u0105.<\/p>

W tym artykule om\u00f3wiono kwestie praktyczne: kontrast, skalowanie czcionek, czytniki ekranu, kolejno\u015b\u0107 zaznaczania, dost\u0119pne formularze, cele dotykowe i procedur\u0119 testowania, kt\u00f3r\u0105 Tw\u00f3j zesp\u00f3\u0142 mo\u017ce przeprowadzi\u0107 przed ka\u017cdym wydaniem.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

WCAG, m\u00f3wi\u0105c wprost<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

WCAG jest zazwyczaj klasyfikowane w kategorii \u201cstrony internetowe\u201d, ale jego podstawowe zasady odnosz\u0105 si\u0119 bezpo\u015brednio do aplikacji. Idea jest prosta: produkt cyfrowy powinien by\u0107 postrzegalny, funkcjonalny, zrozumia\u0142y i solidny.<\/p>

W przypadku aplikacji bankowych oznacza to, \u017ce u\u017cytkownicy mog\u0105 zobaczy\u0107 lub us\u0142ysze\u0107 wa\u017cne informacje, porusza\u0107 si\u0119 po systemie, nie polegaj\u0105c wy\u0142\u0105cznie na gestach dotykowych lub wskaz\u00f3wkach wizualnych, rozumie\u0107 etykiety i b\u0142\u0119dy oraz podejmowa\u0107 dalsze kroki, a tak\u017ce korzysta\u0107 z technologii wspomagaj\u0105cych bez zak\u0142\u00f3cania p\u0142ynno\u015bci dzia\u0142ania.<\/p>

Ten Specyfikacja WCAG 2.2<\/a><\/strong> W3C to punkt odniesienia dla zespo\u0142\u00f3w produktowych i QA. Informacje o zachowaniu platformy znajdziesz tutaj. Dokumenty Apple dotycz\u0105ce dost\u0119pno\u015bci<\/a><\/strong> I Androida<\/a><\/strong>. B\u0142\u0105d, kt\u00f3ry pope\u0142niaj\u0105 zespo\u0142y: traktuj\u0105c WCAG jako list\u0119 kontroln\u0105, kt\u00f3ra funkcjonuje poza produktem. Nale\u017cy ona do kryteri\u00f3w akceptacji, przegl\u0105d\u00f3w projektu, zada\u0144 deweloperskich, kontroli jako\u015bci i gotowo\u015bci do wydania.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Banking\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Kontrast<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Niski kontrast to najbardziej widoczna wada, a w bankowo\u015bci stanowi realne zagro\u017cenie. S\u0142aby komunikat \u201cPrzelew nieudany\u201d lub blada informacja o op\u0142atach nie tylko \u017ale wygl\u0105daj\u0105. Powoduje to zamieszanie, zg\u0142oszenia do pomocy technicznej i nadszarpni\u0119cie zaufania, poniewa\u017c ludzie musz\u0105 szybko i dok\u0142adnie czyta\u0107 informacje finansowe.<\/p>

Sprawd\u017a kontrast sald, kwot transakcji, przycisk\u00f3w i dzia\u0142a\u0144 drugorz\u0119dnych, stan\u00f3w b\u0142\u0119d\u00f3w i sukces\u00f3w, stan\u00f3w wy\u0142\u0105czonych, tekstu zast\u0119pczego, etykiet formularzy, \u0142\u0105czy, ostrze\u017ce\u0144 o bezpiecze\u0144stwie i kolor\u00f3w na wykresach wydatk\u00f3w.<\/p>

Typow\u0105 pu\u0142apk\u0105 jest pi\u0119kny ekran, na kt\u00f3rym g\u0142\u00f3wna tre\u015b\u0107 wyskakuje, a wszystko, co \u201cdrugorz\u0119dne\u201d, staje si\u0119 jasnoszare. W bankowo\u015bci drugorz\u0119dne cz\u0119sto takie nie jest: limity przelew\u00f3w, kursy walut, terminy p\u0142atno\u015bci, noty o op\u0142atach, ograniczenia kont \u2013 to wszystko decyduje o decyzji. U\u017cywaj mocnego kontrastu dla wszystkiego, na co u\u017cytkownik reaguje, i nigdy nie pozw\u00f3l, aby kolor sam w sobie by\u0142 kluczowy. Odrzucony przelew potrzebuje ikony i s\u0142\u00f3w, a nie tylko czerwieni. Wykresy potrzebuj\u0105 etykiet, warto\u015bci lub wzor\u00f3w, aby u\u017cytkownicy z zaburzeniami widzenia kolor\u00f3w nie musieli zgadywa\u0107.<\/p>

Konkretnie rzecz bior\u0105c, nie wysy\u0142aj czerwonego pude\u0142ka, na kt\u00f3rym jest napisane:<\/strong><\/p>

\u201c"Odrzucony"\u201d<\/em><\/p>

Statek:<\/strong><\/p>

\u201cPrzelew odrzucony. Osi\u0105gn\u0105\u0142e\u015b dzienny limit przelew\u00f3w. Spr\u00f3buj ponownie jutro lub zmie\u0144 limit w Ustawieniach\u201d.\u201d<\/em><\/p>

Bardziej czytelne, bardziej u\u017cyteczne i buduj\u0105ce zaufanie zamiast niepokoju.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Skalowanie czcionek<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ludzie powi\u0119kszaj\u0105 tekst w systemie ze wzgl\u0119du na wzrok, wiek, rozmiar urz\u0105dzenia lub po prostu preferencje. Je\u015bli aplikacja tego nie obs\u0142uguje, ekrany si\u0119 psuj\u0105. Przyciski nachodz\u0105 na siebie, etykiety si\u0119 przycinaj\u0105, kwoty znikaj\u0105, a formularze staj\u0105 si\u0119 niemo\u017cliwe do wype\u0142nienia. W aplikacji bankowej to nie jest uci\u0105\u017cliwe, tylko zablokowana p\u0142atno\u015b\u0107 rachunku.<\/p>

Przetestuj skalowanie na ekranach, na kt\u00f3rych si\u0119 ono znajduje: logowanie, kody weryfikacyjne, panel, historia transakcji, formularze przelew\u00f3w, potwierdzenia p\u0142atno\u015bci, kontrola kart, czat pomocy technicznej, ustawienia oraz ekrany prawne i zgody.<\/p>

Projektuj elastyczne uk\u0142ady od samego pocz\u0105tku. Unikaj kontener\u00f3w o sta\u0142ej wysoko\u015bci dla sekcji z du\u017c\u0105 ilo\u015bci\u0105 tekstu, pozw\u00f3l, aby tre\u015b\u0107 si\u0119 zawija\u0142a, preferuj przewijanie w pionie zamiast upychania tekstu i zadbaj o to, aby przyciski by\u0142y dotykowe, gdy tekst si\u0119 rozro\u015bnie. Podczas weryfikacji projektu u\u017cywaj prawdziwej tre\u015bci, a nie \u201cNazwa konta\u201d i \u201cKwota\u201d. Uk\u0142ady, kt\u00f3re wygl\u0105daj\u0105 idealnie z tekstem zast\u0119pczym, rozpadaj\u0105 si\u0119 w przypadku d\u0142ugich nazw, d\u0142ugich numer\u00f3w IBAN, wielu walut i du\u017cych czcionek u\u0142atwiaj\u0105cych dost\u0119p.<\/p>

Najwa\u017cniejszy przypadek testowy: potwierdzenie p\u0142atno\u015bci musi by\u0107 czytelne po powi\u0119kszeniu, z zachowaniem odbiorcy, kwoty, op\u0142aty, daty, konta \u017ar\u00f3d\u0142owego oraz opcji potwierdzenia i anulowania. Je\u015bli kto\u015b zamierza wys\u0142a\u0107 pieni\u0105dze, musi sprawdzi\u0107 ka\u017cdy szczeg\u00f3\u0142 przed ostatecznym klikni\u0119ciem.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Czytniki ekranu<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dla u\u017cytkownik\u00f3w niewidomych i s\u0142abowidz\u0105cych czytnik ekranu jest interfejsem, VoiceOver na iOS, TalkBack na Androidzie. Wsparcie nie ogranicza si\u0119 do odczytywania widocznego tekstu na g\u0142os. Aplikacja musi przekazywa\u0107 struktur\u0119, cel, stan i to, co b\u0119dzie dalej.<\/p>

Przejd\u017a przez swoje przep\u0142ywy i zwr\u00f3\u0107 uwag\u0119, czy czytnik og\u0142asza etykiety przycisk\u00f3w, nazwy danych wej\u015bciowych, b\u0142\u0119dy, wybran\u0105 kart\u0119, nazwy i salda kont, status transakcji, stany \u0142adowania, ostrze\u017cenia dotycz\u0105ce bezpiecze\u0144stwa, okna modalne, wyniki potwierdze\u0144 i wy\u0142\u0105czone akcje, a tak\u017ce pow\u00f3d ich wy\u0142\u0105czenia.<\/p>

U\u017cytkownik czytnika ekranu nigdy nie powinien s\u0142ysze\u0107 \u201cprzycisku\u201d, \u201cikony\u201d ani \u201cobrazu\u201d. Potrzebne s\u0105 mu opcje \u201cZamro\u017a kart\u0119\u201d, \u201cWy\u015bwietl szczeg\u00f3\u0142y transakcji\u201d, \u201cKopiuj numer konta\u201d, \u201cPotwierd\u017a przelew\u201d. Ka\u017cdy element interaktywny powinien mie\u0107 opisow\u0105 etykiet\u0119 i zawiera\u0107 kontekst, gdy kilka przycisk\u00f3w znajduje si\u0119 na tym samym ekranie. Przycisk \u201cWi\u0119cej\u201d w ka\u017cdym wierszu transakcji powinien brzmie\u0107 mniej wi\u0119cej tak: \u201cWi\u0119cej opcji dla transakcji Netflix, 12 maja, 14 euro\u201d, a nie po prostu \u201cWi\u0119cej\u201d.\u201d<\/p>

Og\u0142aszaj zmiany stanu. Zablokowa\u0142e\u015b kart\u0119? Powiedz, \u017ce jest zablokowana. Przetwarzanie transferu? Og\u0142aszaj post\u0119py zamiast pozostawia\u0107 u\u017cytkownika w milczeniu. I obserwuj niestandardowe komponenty, prze\u0142\u0105czniki, arkusze dolne, suwaki, wprowadzanie PIN-\u00f3w i wykresy. Komponenty natywne zazwyczaj dzia\u0142aj\u0105 lepiej od razu, ale nadal wymagaj\u0105 etykiet i test\u00f3w.<\/p>

R\u00f3\u017cnica od pocz\u0105tku do ko\u0144ca:<\/strong><\/p>