ANDI wyświetla znacznik HTML i rolę ARIA aktywnego elementu.

Ta pozycja działa również jako łącze, które po przejściu spowoduje przeniesienie fokusu do lokalizacji elementu na stronie. Najechanie kursorem na ten element spowoduje narysowanie „lasera”, który wskazuje położenie elementu na testowanej stronie.

Kiedy ANDI skanuje testowaną stronę, szuka znaczników HTML i atrybutów, które wpływają na dostępność elementów na stronie. Te znaczniki i atrybuty są nazywane komponentami dostępności i są przedstawione w tabeli.

Oto niektóre skanowne elementy: aria-label, aria-labelledby, aria-describedby, alt, title, <caption>, <figcaption>, <label>, <legend>, innerText. Aby uzyskać więcej informacji o komponentach dostępności, zobacz Podręcznik programisty.

Wyjście ANDI wyświetla to, co czytnik ekranu powinien ogłosić użytkownikowi, dostępną nazwę oraz dostępny opis. Może także zawierać różne sformułowania w zależności od wykrytych stanów i właściwości plus wszelkie powiązane alerty dostępności które wykrył ANDI.

Obliczenia opierają się przede wszystkim na specyfikacjach W3C, a tam, gdzie specyfikacje są nieobsługiwane lub niejasne, oparte są na dokładnej analizie zachowania współczesnych czytników ekranu.

Alerty w danych wyjściowych

Alerty pojawiające się w łączu Wyjście są szczegółowo omówione na stronie pomocy Alerty.

Różnica między wyjściem czytnika ekranu

Użytkownicy mogą oczekiwać, że dostępna nazwa i opis w danych wyjściowych ANDI, są dokładne i powinny zostać wypowiedziane przez czytniki ekranu zgodne ze standardami.

Czytniki ekranu często dodają dodatkowe słowa w niektórych elementach, takie jak „przycisk” dla przycisków, czy „grafika” dla obrazów. ANDI nie zawiera tych sformułowań i wyświetla tylko tekst komponentów. Na przykład, jeśli słowo „przycisk” znajduje się w dostępnej nazwie lub opisie przycisku, czytnik ekranu najprawdopodobniej powie dwa razy „przycisk”, a ANDI nie.

ANDI wyświetli ogólną liczbę elementów znalezionych na stronie. Typy elementów zależą od wybranego modułu.

Po naciśnięciu, fokus zostanie przesunięty na podświetlony element, który poprzedza lub następuje po elemencie aktywnym w oparciu o strukturę HTML strony; generalnie „poprzedni” lub „następny” element przeanalizowany przez ANDI.

W zależności od wybranego modułu w tej sekcji mogą być wyświetlane dodatkowe wyniki. Na przykład: klawisze dostępu, lista tabel, lista linków, szczegóły grafiki.

Aby uzyskać więcej informacji, zapoznaj się z dokumentacją każdego modułu.

Po uruchomieniu ANDI każdy element HTML jest analizowany pod kątem warunków, które często powodują problemy z dostępnością, w zależności od wybranego modułu. o znalezieniu takiego warunku, ANDI generuje alert, który pomaga użytkownikowi zidentyfikować potencjalne problemy z dostępnością.

Alerty są przedstawione na liście Alerty dostępności. Alerty są podzielone na trzy poziomy alertów, które wskazują prawdopodobieństwo wystąpienia wady dostępności:

Alerty na liście są podzielone na grupy. Rozszerzenie grupy powoduje wyświetlenie komunikatów ostrzegawczych dotyczących elementów na stronie. Komunikaty są łączami, które prowadzą do elementu, z którym powiązany jest alert.

Alerty związane z aktywnym elementem pojawią się w sekcji Wyjście ANDI. Aktywacja alertu w danych wyjściowych ANDI otworzy stronę pomocy Alerty, która zawiera szczegółowe informacje na temat konkretnych alertów i kroków naprawczych.

Kiedy ANDI jest uruchamiany po raz pierwszy, skanuje stronę w poszukiwaniu elementów interaktywnych. Aby przetestować inne obszary dostępności, ANDI oferuje możliwość uruchomienia specjalistycznych „modułów”.

Więcej informacji na temat każdego modułu można znaleźć na stronie pomocy Moduły.

Aby ponownie uruchomić ANDI na testowanej stronie, naciśnij przycisk Odśwież. Alternatywnie, (alt+=) lub na pasku zakładek/ulubionych w przeglądarce naciśnij przycisk oznaczony „ANDI”.

Gdy ANDI zostanie odświeżony, najpierw usunie ze strony pasek ANDI wraz z dodanymi do strony testowej znacznikami dodanymi do strony i uruchomi się ponownie. Nie powinno być potrzeby odświeżania strony testowej, a następnie odświeżania ANDI.

Naciśnięcie tego przycisku spowoduje otwarcie menu z niektórymi ustawieniami dla zaawansowanych użytkowników.

Szczegóły dotyczące każdego zaawansowanego ustawienia są wyjaśnione poniżej.

Naciśnięcie przycisku Listy skrótów spowoduje wyświetlenie listy skrótów klawiszowych ANDI, które umożliwiają szybkie dotarcie do wybranych sekcji ANDI.

Naciśnięcie przycisku Pomoc otwiera w nowym oknie Pomoc ANDI (witryna, którą teraz czytasz).

Jeśli ten przycisk zostanie naciśnięty po wybraniu modułu innego niż „elementy interaktywne”, otworzy się Pomoc dla tego modułu.

Naciśnięcie przycisku Usuń usunie ekran ANDI z testowanej strony wraz ze wszystkimi dodanymi do strony znacznikami. Opuszczenie strony testowej lub naciśnięcie przycisku odświeżania przeglądarki (F5) również spowoduje usunięcie ANDI.

To ustawienie pozwoli użytkownikowi ukryć lub pokazać podświetlanie elementu (kontury) na testowanej stronie.

Wszystkie funkcje ANDI pozostają z wyłączonymi podświetleniami; ta kontrolka jest ściśle kosmetyczna.

Użytkownicy ANDI z defektami widzenia mogą znaleźć podobne informacje, na które wskazują podświetlenia w sekcji Wyjście ANDI.

Podczas przeprowadzania widoczności wskaźnika fokusa najlepiej jest wyłączyć to ustawienie lub nie odświeżać ANDI

Uwaga: Możliwość wyłączenia podświetlenia elementów nie jest dostępna na stronach renderowanych w trybie zgodności z Internet Explorerem 7 lub mniejszym.

To ustawienie „linearyzuje” stronę, wyszukując elementy, które zostały ustawione za pomocą CSS, i zmieniając ich położenie w kolejności, w której wykryje je czytnik ekranu.

Elementy, które zostały przeniesione, będą miały wokół siebie otoczkę w kolorze turkusowym.

Może to być przydatne podczas testowania znaczącej sekwencji elementów na stronie.

To ustawienie powoduje skondensowanie ANDI, dzięki czemu widoczna jest większa część testowanej strony.

Gdy tryb Mini jest włączony, ANDI pojawi się w następujący sposób:

Aby ponownie uruchomić ANDI na testowanej stronie, wystarczy nacisnąć klawisz skrótu (znak alt i znak równości). Alternatywnie, naciśnięcie przycisku oznaczonego „ANDI” na pasku ulubionych/zakładek może ponownie uruchomić ANDI.

Gdy ANDI zostanie odświeżony, najpierw usunie pasek ANDI ze strony wraz ze wszystkimi dodanymi do niej znacznikami i uruchomi się ponownie. Innymi słowy, nie ma potrzeby odświeżania strony testowej, a następnie ponownego uruchamiania ANDI.

Klawisz skrótu Odśwież pełni tę samą funkcję, co przycisk Uruchom ponownie.

Ten skrót (alt i apostrof) przeniesie fokus do sekcji Wyjście ANDI. Jeśli używany jest czytnik ekranu, odczytuje on tekst Wyjścia. Dla użytkowników niedowidzących jest to bardzo przydatne w połączeniu z klawiszem aktywnym Skocz do elementu aktywnego.

Po naciśnięciu tego skrótu (alt i ukośnik) fokus zostanie przeniesiony do elementu aktywnego na testowanej stronie. Dla użytkowników niedowidzących jest to bardzo przydatne w połączeniu z klawiszem skrótu do Wyjścia.

Po naciśnięciu fokus przejdzie do podświetlonego elementu, który w strukturze HTML strony następuje po elemencie aktywnym; zasadniczo „następny” element.

Po naciśnięciu fokus przejdzie do podświetlonego elementu, który w strukturze HTML strony poprzedza aktywny element; zasadniczo „poprzedni” element.

Kilkakrotne naciśnięcie tego skrótu (alt i grawis) pozwoli użytkownikowi przeskakiwać między czterema sekcjami w kolejności: