Menu

Samouczek testowania dostępności (kompletny przewodnik krok po kroku)

accessibility testing tutorial

Kompletny przewodnik po testowaniu dostępności:



Co to jest dostępność sieciowa:

Sieć jest otwarta dla każdego i będąc testerem (także człowiekiem), naszym obowiązkiem jest sprawdzić, czy jest dostępna dla wszystkich użytkowników. To z kolei znacznie przyczyni się do sukcesu firmy, ponieważ pracujemy, aby aplikacja była dostępna dla każdego użytkownika.

Zwiększy to również satysfakcję użytkownika i naszą firmę.



jak otworzyć plik .xml

Lista samouczków z tej serii:

  1. Przewodnik po testowaniu dostępności (Ten samouczek)
  2. Narzędzia do testowania dostępności - pełna lista
  3. Samouczek WAT (Web Accessibility Toolbar)
  4. Narzędzia do sprawdzania dostępności WAVE i JAWS

przewodnik testowania dostępności sieci

Dla większości użytkowników korzystanie z Internetu przez Internet jest łatwe. Ale tak nie jest, gdy patrzymy na inny zestaw demograficzny z wyzwaniami. Konieczne jest, aby strony internetowe były dostępne, użyteczne i użyteczne również dla tej grupy użytkowników - i nie powinny różnicować użytkowników na podstawie języka / kultury / lokalizacji / oprogramowania / sprawności fizycznej lub umysłowej.



Czego się nauczysz:

Co to jest testowanie dostępności?

Testowanie aplikacji internetowej w celu upewnienia się, że każdy użytkownik może łatwo uzyskać dostęp do witryny, nazywa się testowaniem dostępności. Specjalistyczna i dedykowana gałąź testowania, która pomaga zapewnić, że witryny internetowe są rzeczywiście skuteczne w tym obszarze, nazywa się „ Testowanie dostępności sieci ”.

Co najważniejsze, istnieją pewne prawa i wytyczne dotyczące testowania dostępności, których należy również przestrzegać.

Dostępność i prawo

Mity na temat testowania dostępności witryn internetowych

Mit 1 :To drogie.

Fakt : Ostrożność jest zawsze lepsza niż leczenie, więc możemy pomyśleć o problemach z dostępnością już na etapie projektowania i obniżyć koszty.

Mit 2: Konwersja niedostępnej strony internetowej w celu uzyskania dostępu jest czasochłonna.

Fakt : Możemy ustalić priorytety i po prostu pracować nad podstawowymi potrzebami.

Mit 3: Dostępność jest prosta i nudna.

Fakt : Dostępność nie oznacza, że ​​witryna powinna zawierać tylko tekst. Możemy również dodawać obrazy i uatrakcyjniać je, ale należy zauważyć, że powinno być dostępne dla wszystkich.

Mit 4 :Testy dostępności są przeznaczone dla osób niewidomych i niepełnosprawnych.

Fakt : Oprogramowanie jest przydatne dla wszystkich, dlatego te testy są przeznaczone dla wszystkich użytkowników.

Wyzwania A. Test dostępności

Oto niektóre typowe wyzwania lub trudności, którym starają się rozwiązać wytyczne dotyczące dostępności:

Rodzaj niepełnosprawności Opis niepełnosprawności
Wizja
Inwalidztwo 		- Całkowita ślepota lub daltonizm lub słaby wzrok
- Problemy wizualne, takie jak wizualny stroboskop i problemy z efektem migania
Kalectwo fizyczne Trudne w użyciu klawiatury lub myszy
Niepełnosprawność poznawcza Trudności w nauce lub słaba pamięć
Niemożność czytania i pisania Problemy z czytaniem, trudne słowa
Upośledzenie słuchu - Problemy ze słuchem, takie jak głuchota i wady słuchu
- Trudności z dobrym słyszeniem lub wyraźnym słyszeniem

Wyzwania związane z dostępnością sieci

Znaczenie

  • Łatwy i skuteczny dostęp do użytkowników niepełnosprawnych lub wymagających
  • Zwiększa udział w rynku i zasięg odbiorców
  • Poprawia łatwość konserwacji i wydajność
  • Spełnia obecne i przyszłe wymagania prawne oraz pomaga przestrzegać zasad etyki
  • Wspieraj internacjonalizację
  • Pomaga w dostępie dla użytkowników o małej przepustowości.

Ostatecznie wszystko po prostu się przekłada „Lepszy biznes - więcej pieniędzy”.

Jak mierzy się dostępność sieci?

Dostępność sieci można mierzyć za pomocą standardów dostępności sieci stworzonych przez W3C znany jako Wytyczne dotyczące dostępności treści internetowych (WCAG) . Niewiele innych wydziałów również opracowało własne wytyczne, ale one również są zgodne z nimi Inicjatywa na rzecz dostępności sieci (WAI) Wytyczne.

Ocena dostępności strony internetowej:

Jest na to wiele czynników, takich jak:

  • Zawartość
  • Rozmiar
  • Kod
  • Języki znaczników
  • Narzędzia programistyczne
  • Środowisko

Jak zawsze dobrą praktyką jest wdrażanie technik dostępności sieci na początkowym etapie projektu. Naprawianie niedostępnych witryn wymaga dodatkowych wysiłków.

Oto kilka prostych przykładowych technik:

  • Weryfikacja tytułu strony
  • Alternatywy dla tekstu obrazu („tekst alternatywny”)
  • Nagłówki
  • Współczynnik kontrastu („kontrast koloru”)… itd.

Możemy również określić dostępność za pomocą „ Narzędzia oceny ”- w pewnym stopniu. Jest kilka rzeczy, na przykład to, czy tekst alternatywny jest odpowiednio napisany dla obrazu, czy nie, nie może być w pełni oceniony, ale są one w większości skuteczne.

Przeczytaj także => Ponad 30 najpopularniejszych narzędzi do testowania sieci.

Uniwersalne zasady projektowania witryn internetowych, których należy przestrzegać

Witryna powinna być uniwersalnie zaprojektowana w taki sposób, aby była zgodna z zasadami użyteczności i dostępności. Każdy ma swój własny styl uczenia się i przetwarzania, dlatego witryna / produkt powinny być zaprojektowane niezależnie od tego.

Poniżej podano kilka podstawowych, standardowych zasad projektowania stron internetowych:

# 1) Koordynacja:

Każde działanie i każda osoba biorąca udział w projekcie powinny ze sobą skoordynować. Należy pamiętać, że strona internetowa powinna być zaprojektowana zgodnie z własnymi i jak W3C standardy.

# 2) Egzekwowanie:

Będąc odpowiedzialną organizacją, powinieneś być odpowiedzialny za stworzenie dostępnej witryny. Zamiast uważać się za odpowiedzialnych za dostępną witrynę, powinniśmy to zrobić.

# 3) Przywództwo:

Wszyscy powinni być świadomi tych zasad i muszą poinformować, jeśli napotykają jakiekolwiek problemy podczas uzyskiwania dostępu do witryny.

# 4) Uwzględnienie dostępu :

Musimy postępować zgodnie ze standardami, a wraz z nimi możemy wziąć pod uwagę standardy stosowane przez organizację dla osób ze specjalnymi umiejętnościami.

# 5) Wymiary techniczne:

Witrynę internetową należy zaprojektować z uwzględnieniem wszystkich standardów technicznych.

# 6) Badania edukacyjne:

Musimy zbadać dostępność i problemy napotykane podczas uzyskiwania dostępu do strony internetowej. Dzięki temu personel powinien zostać przeszkolony, aby uświadomić im standardy i kwestie.

# 7) Integracja społeczna:

Wszyscy ludzie powinni być traktowani jednakowo nie tylko w trybie online, ale także w świecie fizycznym.

Wraz z tym budynkiem niezbędna jest strona internetowa POUR.

Teraz pojawia się pytanie, co oznacza POUR, a odpowiedź jest podana poniżej:

P. do wyobrażenia:Prezentacja pakietu internetowego powinna być widoczna. Treść powinna mieć sens z punktu widzenia wszystkich użytkowników.

LUB trwały:Można powiedzieć, że strona działa, jeśli użytkownik jest w stanie łatwo poruszać się po witrynie.

U zrozumiały:Wszystko, co znajduje się na stronie, musi być zrozumiałe dla każdego użytkownika. Krótko mówiąc, język powinien być łatwy i niezbyt skomplikowany.

R zatrzymać:Niezależnie od zmieniającej się technologii i rodzaju użytkowników treść powinna być solidna.

Jak przeprowadzić testy dostępności - przewodnik krok po kroku

Samouczek testowania dostępności

Można to zrobić zarówno metodą testowania ręcznego, jak i automatycznego.

Metoda ręczna

Na rynku dostępnych jest wiele narzędzi do testowania dostępności, ale mogą wystąpić pewne problemy, takie jak brak wykwalifikowanych zasobów, budżetu itp. W takim przypadku możemy przejść do testów ręcznych.

Poniżej znajduje się kilka sposobów ręcznego testowania dostępności witryny:

# 1) Możemy użyć trybu wysokiego kontrastu:

Korzystając z trybu wysokiego kontrastu możemy podświetlić zawartość serwisu. Kiedy włączamy tryb wysokiego kontrastu, zawartość strony jest automatycznie podświetlana, gdy zmienia się na białą lub żółtą, a tło zmienia kolor na czarny.

Aby włączyć tryb wysokiego kontrastu, wyszukaj tryb wysokiego kontrastu w polu wyszukiwania.

Ustawienia wysokiego kontrastu

Tutaj otrzymasz opcję wyboru motywu, wybierz motyw o wysokim kontraście z listy rozwijanej.

Ustawienie wysokiego kontrastu

Po wprowadzeniu zmian w ustawieniach przeglądarka będzie wyglądać tak, jak pokazano poniżej.

Przykład przeglądarki

Po tym możemy sprawdzić, czy treść jest poprawnie widoczna, czy nie.

# 2) Brak dostępu do obrazów :

Tymczasowo można tymczasowo wyłączyć dostęp i sprawdzić, czy tekst uzasadnia treść, ponieważ niektóre osoby mogą nie mieć do niego dostępu lub czasami ładowanie obrazów trwa zbyt długo.

Możesz wyłączyć dostęp do przeglądarki w następujący sposób:

Internet Explorer: Narzędzia-> Opcje internetowe-> Zaawansowane-> pokaż obrazy (odznacz).

Ustawienia internetowe

Opcje internetowe - Zaawansowane ustawienia

Firefox: Otwórz przeglądarkę Firefox i wpisz o : config , na pasku adresu, a otrzymasz dane wyjściowe, jak pokazano poniżej.

1 nf 2 nf 3 nf

Firefox - konfiguracja

Po wyświetleniu tego ekranu musisz wyszukać „ pozwolenie.default.image ” i dostosuj wartość od 0 do 1.

Ustawienia konfiguracji

Ekran konfiguracji

# 3) Sprawdzanie napisów :Sprawdź, czy podpis jest dostępny i upewnij się, że jest dość opisowy. Wiele razy natrafiamy na linki na stronie na Facebooku, na których wyświetlanie zdjęć lub filmów może zająć dużo czasu, ale napisy bardzo nam pomogą.

# 4) Wyłączając kaskadowy arkusz stylów (CSS): CSS jest zasadniczo używany do opisu prezentacji dokumentu. Wyłączając tę ​​opcję, możemy sprawdzić kolor tła, styl tekstu i styl prezentacji tekstu.

# 5) Spróbuj użyć klawiatury :Jeśli jesteś graczem lub ekspertem od programu Excel, ten test musi być dla Ciebie łatwiejszy. Staraj się nie dotykać myszy i wchodzić na stronę za pomocą klawiatury.

Możesz użyć klawisza „Tab”, aby przełączać się między linkami.

„Tab” + „Shift” zaprowadzi cię tam, gdzie byłeś wcześniej.

# 6) Użyj etykiety pola :Przydaje się przy wypełnianiu formularza, etykieta pola jest tym, co zobaczysz podczas przeglądania szablonu. Korzystając z tego, można wypełnić niezbędne informacje podczas rejestracji lub zamawiania czegoś online.

# 7) Zmiana rozmiaru czcionki na duży :Używaj dużego rozmiaru czcionki i ciągłego sprawdzania dostępności.

# 8) Pomiń nawigację: Może to być przydatne dla osób z niepełnosprawnością ruchową. Klikając Ctrl + Home możesz przenieść zaznaczenie na górę strony.

# 9) Dokument PDF: Spróbuj zapisać plik PDF w formie tekstu i sprawdź, czy zachowana jest kolejność treści.

# 10) Wyłączając styl: Wyłącz styl i sprawdź, czy zawartość tabeli jest odpowiednio wyrównana, czy nie.

# 11) Skalowanie treści: Spróbuj pomniejszyć obraz i sprawdź, czy jest czytelny.

Automatyczne testowanie dostępności

Ponieważ automatyzacja rozprzestrzenia się szeroko w dziedzinie testowania, możemy przejść z automatyzacją również do sprawdzania dostępności. Mamy kilka narzędzi do automatycznego testowania.

# 1) aDesigner: Jest rozwijany przez IBM i jest przydatny do testowania oprogramowania z perspektywy osób niedowidzących.

# 2) WebAnywhere: Działa jako czytnik ekranu i nie wymaga specjalnej instalacji.

# 3) Vischeck: To narzędzie pomaga nam odtworzyć obraz w różnych formach, dzięki czemu możemy sobie wyobrazić, jak będzie wyglądał, gdy będzie dostępny dla różnych typów użytkowników.

# 4) Analizator kontrastu kolorów: Sprawdza kombinację kolorów i analizuje widoczność.

# 5) Hera: Sprawdza styl aplikacji i zawiera opcję wielojęzyczną.

wielojęzyczna-strona internetowa

# 6) Rozszerzenie ułatwień dostępu dla przeglądarki Firefox: Firefox umożliwia rozszerzenie jego funkcjonalności.

Możesz go dodać, aby otworzyć Firefox-> Dodatki-> rozszerzenie dostępności . Pomoże Ci przetestować raport, nawigację, tekst linku itp.

Rozszerzenie dostępności

Ekran menedżera dodatków

Po kliknięciu rozbudowa otrzymasz opcję wyszukiwania dodatki .

dodatek

# 7) TAW online: Daje możliwość przetestowania i sprawdzenia, czy oprogramowanie zostało opracowane zgodnie z wytycznymi WCAG 1.0 lub WCAG 2.0 . Posiada również opcję wyboru poziomu analizy.

# 8) Narzędzie sprawdzania dostępności PDF: Sprawdza dostępność pliku PDF.

=> Aby uzyskać pełną listę sprawdź ten post dotyczący narzędzi do testowania dostępności

Test dostępności Lista kontrolna / przypadki testowe / scenariusze

Poniżej podano kilka punktów, które należy sprawdzić wykonując tego typu testy:

  • Czy etykiety są poprawnie napisane i umieszczone, czy nie.
  • Czy treść audio / wideo jest prawidłowo słyszalna / widoczna, czy nie.
  • Czy współczynnik kontrastu kolorów jest zachowany, czy nie.
  • Czy działania kontrolne dla wideo działają dobrze, czy nie.
  • Jeśli w menu dostępne są krótkie klawisze, musisz sprawdzić, czy wszystkie działają poprawnie.
  • Musisz sprawdzić karty, jeśli nawigacja między kartami jest łatwym zadaniem.
  • Czy aplikacja była zgodna ze wszystkimi zasadami i wytycznymi, czy nie.
  • Czy nagłówek jest niepowtarzalny i przekazuje znaczenie i strukturę, czy nie.
  • Jeśli tekst linku jest napisany z opisem treści, zamiast tworzyć niejednoznaczność.
  • Czy podano znaczący podpis multimedialny, czy nie.
  • Czy instrukcje są wyraźnie podane, czy nie.
  • Czy treść jest jasna, zwięzła i zrozumiała, czy nie.

Oto kluczowe punkty, które witryna powinna spełniać, aby zapewnić dostępność:

  • Tekst linku powinien być opisowy . Dostęp do strony WWW dla osób niedowidzących jest możliwy po kliknięciu przycisku karty na klawiaturze i przechodzeniu od łącza do łącza. Dlatego tak ważne jest, aby opis linków był odpowiednio zdefiniowany. Upewnij się, że hiperłącza są dostępne za pomocą klawisza Tab.
  • Tam, gdzie to możliwe, załącz odpowiednie zdjęcia . Obraz mówi głośniej niż słowa. W miarę możliwości staraj się dodawać odpowiednie obrazy do tekstu. Zdjęcia mogą opisywać zawartość strony internetowej dla użytkowników wymagających umiejętności czytania i pisania.
  • Używaj prostego języka . Użytkownik niepełnosprawny poznawczo ma trudności w nauce, bardzo ważne jest, aby zdania były dla niego proste i czytelne.
  • Konsekwentna nawigacja . Spójna nawigacja po stronach jest również bardzo ważna dla użytkowników z upośledzeniem funkcji poznawczych. Dobrą praktyką jest zachowanie spójności serwisu i nie regularne modyfikowanie stron. Dostosowanie się do nowego układu jest czasochłonne i może być trudne.
  • Ignoruj ​​wyskakujące okienka . Użytkownicy, którzy używają czytnika ekranu do czytania stron internetowych, wyskakujące okienka mogą być dla nich naprawdę niewygodne. Czytnik ekranu czyta stronę od góry do dołu i pojawia się nagłe wyskakujące okienko, które czytnik zacznie czytać najpierw, a dopiero potem zawartość. Może dezorientować użytkowników z niepełnosprawnością wzroku.
  • Układ CSS . Strony internetowe oparte na CSS są bardziej dostępne niż strony internetowe oparte na kodzie HTML.
  • Podziel duże zdanie na małe proste zdanie. Użytkownicy niepełnosprawni wzrokowo odsłuchują informacje zawarte na stronie i starają się je zapamiętać. Dzielenie dużego zdania na małe proste zdanie może pomóc w łatwym przypomnieniu sobie rzeczy.
  • Nie używaj tekstu markizy. Unikaj błyszczącego tekstu i zachowaj prostotę.

Krótko mówiąc, musimy sprawdzić, czy aplikacja jest tworzona zgodnie z wytycznymi W3C, zasadami projektowania stron internetowych i zasadami dostępności, a do tego musimy znać wszystkie te zasady.

Możemy podsumować powyższe punkty kontrolne poprzez weryfikację i walidację pisemnej treści, projektu i metody tworzenia strony internetowej / aplikacji.

Przeczytaj także => Kompletny przewodnik po testach internetowych.

Wniosek

Testy dostępności po prostu wyjaśniają, jak łatwo można nawigować, uzyskiwać dostęp i rozumieć oprogramowanie. Jest przeznaczony dla wszystkich typów użytkowników. Tester powinien przeprowadzić test z perspektywy każdego.

Podobnie jak w przypadku każdego innego rodzaju testów, testy te można również wykonać ręcznie, jak również za pomocą narzędzi do automatyzacji. Celem testera powinno być po prostu sprawdzenie, czy wytyczne są spełnione, czy też nie oraz jak łatwo i przyjaźnie użytkownik może korzystać z oprogramowania.

Zalecana lektura = >> Najlepsi dostawcy usług testowania dostępności

W następnej części tej serii samouczków przedstawimy kilka innych narzędzi i technik testowania dostępności sieci, więc prosimy o pozostanie z nami.

Jak zawsze, prosimy o komentarze, sugestie i doświadczenia.

NEXT Tutorial

rekomendowane lektury



^