English
Deutsch
Dostępność jest kluczowa w projektowaniu UX. Nie tylko pomaga to dotrzeć do szerszego grona odbiorców, ale także będzie wymagane prawnie. W czerwcu 2025 r. wejdzie w życie europejska ustawa o dostępności, wymagająca od prywatnych firm stosowania się do wytycznych dotyczących dostępności treści internetowych 2.1 na poziomie AA. Przyjrzyjmy się temu bardziej szczegółowo.
Spis treści
- Dostępność banków internetowych i projektowanie UX: Główne zasady
- Jak zaprojektować dostępną bankowość internetową i rozwiązania FinTech?
- Na wynos
Dostępność banków internetowych i projektowanie UX: Główne zasady
Chociaż możemy (i będziemy) przedstawić szczegółowe informacje na temat przystępnego projektowania UX, najpierw musimy omówić pewne zasady. Jakie są podstawy, które należy znać podczas projektowania nowych produktów cyfrowych?
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 zostało szczegółowo opisane. Wytyczne te są dość proste, wskazując dokładnie, co należy zrobić w witrynie, aby zapewnić dostępność. Określają one kontrasty kolorów, rozmiar pól akcji, najlepsze praktyki kodowania, podejście do elementów nietekstowych i tak dalej. Dlatego powinieneś traktować je jako podstawę swoich projektów.
Wytyczne dotyczące dostępności treści internetowych są podzielone na trzy poziomy:
- A - minimum.
- AA - standardy i normy.
- AAA - doskonały.
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 niepełnosprawnym.
Dostępność nie dotyczy tylko osób niepełnosprawnych
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ść, która uniemożliwia im korzystanie z sieci tak jak inni użytkownicy - na przykład nie widzą, mają ograniczony wzrok, ślepotę barw
- mają tymczasowe warunki, które mogą ograniczać ich możliwości nawigacyjne - na przykład użytkownicy, którzy złamali rękę i nie mogą przewijać aplikacji mobilnej dwiema rękami,
- mają zaburzenia czytania i uwagi.
Jak zaprojektować dostępną bankowość internetową i rozwiązania FinTech?
Chociaż wytyczne WCAG obszernie omawiają ten temat, musimy omówić elementy, na których należy się skupić podczas projektowania dostępnej aplikacji bankowości mobilnej lub aplikacji FinTech. 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ć alternatywny tekst lub opis audio (odpowiednio), które dostarczają użytkownikowi informacji o tym, co przypomina. Co więcej, filmy powinny mieć również napisy, które zawierają znaczniki dźwiękowe dla tych, którzy nie słyszą lub nie mogą ich odtwarzać z dźwiękiem.
Nie każdy opis zdjęcia powinien być taki sam. Agata Bernaś zwraca uwagę, że tekst powinien zależeć od funkcji grafiki i wyróżnia trzy z nich:
- Funkcja dekoracyjna - tekst powinien być stosunkowo krótki i napisany zgodnie ze standardowymi zasadami (np. opisany od góry do dołu); np. zdjęcie giełdy na stronie handlowej;
- Funkcja informacyjna - Opis powinien zaczynać się od elementów, które wnoszą wartość informacyjną do treści; np. zrzut ekranu konkretnej funkcji w FAQ lub instrukcja opisująca sposób poruszania się po aplikacji;
- Funkcja edukacyjna - Ta funkcja znajduje się gdzieś pośrodku; dodaje wartość do tekstu, ale nie jest jego integralną częścią; opis tutaj również powinien być dość ogólny i skupiać się na stronie edukacyjnej; np. zrzut ekranu aplikacji wraz z treściami sprzedażowymi promującymi pobranie aplikacji.
Kontrasty
Drugą rzeczą, na którą należy zwrócić uwagę, jest kolor kontrast między elementami wizualnymi. Ponownie, szczegółowe informacje można znaleźć w WCAG 2.2.
Rozmiar elementu
Jest to jeden z najważniejszych aspektów projektowania dostępnego UX. Klikalne elementy powinny mieć odpowiedni rozmiar, aby były łatwe do kliknięcia, nawet dla osób o ograniczonych ruchach. Jednocześnie jest to również ważny czynnik w ogóle Projektowanie UX ponieważ zbyt małe elementy mogą zniechęcić wszystkich użytkowników.
Elastyczność
Wreszcie, należy upewnić się, że projekty są wystarczająco elastyczny, aby był dostępny. Oznacza to zapewnienie alternatywnych form interakcji z poszczególnymi elementami aplikacji. Świetny przykład tego został przedstawiony w WCAG 2.2 - przeciąganie to ruch, który nie każdy użytkownik może wykonać wygodnie, więc jeśli nie jest to niezbędne, należy go unikać lub zapewnić użytkownikowi alternatywny mechanizm, taki jak wysuwana lista lub kliknięcie.
Na wynos
Dostępne projektowanie UX wymaga pewnej wiedzy i praktyk, niezależnie od tego, czy mówimy o aplikacjach FinTech, czy platformach bankowości internetowej. Niemniej jednak jest to dość intuicyjne - podstawowe zasady UX obejmują wiele wytycznych. Ponieważ EAA jest w toku, ważne jest, aby od razu zacząć myśleć o dostępności i jak najszybciej ulepszyć swoje aplikacje. Co zrobić, jeśli nie masz wiedzy lub zasobów, aby to zrobić? Skontaktuj się z nami w Ailleron - pomożemy ci!
Możesz również przeczytać: Dostępność cyfrowa w czasach ciągłego przyspieszenia.
Referencje:
- 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
