Accessibility: Axe

0:00W tej lekcji opowiem ci o narzędziu

0:04jakim jest axe czyli silniku do tak naprawdę robienia audytów

0:08stron internetowych w kontekście dostępności z axe właśnie korzystają mechanizmy

0:13takie jak narzędzia przeglądarki jak automatyczne audyty jest to bardzo popularna

0:17biblioteka silnik tak naprawdę który pozwala nam audytować stronę axe

0:23ma swoją oficjalną stronę internetową możemy pobrać axe jako rozszerzenie do przeglądarki

0:27i axe już na pewno możemy zainstalować zarówno do chroma jaki

0:31do firefoxa ja szczerze mówiąc nie korzystam z axe bezpośrednio w przeglądarce ponieważ

0:35już i tak narzędzia deweloperskie często na nim bazują natomiast

0:39można dla jakby sportu zainstalować to rozszerzenie i zobaczyć

0:43jakie ono nam możliwości dostarcza więc jeśli wejdziemy sobie

0:47teraz znowu na stronę google wpisując accessibility no

0:52to możemy odpalić sobie tutaj axe no i on będzie widoczny

0:57na przykład tutaj w narzędziach przeglądarek jak widać mają nawet wersję

1:01axe pro ale jest możliwość generalnie używania axe z poziomu

1:05przeglądarki i analizowania błędów naszej witryny w

1:09ten sposób no i widzimy 27 błędów i tak jak mówiłem generalnie

1:14silniki przeglądarek korzystają z axe więc nie wiem czy jest sens instalowania

1:18go jako rozszerzenie być może jest natomiast do

1:22czego axe się bardzo przydaje to na przykład można go użyć na przykład jako

1:27integrację z naszym edytorem tekstowym z wyboru czyli

1:31powiedzmy że dla visual studio code można zainstalować axe i axe w

1:35momencie jak będziemy pisali kod będzie nam podświetlał błędy które robimy

1:39w naszym markupie jeszcze zanim faktycznie zapiszemy nawet naszą stronę internetową do

1:43pliku więc to jest bardzo fajne axe też można korzystać między innymi

1:47przy continuous integration czy continuous deployment ustawiając

1:52na pipelineach jako pojedynczy krok sprawdzanie naszej strony axe

1:57w kontekście dostępności i wtedy jeżeli faktycznie nam zależy bardzo na

2:01dostępności a często tak jest jeżeli na przykład tworzymy strony rządowe banki

2:05czy generalnie zależy nam na dostępności no to możemy

2:09ustawić taki krok w pipeline i wtedy strona nam się nie zbuduję jeżeli

2:14będą błędy z dostępnością tak samo można wykorzystywać axe

2:19w testach end-to-end można uruchamiać axe na git

2:23hooks czyli w momencie commitowania buszowania możliwości jest naprawdę dużo i

2:27axe jest takim powiedziałbym korzeniem tworzenia różnych narzędzi

2:31webowych które sprawdzają automatycznie accessibility ostatnimi czasy więc

2:36dobrze wiedzieć że to jest pod spodem dobrze jest czasami śledzić nowości

2:40w axe ponieważ w nowszych wersjach mogą dojść nowe

2:45właściwości tego silnika które wcześniej nie były wyłapywane i

2:49okaże się że w nowej wersji axe jeżeli uruchomimy audyt automatyczny

2:53na naszej stronie www no to mogą wyjść błędy których wcześniej nie widzieliśmy

2:57a które już nie będą przychodziły więc axe to silnik który

3:01napędza automatyczne audyty w kontekście dostępności ostatnimi

3:06czasy i jest naprawdę fajnym narzędziem