Testowanie strony pod kątem czytników dla osób niedowidzących

0

Potrzebuję przetestować stronę pod kątem tego jak będą sobie z nią radziły automaty czytające treść jakich używają osoby niepełnosprawne. Samo testowanie WCAG (AA i AAA) w zakresie tekstu, układu i kolorów mam już ogarnięte, ale niestety testy odczytu to dla mnie nowość.

Moje pytania:

  1. Czy istnieją jakieś rozwiązania wspierające tego typu testy?
  2. Czy są rozwiązania pozwalające na wizualizację kolejności czytania?
  3. Czy istnieją narzędzia wspierające odczyt treści w języku polskim?

Tak wiem google... ale ja tu nawet nie za bardzo wiem o co woojka pytać.

1

Możliwe, że tu znajdziesz jakieś materiały: http://widzialni.org/start (albo kogoś, żeby zapytać)

1
Koziołek napisał(a):
  1. Czy istnieją jakieś rozwiązania wspierające tego typu testy?
  2. Czy są rozwiązania pozwalające na wizualizację kolejności czytania?
  3. Czy istnieją narzędzia wspierające odczyt treści w języku polskim?

3xtak

Przydatne wtyczki do firefoxa

  • Accessibility Evaluation Toolbar
  • Web Developer Toolbar
  • Wave Toolbar
    Wymienione poniżej narzędzia pochodzą z tych wtyczek.

Oraz kilka porad, które mam nadzieję po części odpowiedzą na Twoje pytania:

Kontrast (dla osób słabo widzących)
Użyjesz do tego programu Contrast Analyser (jest też na Maca, to samodzielny program, nie wtyczka).
Za pomocą pobieraka koloru, pobierz kolor tekstu i tła.
Odczytaj "Contrast ratio". Wartość powinna być nie mniejsza niż 10 (czyli nieco więcej niż wymaga WCAG 2.0). Absolutne minimum to 4,5 do 1, ale to za mało.

Prawidłowe tytuły strony
Czytniki dzwiękowe czytają tytuły stron i na tej podstawie pomagają ocenić np. niewidomemu co jest na stronie. Nieadekwatny do treści strony tytuł spowoduje, że ktoś będzie musiał wysłuchać całej treści po to, żeby dowiedzieć się że go to nie interesuje.

Nagłówki
Oceń nagłówki: jest ich tyle ile potrzeba? Czy dobrze oddają strukturę treści strony?

Pierwsze narzędzie — outline
Wciskasz przycisk 'Outline' i otrzymujesz 'outline' — ekstrakt z nagłówków do analizy.

Drugie narzędzie — rentgen
Wciskasz przycisk 'Errors, Features and Alerts' i otrzymujesz rentgen różnych elementów, w tym nagłówków.

Linki
Sprawdź czy treści linków są zrozumiałe. Najlepiej, by były zrozumiałe także poza kontekstem.
Niezrozumiałe linki to wszystkie w rodzaju "kliknij tutaj", "więcej", "pobierz", ale nie tylko.
Jak to sprawdzić?
Web Developer Toolbar
Navigation -> Links
Wyświetlona lista linków pozwala przeanalizować jakość wszystkich linków w treści strony.

Widoczny fokus
Zbadaj widoczność fokusa poprzez nawigację po linkach i odnośnikach za pomocą klawisza Tab.
Zwróć uwagę na to, czy kolejność Tabindeksu jest logiczna i przewidywalna w obrębie kilku stron serwisu.
Fokus powinien być co najmniej domyślny dla przeglądarki.

Listy uporządkowane i nieuporządkowane
Czy nawigacja jest ujęta w listę oraz w tekstach występują "prawdziwe" listy?
Oprogramowanie Wave Toolbar
Po użyciu przycisku 'Errors, Features and Alerts' prawidłowe listy zostaną oznaczone piktogramem.

Czytelność (dla osób słabo widzących)
Sprawdź formatowanie tekstów — jak justowane i dzielone są akapity, czy stosowane są śródtytuły (nagłówki). Czy masz do czynienia ze ścianą tekstu, czy dobrze sformatowanym tekstem?
W tym przypadku, nie ma narzędzia. Powinien wystarczyć odpowiednio skalibrowany ludzki osąd.

Teksty alternatywne
Oceń zrozumiałość i adekwatność tekstów alternatywnych elementów interfejsu i zdjęć, grafik itp.
Szczególnie ważne mogą być teksty alternatywne linków graficznych, czyli np. ikon, które kierują do ważnych sekcji serwisu.
Pomoże Web Developer

Zgodność ze standardami
Sprawdź poprawność kodu HTML, tzw. zgodność ze standardami za pomocą walidatora w3c.

Dostępność formularzy
Sprawdź czy formularze mają prawidłowe, zrozumiałe etykiety pól.

1 użytkowników online, w tym zalogowanych: 0, gości: 1