Przejdź do treści
Nils Nedel z Unsplash
02.05.2024 3 MIN CZYTANIA

Testy Automatyczne: Strażnicy Twojej cyfrowej dostępności: Linie lotniczne

Treść artykułu

Ten post na charakter edukacyjny, nie wskazujemy która linia lotnicza jest lepsza czy gorsza. Każda ma coś za uchem i musi coś poprawić.

Testy automatyczne stanowią nieodzowny element weryfikacji jakości oprogramowania oraz dostępności cyfrowej. Dzięki nim możliwa jest szybka ocena, jak dobrze strona internetowa czy aplikacja mobilna jest przygotowana do użytku przez nas wszystkich, łącznie z osobami z niepełnosprawnościa. Obecnie szacuje się, że testy automatyczne są w stanie wykryć od 5 do 40% błędów związanych z dostępnością cyfrową. W naszej nowej serii postów, publikowanych co dwa tygodnie, przyjrzymy się różnym narzędziom testowym, porównamy ich efektywność i wskażemy ich mocne oraz słabe strony. Z okazji trwającej majówki postanowiliśmy rozpocząć od analizy dostępności cyfrowej linii lotniczych takich jak Ryanair, LOT i Wizz Air. Jest to szczególnie istotne, gdyż wiele osób planuje wyjazdy i korzysta z cyfrowych serwisów tych firm, aby zarezerwować bilety czy sprawdzić status lotów.

Mini audyt testów automatycznych

W ramach naszego pierwszego artykułu przeprowadziliśmy mini audyt, skupiając się na stronie głównej oraz stronie pomocy, korzystając z trzech popularnych narzędzi do testów automatycznych: axeDev tools, ARC Toolkit oraz Wave. Każde z tych narzędzi ma swoje specyficzne funkcje, które pozwalają na szczegółową analizę różnych aspektów dostępności stron internetowych.

axeDev tools

Jest to narzędzie zintegrowane z przeglądarkami jako dodatek, które umożliwia łatwe przeprowadzenie audytu dostępności w czasie rzeczywistym. AxeDev tools skupia się na szerokim zakresie problemów dostępności, od problemów z kontrastem po brak etykiet ARIA. My bardzo lubimy korzystać tego narzędzia, troche  w inny sposób, tzn odpalamy bardzo często testy na wielu podstronach bezpośrednio z konsoli (tak planujemy poprawić błąd). Wynik testu automatycznego dla strony kinaole.co/blog. Tak poprawiamy błąd. Błąd mówi o trzy krotnym wystąpieniu duplicate-id na stronie.

ARC Toolkit

ARC Toolkit to kolejne rozszerzenie przeglądarki, które oferuje bardziej szczegółową analizę techniczną. Narzędzie to jest cenione za swoją zdolność do identyfikacji subtelnych i często przeoczonych problemów, takich jak niedostateczne oznakowanie formularzy czy problemy z nawigacją przy użyciu klawiatury.

Wave

Wave to narzędzie, które umożliwia użytkownikom wizualną ocenę stron internetowych w kontekście ich dostępności. Jest wyjątkowo przydatne w szybkim zidentyfikowaniu problemów związanych z dostępnością wizualną, takich jak niewystarczający kontrast czy brak alternatywnego tekstu dla obrazów. Wiem, że jest to jedno z ulubionych narzędzi wielu osób.

Podczas naszych testów starałem się wykorzystać możliwości konsoli do wykonania automatycznych testów, co pozwoliło na bardziej elastyczną i kontrolowaną analizę wyników.

Zapraszamy do śledzenia naszej serii, w której będziemy kontynuować temat testów automatycznych i ich znaczenia w tworzeniu dostępnych cyfrowo usług. Kolejne posty przyniosą więcej szczegółów na temat poszczególnych narzędzi oraz ich praktycznego zastosowania w różnych sektorach.

Wyniki testów

Wyniki dla pierwszej linii lotniczej

były zaskakujące — Wave wykrył najwięcej błędów na stronie głównej, choć wiele z nich okazało się fałszywymi alarmami. ARC poradził sobie dobrze, identyfikując naprawdę subtelne błędy.

Linia lotnicza nr 1 Wynik testu automatycznego dla poszczególnych narzędzi do weryfikacji testów dostępności cyfrowej: Axe DevTools: 10, ARC: 26, Wave: 27 błędów dla strony głównej, Dla strony pomoc wyniki 
Axe DevTools: 12, Wave: 23, ARC: 16


Wyniki dla lini lotniczej nr 2.

Dla drugiej linii lotniczej widzimy słabsze wyniki Wave i zdecydowane zwycięstwo ARC, pod względem ilości znalezionych problemów.

Linia lotnicza nr 2 Wynik testu automatycznego dla poszczególnych narzędzi do weryfikacji testów dostępności cyfrowej: Axe DevTools: 22, ARC: 86, Wave: 10 błędów dla strony głównej; Dla strony pomoc wyniki są następujące
Axe DevTools: 62, Wave: 50, ARC: 12

Linia lotnicza nr 3.

Dla trzeciej linii lotniczej ponownie najlepsze wyniki pokazały ARC i axeDev tools, z mniejszą skutecznością Wave.

Linia lotnicza nr 3 Wynik testu automatycznego dla poszczególnych narzędzi do weryfikacji testów dostępności cyfrowej: Axe DevTools: 6, ARC: 23, Wave: 3 błędów dla strony głównej, Dla strony pomoc wyniki są następujące:
Axe DevTools: 2, Wave: 5, ARC: 2


Podsumowanie

Podczas weryfikacji stron i produktów cyfrowych warto korzystać z różnych narzędzi testowych, aby uzyskać jak najpełniejszy obraz dostępności cyfrowej. Każde narzędzie ma swoje specyficzne zastosowania i potrafi wykryć różne typy błędów, co jest nieocenione przy dążeniu do usunięcia barier cyfrowych. Ogromny wpływ na wynik mają wybrany framework do tworzenie produktu cyfrowego.
Zapraszamy do śledzenia naszej serii, gdzie będziemy kontynuować temat testów automatycznych i ich znaczenia w tworzeniu dostępnych cyfrowo usług. Kolejne posty przyniosą więcej szczegółów na temat poszczególnych narzędzi oraz ich praktycznego zastosowania w różnych sektorach.