Pracownia Dostępności Cyfrowej. LepszyWeb.pl ANDI

Przejdź do treści

Instalacja

Na tej stronie opisano, jak zainstalować ANDI, narzędzie do testowania dostępności i zgodności z WCAG 2.1.

Poznaj ANDI

ANDI (Accessible Name & Description Inspector) to bezpłatne narzędzie do testowania zawartości stron internetowych pod kątem dostępności.

ANDI narzędzie do automatycznego testowania dostępności i zgodności z WCAG, Section 508, ADA

ANDI jest to „favelet” lub „skryptozakładka”, która:

  • Zapewnia automatyczne wykrywanie problemów z dostępnością
  • Ujawnia, co czytnik ekranu powinien powiedzieć o elementach interaktywnych
  • Podaje praktyczne sugestie, jak poprawić dostępność i sprawdzić zgodność z WCAG

Instrukcja instalacji

ANDI

Aby zainstalować ANDI, przeciągnij i upuść powyższe łącze na pasek zakładek Twojej przeglądarki.

ANDI można zainstalować w dowolnej przeglądarce: uruchom w Chrome uruchom w Firefox uruchom w Edge Chromium uruchom w Edge uruchom w Internet Explorer uruchom w Safari


Chrome Logo Chrome
  1. Upewnij się, że pasek zakładek Chrome jest widoczny (Ctrl + Shift + B)
  2. Teraz przeciągnij i upuść to łącze: ANDI na pasek zakładek
  3. ANDI jest teraz zainstalowany w Chrome i gotowy do uruchomienia

Niestety, Chrome nie oferuje prostej alternatywy dostępnej za pomocą klawiatury, aby zapisać łącze jako zakładkę.


Firefox Logo Firefox
  1. Upewnij się, że pasek zakładek Firefox jest widoczny
  2. Kliknij prawym przyciskiem myszy łącze: ANDI i wybierz „Dodaj zakładkę do odnośnika”. Alternatywnie użytkownicy klawiatury z systemem Windows mogą przejść do tego łącza: ANDI, nacisnąć ctrl+shift+F10 (co spowoduje wyświetlenie menu kontekstowego) i wybrać „Dodaj zakładkę do odnośnika”.
  3. ANDI jest teraz zainstalowany w Firefoksie i gotowy do uruchomienia

Internet Explorer Logo IE
  1. Upewnij się, że pasek Ulubionych IE jest widoczny
  2. Kliknij to łącze prawym przyciskiem myszy: ANDI i wybierz „Dodaj do paska ulubionych”. Alternatywnie użytkownicy klawiatury z systemem Windows mogą przejść do tego łącza: ANDI, nacisnąć ctrl+shift+F10 (co powoduje wyświetlenie menu kontekstowego) i wybrać „Dodaj do paska ulubionych”
  3. ANDI jest teraz zainstalowany w IE i gotowy do uruchomienia

Edge Logo Edge

Twoja wersja Edge może nie zezwalać na bezpośrednią instalację skryptozakładek (takich jak ANDI). Jako obejście…

  1. Zainstaluj ANDI w Chrome lub Firefox
  2. Użyj Edge do importowania ulubionych z Chrome lub Firefox
  3. Po zaimportowaniu ANDI można przenieść do paska ulubionych Edge, aby go szybko uruchomiać

Safari Logo Safari
  1. Upewnij się, że pasek Ulubionych Safari jest widoczny (Command + Shift + B)
  2. Przeciągnij i upuść to łącze: ANDI na pasku Ulubione
  3. ANDI jest teraz zainstalowany w Safari i gotowy do uruchomienia

Niestety, Safari nie oferuje prostej alternatywy dostępnej za pomocą klawiatury, aby zapisać łącze jako Ulubione.

Uruchomienie ANDI

Uruchom ANDI, klikając ulubioną/zakładkę oznaczoną „ANDI”, która została dodana do paska ulubionych/zakładek na pasku narzędzi przeglądarki. ANDI przeanalizuje stronę testową i pojawi się na stronie.

Aby uzyskać dokładną dokumentację wszystkich funkcji, odwiedź: Podręcznik użytkownika ANDI.
Szukasz strony do pokazania ANDI? Odwiedź naszą stronę demonstracyjną.

Korzyści z ANDI

ANDI jest jak ekspert dostępności na Twojej stronie, który pomaga zwiększyć dostępność stron internetowych. Użyj go podczas programowania lub testowania. Niezależnie od tego, czy Twoja wiedza na temat dostępności jest ogromna, czy dopiero zaczynasz, Ty, Twój produkt i użytkownicy skorzystają z wskazówek dostarczonych przez ANDI.

Aktualizacje

ANDI aktualizuje się automatycznie; Nie ma potrzeby ponownej instalacji lub aktualizacji.

Odwiedź ANDI Github, aby zobaczyć historię wersji.

Jak odinstalować ANDI?

Aby odinstalować ANDI po prostu usuń ulubioną/zakładkę, która została utworzona podczas instalacji.

Open Source na GitHub

ANDI jest projektem typu open source stworzonym przez Accessible Solutions Branch of the Social Security Administration. Kod źródłowy jest dostępny na GitHub. Możesz wnieść swój wkład.

Jeśli Twoja organizacja chce hostować lokalną instancję ANDI, zapoznaj się z tym przewodnikiem:


Jak hostować własne ANDI

  1. Pobierz kod źródłowy ANDI z GitHub..
  2. W pliku andi.js:
    • zmodyfikuj host_url, aby wskazywało własną lokalizację.
    • (opcjonalnie) zmodyfikuj loklizację jqueryDownloadSource, aby wskazać włąsną lokalizację jquery.
  3. Zmodyfikuj skrypt uruchamiania skryptozakładki, aby wskazywał na hosta: