{"id":29912,"date":"2024-12-23T05:00:00","date_gmt":"2024-12-23T04:00:00","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=29912"},"modified":"2025-01-29T09:50:16","modified_gmt":"2025-01-29T08:50:16","slug":"mabl-low-codeowe-narzedzie-pomocne-w-automatyzacji-testow-dostepnosci","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/mabl-low-codeowe-narzedzie-pomocne-w-automatyzacji-testow-dostepnosci\/","title":{"rendered":"Mabl \u2013 low-code’owe narz\u0119dzie pomocne w automatyzacji test\u00f3w dost\u0119pno\u015bci"},"content":{"rendered":"\n

W 2025 roku wejdzie w \u017cycie Europejski Akt o Dost\u0119pno\u015bci<\/a> (European Accessibility Act), kt\u00f3rego celem jest ujednolicenie standard\u00f3w dost\u0119pno\u015bci w ca\u0142ej Unii Europejskiej. W Polsce wprowadzi obowi\u0105zek zapewnienia dost\u0119pno\u015bci produkt\u00f3w i us\u0142ug tak\u017ce w sektorze prywatnym. Firmy b\u0119d\u0105 musia\u0142y dostosowa\u0107 strony internetowe i aplikacje mobilne do standard\u00f3w WCAG 2.1 na poziomie AA.<\/p>\n\n\n\n

Warto jednaj pami\u0119ta\u0107, \u017ce zapewnienie dost\u0119pno\u015bci cyfrowej to nie tylko spe\u0142nienie wymog\u00f3w prawnych, ale tak\u017ce odpowiedzialno\u015b\u0107 spo\u0142eczna.<\/p>\n\n\n\n

Moim zdaniem to dobry moment<\/strong> na poruszenie tematu dost\u0119pno\u015bci<\/strong>. W tym artykule poka\u017c\u0119, jak w \u0142atwy spos\u00f3b mo\u017cna przeprowadzi\u0107 testy dost\u0119pno\u015bci przy u\u017cyciu narz\u0119dzia<\/strong> mabl<\/strong>. Skupi\u0119 si\u0119 na jego funkcjach w kontek\u015bcie tworzenia bardziej inkluzywnego oprogramowania.<\/p>\n\n\n\n

Zanim przejd\u0119 do szczeg\u00f3\u0142owego opisu, przedstawi\u0119 kr\u00f3tko inne rozwi\u0105zania do automatyzacji test\u00f3w dost\u0119pno\u015bci, kt\u00f3re mia\u0142em okazj\u0119 sprawdzi\u0107.<\/p>\n\n\n\n

Chcia\u0142bym tak\u017ce podkre\u015bli\u0107 znaczenie test\u00f3w manualnych<\/strong> w zakresie testowania \u2013 testy automatyczne zawsze powinny by\u0107 traktowane jako pomocnicze i dodatkowe do test\u00f3w manualnych.<\/p>\n\n\n\n

Narz\u0119dzia do automatyzacji test\u00f3w<\/strong><\/h2>\n\n\n\n

Na przestrzeni mojej kariery zawodowej testowanie dost\u0119pno\u015bci aplikacji by\u0142o bardzo wa\u017cne. Z biegiem czasu zacz\u0105\u0142em dostrzega\u0107, jak istotne jest tworzenie rozwi\u0105za\u0144, kt\u00f3re s\u0105 dost\u0119pne dla wszystkich u\u017cytkownik\u00f3w \u2013 niezale\u017cnie od ich ogranicze\u0144 czy urz\u0105dze\u0144, z kt\u00f3rych korzystaj\u0105. To w\u0142a\u015bnie przekonanie o warto\u015bci dost\u0119pno\u015bci nada\u0142o kierunek mojej pracy<\/strong> i pozwoli\u0142o mi rozwija\u0107 kompetencje w tej dziedzinie.<\/p>\n\n\n\n

Moje obowi\u0105zki obejmowa\u0142y testowanie dost\u0119pno\u015bci zar\u00f3wno aplikacji mobilnych jak i webowych. W tym procesie istotne by\u0142o zrozumienie, jak r\u00f3\u017cne grupy u\u017cytkownik\u00f3w \u2013 na przyk\u0142ad osoby z niepe\u0142nosprawno\u015bciami wzrokowymi czy ruchowymi \u2013 korzystaj\u0105 z technologii. W swojej pracy wykorzystywa\u0142em zar\u00f3wno narz\u0119dzia do manualnego testowania, jak i do automatyzacji, takie jak Robot Framework czy Playwright.<\/p>\n\n\n\n

Robot Framework<\/strong><\/h3>\n\n\n\n

W najbardziej przyst\u0119pny spos\u00f3b uda\u0142o mi si\u0119 automatycznie przeprowadzi\u0107 testy dost\u0119pno\u015bci przy pomocy bibliotek do Robot Framework (robot-axelibrary, robotframework-axelibrary)<\/strong>. U\u017cywaj\u0105c zaledwie kilku linijek kodu, za pomoc\u0105 keyword\u00f3w (s\u0142\u00f3w kluczowych) opisanych w dokumentacji by\u0142em w stanie przeprowadzi\u0107 testy dost\u0119pno\u015bci strony internetowej.<\/p>\n\n\n\n

\"Podgl\u0105d<\/a>
Ryc. 1 Podgl\u0105d kodu testuj\u0105cego dost\u0119pno\u015b\u0107 w Robot Framework<\/figcaption><\/figure>\n\n\n\n

Niestety, obie biblioteki mia\u0142y powa\u017cn\u0105 wad\u0119, kt\u00f3ra wyklucza\u0142a ich zastosowanie. Ich ostatnia aktualizacja pochodzi z 2022 roku, a w przypadku robotframework-axelibrary <\/strong>mamy informacje, \u017ce repozytorium na GitHub jest zarchiwizowane.<\/p>\n\n\n\n

\"Zrzut<\/a>
Ryc. 2 Zrzut ekranu z repozytorium GitHub<\/figcaption><\/figure>\n\n\n\n

Python<\/strong><\/h3>\n\n\n\n

Python oferuje narz\u0119dzia, takie jak selenium-axe-python<\/a>, kt\u00f3re umo\u017cliwiaj\u0105 integracj\u0119 Selenium i z silnikiem Axe w celu testowania dost\u0119pno\u015bci zgodnie ze standardami WCAG. Testy mo\u017cna \u0142atwo dostosowa\u0107 do specyficznych potrzeb aplikacji, a wyniki zapisywa\u0107 w raportach JSON. Cho\u0107 wymaga znajomo\u015bci programowania, Python zapewnia du\u017c\u0105 elastyczno\u015b\u0107 i mo\u017cliwo\u015b\u0107 integracji z narz\u0119dziami CI\/CD.<\/p>\n\n\n\n

\"Przyk\u0142ad<\/a>
Ryc. 3 Przyk\u0142ad testu dost\u0119pno\u015bci teksu alternatywnego przy u\u017cyciu Python i biblioteki selenium_axe_python<\/figcaption><\/figure>\n\n\n\n

Playwright<\/strong><\/h3>\n\n\n\n

Du\u017cym plusem Playwrighta jest to, \u017ce testowanie dost\u0119pno\u015bci jest oficjalnie udokumentowane na stronie narz\u0119dzia<\/a> oraz fakt, \u017ce w tym celu Playwright korzysta z bardzo dobrego silnika Axe. Dodatkowo, przy pomocy Playwright by\u0142em w stanie w \u0142atwy spos\u00f3b uzyska\u0107 raport w postaci html, czego nie uda\u0142o mi si\u0119 za pomoc\u0105 Pythona.<\/p>\n\n\n\n

\"Podgl\u0105d<\/a>
Ryc. 4 Podgl\u0105d kodu oraz raportu utworzonego za pomoc\u0105 Playwrighta<\/figcaption><\/figure>\n\n\n\n

Python i Playwright<\/strong> oferuj\u0105 zaawansowane mo\u017cliwo\u015bci testowania dost\u0119pno\u015bci, ale oba narz\u0119dzia wymagaj\u0105 znajomo\u015bci programowania, co czyni je mniej przyst\u0119pnymi<\/strong>.<\/p>\n\n\n\n

Testowanie dost\u0119pno\u015bci za pomoc\u0105 mabl<\/strong><\/h2>\n\n\n\n

Dost\u0119pno\u015b\u0107 aplikacji internetowych i mobilnych staje si\u0119 kluczowym elementem tworzenia nowoczesnego oprogramowania, szczeg\u00f3lnie w kontek\u015bcie zbli\u017caj\u0105cych si\u0119 regulacji prawnych.<\/p>\n\n\n\n

Dlatego skupi\u0119 si\u0119 na narz\u0119dziu mabl, kt\u00f3re okaza\u0142o si\u0119 interesuj\u0105cym wyborem do automatyzacji test\u00f3w. Umo\u017cliwia ono nie tylko \u0142atwe przeprowadzanie test\u00f3w dost\u0119pno\u015bci, ale r\u00f3wnie\u017c ich integracj\u0119 z testami funkcjonalnymi<\/strong>, co przyczynia si\u0119 do tworzenia bardziej inkluzywnych aplikacji.<\/p>\n\n\n\n

Kilka s\u0142\u00f3w o mabl<\/strong><\/h2>\n\n\n\n

Mabl to narz\u0119dzie do automatyzacji test\u00f3w funkcjonalnych dzia\u0142aj\u0105ce w modelu SaaS. Umo\u017cliwia \u0142atwe tworzenie i utrzymywanie test\u00f3w bez potrzeby zaawansowanej wiedzy programistycznej. Dzi\u0119ki intuicyjnemu interfejsowi, wsparciu uczenia maszynowego i automatycznej diagnostyce pozwala zespo\u0142om szybko wykrywa\u0107 i naprawia\u0107 b\u0142\u0119dy. Platforma integruje si\u0119 z popularnymi systemami CI\/CD, oferuj\u0105c jednocze\u015bnie zaawansowane funkcje raportowania, co u\u0142atwia efektywne monitorowanie jako\u015bci aplikacji na ka\u017cdym etapie jej rozwoju.<\/p>\n\n\n\n

Mabl umo\u017cliwia r\u00f3wnie\u017c testowanie dost\u0119pno\u015bci<\/strong> aplikacji, wspieraj\u0105c zgodno\u015b\u0107 produkt\u00f3w ze standardami WCAG (Web Content Accessibility Guidelines). WCAG to mi\u0119dzynarodowe wytyczne opracowane przez W3C, kt\u00f3rych celem jest zapewnienie dost\u0119pno\u015bci tre\u015bci internetowych dla wszystkich u\u017cytkownik\u00f3w, w tym os\u00f3b z niepe\u0142nosprawno\u015bciami.<\/p>\n\n\n\n

Automatyczne testy dost\u0119pno\u015bci identyfikuj\u0105 potencjalne problemy, takie jak:<\/p>\n\n\n\n