English
Deutsch
Dostępność jest kluczowa w projektowaniu UX. Nie tylko pomaga to dotrzeć do szerszego grona odbiorców, ale też stanowi wymóg prawny. W czerwcu 2025 r. wszedł w życie Europejski Akt o Dostępności (ang. European Accessibility Act, EAA), wymagający od prywatnych firm stosowania się do wytycznych dotyczących dostępność treści internetowych na poziomie AA, zgodnie ze standardem WCAG 2.1. Przyjrzyjmy się temu bardziej szczegółowo.
Spis treści
- Dostępność w bankach a projektowanie UX: główne zasady
- Jak zaprojektować dostępną bankowość internetową i rozwiązania fintechowe?
- Podsumowanie
Dostępność w bankach a projektowanie UX: główne zasady
Chociaż możemy (i będziemy) przedstawić szczegółowe informacje na temat dostępnego projektowania UX, najpierw musimy omówić pewne zasady. Jakie są podstawy, które musisz znać, projektując nowe produkty cyfrowe?
Wytyczne dotyczące dostępności treści internetowych (WCAG)
Po pierwsze, powinieneś przeczytać wytyczne dotyczące dostępności treści internetowych (WCAG). Chociaż Europejski Akt o Dostępności (EAA) opiera się na WCAG 2.1, obecnie dostępna jest jego nowsza wersja: WCAG 2.2. Dlaczego jest to ważne?
WCAG zawiera ponad 50 kryteriów, z których każde jest szczegółowo opisane. Wytyczne te są dość przejrzyste – wskazują dokładnie, co należy zrobić na stronie internetowej, aby była dostępna. Określają m.in. kontrasty kolorystyczne, wielkość pól akcji, dobre praktyki kodowania, podejście do elementów nietekstowych i wiele innych. To sprawia, że wytyczne WCAG powinny być integralną częścią każdego projektu.
Wytyczne dotyczące dostępności treści internetowych są podzielone na trzy poziomy:
- A – podstawowe funkcje,
- AA – standardy i normy,
- AAA – treści zgodne najwyższym poziomie.
Dlatego należy dążyć co najmniej do poziomu AA, choć spełnienie wymagań AAA może dać przewagę konkurencyjną, zmieniając bank w instytucję przyjazną osobom z niepełnosprawnościami.
Dostępność nie dotyczy tylko osób z niepełnosprawnościami
Po drugie, należy pamiętać, że dostępność jest budowana z wielu różnych powodów. Chociaż kojarzy się głównie z niepełnosprawnością wzroku, w rzeczywistości ma służyć osobom, które:
- mają niepełnosprawność uniemożliwiającą korzystanie z internetu w taki sposób jak inni użytkownicy – na przykład nie widzą, mają ograniczoną sprawność wzroku lub są daltonistami,
- znajdują się w sytuacji tymczasowo ograniczającej ich możliwości poruszania się po interfejsie – na przykład złamali rękę i nie mogą obsługiwać aplikacji mobilnej oburącz,
- mają trudności z czytaniem i zaburzenia koncentracji.
Jak zaprojektować dostępną bankowość internetową i rozwiązania fintechowe?
Choć wytyczne WCAG szczegółowo omawiają ten temat, warto przyjrzeć się elementom, na których szczególnie należy się skupić, projektując dostępną aplikację mobilną dla bankowości lub inne rozwiązania fintechowe. Co jest najważniejsze?
Teksty alternatywne i opisy dźwiękowe
Po pierwsze, należy przyjrzeć się elementom takim jak zdjęcia i filmy. Każdy z nich powinien mieć odpowiednio tekst alternatywny lub audiodeskrypcję, które przekazują użytkownikowi informacje o tym, co przedstawia dany materiał. Co więcej, filmy powinny również zawierać napisy wraz z oznaczeniami dźwięków – z myślą o osobach, które nie słyszą lub nie mogą odtworzyć materiału z dźwiękiem.
Nie każdy opis zdjęcia powinien wyglądać tak samo. Agata Bernaś podkreśla, że tekst powinien być dostosowany do funkcji grafiki i wyróżnia trzy jej typy:
- Funkcja dekoracyjna – tekst powinien być stosunkowo krótki i napisany zgodnie ze standardowymi zasadami (np. opis z góry na dół); przykład: zdjęcie giełdy na stronie dotyczącej inwestowania.
- Funkcja informacyjna – opis powinien zaczynać się od elementów, które wnoszą wartość informacyjną do treści; przykład: zrzut ekranu konkretnej funkcji w sekcji FAQ lub instrukcji pokazującej, jak poruszać się po aplikacji.
- Funkcja edukacyjna – ta funkcja plasuje się gdzieś pośrodku; grafika wnosi wartość do tekstu, ale nie stanowi jego integralnej części; opis również powinien być raczej ogólny i skupiać się na przekazie edukacyjnym; przykład: zrzut ekranu aplikacji umieszczony obok treści sprzedażowej promującej jej pobranie.
Kontrasty
Drugą rzeczą, na którą należy zwrócić uwagę, jest kontrast kolorów między elementami wizualnymi. Ponownie, szczegółowe informacje znajdziesz w WCAG 2.2.
Rozmiar elementów
Jest to jeden z najważniejszych aspektów dostępnego projektowania UX. Twoje elementy interaktywne powinny mieć odpowiedni rozmiar, umożliwiający łatwe kliknięcie, nawet dla osób z ograniczoną mobilnością. Jednocześnie jest to również istotny czynnik w ogólnym projektowaniu UX ponieważ zbyt małe elementy mogą zniechęcać wszystkich użytkowników.
Elastyczność
Wreszcie, należy upewnić się, że projekty są wystarczająco elastyczne, by można je było określić mianem „dostępnych”. Oznacza to udostępnienie alternatywnych metod interakcji z poszczególnymi elementami aplikacji. Przykładem tego jest wskazówka zawarta w WCAG 2.2 – przeciąganie nie jest ruchem, który każdy użytkownik może wykonać komfortowo, dlatego, jeśli nie jest to konieczne, należy je zminimalizować lub zaproponować alternatywny sposób, jak lista rozwijana lub kliknięcie.
Podsumowanie
Projektowanie dostępnych doświadczeń użytkownika wymaga wiedzy i kompetencji, niezależnie od tego, czy mówimy o aplikacjach fintechowych, czy platformach bankowości internetowej. Warto jednak pamiętać, że wiele z wymogów WCAG pokrywa się z dobrymi praktykami stosowanymi od dawna przez projektantów UX. Brakuje Ci zasobów lub specjalistycznej wiedzy? Skontaktuj się z zespołem Ailleron – wspólnie wypracujemy dostępne rozwiązania!
Możesz również przeczytać: Dostępność cyfrowa w czasach ciągłego przyspieszenia.
Bibliografia:
- Bernaś, A. (2019). Audiodeskrypcja ilustracji prasowej: nowe doświadczenie w praktyce tłumacza. Rocznik Przekładoznawczy, 14. https://doi.org/10.12775/RP.2019.003
