wave accessibility testing tool tutorial
Samouczek WAVE Web Accessibility Tool: Jak korzystać z rozszerzenia WAVE do przeglądarki Chrome i Firefox
Pasek narzędzi dostępności sieci zostało szczegółowo wyjaśnione w naszym poprzednim samouczku. Ten samouczek jest kontynuacją pierwszego z tej serii, sprawdź tutaj - Testy dostępności sieci - część 1 .
W tym samouczku przyjrzeliśmy się kilku podstawowym koncepcjom tego, czym jest dostępność i jak można ją ocenić za pomocą narzędzi do testowania dostępności.
W tym samouczku zobaczymy jeszcze kilka narzędzi ułatwień dostępu, takich jak pasek narzędzi WAVE, narzędzie ułatwień dostępu JAWS, techniki i szczegóły.
[wizerunek źródło]
Czego się nauczysz:
- WAVE (narzędzie do oceny dostępności sieci)
FALA(Narzędzie do oceny dostępności sieci)
Narzędzie WAVE to narzędzie do oceny dostępności sieci - pasek narzędzi dla Przeglądarka Firefox.
jak otworzyć plik .json
Należy zauważyć, że WAVE nie może stwierdzić, czy zawartość sieci jest dostępna; tylko człowiek może określić prawdziwą dostępność. Jednak WAVE może pomóc w ocenie dostępności treści internetowych.
Cała ocena odbywa się bezpośrednio w przeglądarce i żadne informacje nie są przesyłane do serwerów WAVE. Zapewnia to w 100% prywatne i bezpieczne raportowanie dostępności.
Aby pobrać pasek narzędzi dostępności sieci WAVE, przejdź do http://wave.webaim.org/toolbar/ i pobierz go w F przeglądarka irefox . Upewnij się, że otworzysz adres URL pobierania w przeglądarce Firefox, ponieważ pasek narzędzi WAVE obsługuje tylko przeglądarkę Firefox.
Jak korzystać z paska narzędzi dostępności w sieci WAVE
Oto funkcje, z których możemy korzystać podczas pracy w przeglądarce Firefox:
# 1) Wybierz witrynę http://www.easports.com/ , a następnie kliknij „Błędy, funkcje i alerty”, znajdziesz stronę z alertami dostępności i błędami w kolorze żółtym. Najedź kursorem myszy na obrazy, aby zobaczyć szczegóły alertów.
( Uwaga : kliknij dowolny obraz, aby wyświetlić powiększenie)
#dwa) Teraz kliknij „Widok struktury / zamówienia”, pojawi się strona ze szczegółami ramki wbudowanej.
# 3) Teraz kliknij „Widok tekstowy”, witryna będzie wyświetlana bez obrazów, stylów i układów.
# 4) Ikony „Widok konspektu” na pasku narzędzi informują, czy nagłówki są w porządku, czy nie.
# 5) Ikona „Resetuj stronę” odświeży stronę.
# 6) Kliknięcie „Wyłącz styl” spowoduje usunięcie stylów CSS ze strony.
# 7) Przycisk „Icons Key” wyświetli listę wszystkich ikon WAVE z dodatkowymi szczegółami, informacjami i zaleceniami.
konwerter youtube na wav do pobrania za darmo
Możesz również ocenić dostępność strony internetowej bez pobierania narzędzia wave i bezpośrednio korzystać z niej online.
Kroki weryfikacji dostępności strony internetowej
Krok 1) Kliknij adres URL: http://wave.webaim.org/
Krok 2) Wejdz do Adres strony internetowej w tekst pudełko i naciśnij Enter. Będziemy używać z jako przykład. Wejdź więc na stronę www.facebook.com w polu tekstowym i kliknij przycisk Enter.
Krok 3) Szczegóły podsumowania znajdziesz po lewej stronie nawigacji.
- Błędy będą wyświetlane na czerwono z liczbą. W moim przypadku jest to 13.
- Alerty byłyby wyświetlane na żółto z liczbą 13.
- Funkcje byłyby zaznaczone na zielono z liczbą 10.
- Elementy konstrukcyjne miałyby 6 w kolorze niebieskim.
- HTML5 i ARIA miałyby 15 w kolorze fioletowym.
- Błędy kontrastu to 14 w kolorze czarnym.
Kliknięcie każdej ikony spowoduje wyświetlenie dodatkowych informacji o elementach, jak pokazano powyżej dla alertu (na środku strony).
Przyjrzyjmy się teraz innej kategorii narzędzi:
Bezpłatne weryfikatory dostępności stron internetowych:
Kilka innych najlepszych narzędzi do sprawdzania dostępności w sieci:
- Narzędzie do oceny dostępności ACChecker typu open source
- PowerMapper
- Accessibility Valet
- EvalAccess
- MAGENTA
Narzędzia dla osób z niepełnosprawnością wzroku
Upośledzenie wzroku oznacza utratę wzroku. Istnieją różne rodzaje niepełnosprawności wzroku:
- Ślepota
- Słabe lub ograniczone widzenie
- Ślepota kolorów
Użytkownicy z wadami wzroku korzystają z oprogramowania wspomagającego, które odczytuje na głos treść.Na przykładJAWS dla systemów operacyjnych Windows, NVDA dla systemów operacyjnych Windows, Voice Over dla komputerów Mac. Użytkownicy UA ze słabym wzrokiem mogą również powiększyć tekst za pomocą ustawień przeglądarki lub wspaniałych ustawień systemu operacyjnego. Będziemy uczyć się tych funkcji za pomocą narzędzi Lupa i JAWS.
A) Lupy
1) Zoom Text Magnifier powiększa wszystko na ekranie komputera, ułatwiając przeglądanie i używanie aplikacji. Możesz go pobrać z ten link .
Aby dowiedzieć się, jak to działa, zalecamy pobranie bezpłatnej wersji próbnej i eksperymentowanie.
dwa) Lupa okienna powiększa również różne części ekranu. Możemy go otworzyć, klikając przycisk Start na pulpicie, a następnie wpisując Lupa. Kliknij program Lupa. Po najechaniu myszą na stronę internetową, narzędzie to powiększa rozmiar ekranu i wyświetla.
jak otwierać pliki bin w systemie Android
3) Niewidomi użytkownicy komputerów, którzy nie mogą używać normalnego monitora komputerowego, używają odświeżanego monitora brajlowskiego lub terminala brajlowskiego do odczytywania tekstu.
Według Wikipedia Odświeżany monitor brajlowski lub terminal brajlowski to elektromechaniczne urządzenie do wyświetlania znaków brajlowskich, zwykle za pomocą kołków z okrągłymi końcówkami, uniesionych przez otwory w płaskiej powierzchni.
B) JAWS - dostęp do zadań za pomocą mowy
JAWS to czytnik ekranu używany do testowania stron internetowych w systemie operacyjnym Windows, który umożliwia osobom z uszkodzonym wzrokiem odczytywanie zawartości ekranu. JAWS obsługuje wszystkie wersje systemów operacyjnych, a także zapewnia odświeżany monitor brajlowski.
Poniżej znajdują się polecenia klawiaturowe umożliwiające korzystanie z JAWS:
Podstawowe funkcje testowane przy pomocy JAWS to:
- JAWS zapewnia liczbę naciśnięć klawiszy do nawigacji po stronach internetowych. Na przykład klawisze strzałek, klawisze Page Up i Down, Home, End i kilka innych klawiszy nawigacyjnych JAWS.
- Linki, obrazy i mapy obrazów: JAWS udostępnia klawisze do przechodzenia od jednego łącza do drugiego na stronie internetowej.
- Pola i kontrolki formularza HTML : JAWS zapewnia klawisze do nawigacji między elementami formularza
- Ramki HTML : Poruszanie się po ramkach za pomocą klawiatury.
- Tabele : Poruszanie się po komórkach tabeli
Jest to krótki przegląd różnych technik i narzędzi, które są używane do oceny dostępności.
Wskazówki dotyczące testowania dostępności dla programistów i testerów
- Czy wszystkie aktywne obrazy mają tekst alternatywny, który wskazuje, co robi łącze lub przycisk?
- Czy wszystkie obrazy dekoracyjne i zbędne obrazy mają tekst alternatywny o wartości null (alt = ””)?
- Czy wszystkie obrazy informacyjne mają tekst alternatywny, który zawiera te same informacje, co obrazy?
- Czy strona jest zorganizowana z nagłówkami? Czy są oznaczone jako nagłówki?
- Czy możesz uzyskać dostęp do wszystkiego za pomocą klawiatury?
- Czy Twoja strona będzie czytana w logicznej kolejności w czytniku ekranu?
- Czy jest jasne, który element jest aktywny podczas korzystania z klawiatury?
- Czy wszystkie ważne informacje zawarte w filmie są dostępne za pośrednictwem standardowego dźwięku lub dodanego audiodeskrypcji?
Zespół programistów mogą upewnić się, że ich produkt jest zgodny z ułatwieniami dostępu poprzez kontrolę kodu i testy jednostkowe.
Typowe przypadki testowe:
- Upewnij się, że wszystkie funkcje są dostępne tylko za pośrednictwem klawiatury (nie używaj myszy)
- Upewnij się, że informacje są widoczne po zmianie ustawienia wyświetlania na tryby wysokiego kontrastu.
- Upewnij się, że narzędzia do odczytywania zawartości ekranu mogą odczytać cały dostępny tekst, a każde zdjęcie / obraz ma powiązany z nim tekst zastępczy.
- Upewnij się, że działania klawiaturowe zdefiniowane w produkcie nie wpływają na skróty klawiaturowe ułatwień dostępu.
Wniosek
Dostępność sieci oferuje wiele możliwości użytkownikom niepełnosprawnym. Musimy jednak przyznać, że trudno jest zapewnić pełny dostęp dla każdego rodzaju niepełnosprawności lub trudności, które mogłyby uniemożliwić użytkownikowi dotarcie do treści witryny.
Można podjąć kroki, ale może to nie być 100%. Jeśli będziemy postępować zgodnie ze standardami nakreślonymi w tym artykule od początkowego etapu rozwoju, możemy łatwo stworzyć dostępną stronę internetową dla większości użytkowników.
W komentarzach poniżej możesz zasugerować więcej narzędzi do testowania dostępności i wskazówek.
POPRZEDNIA samouczek | PIERWSZY samouczek
rekomendowane lektury
- Samouczek WAT (Web Accessibility Toolbar) do testowania dostępności
- Samouczek testowania dostępności (kompletny przewodnik krok po kroku)
- Dogłębne samouczki dotyczące Eclipse dla początkujących
- Geb Tutorial - Testowanie automatyzacji przeglądarki za pomocą narzędzia Geb
- Najlepsze narzędzia do testowania oprogramowania 2021 [Narzędzia do automatyzacji testów QA]
- 20 najlepszych narzędzi do testowania dostępności dla aplikacji internetowych
- Testy niszczące i samouczek dotyczący testów nieniszczących
- Testy funkcjonalne a testy niefunkcjonalne