Lista kontrolna do samodzielnego badania dostępności cyfrowej strony internetowej

Lista kontrolna do samodzielnego badania dostępności cyfrowej strony internetowej

i jej zgodności z ustawą z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych

Opracowanie: Departament Społeczeństwa Informacyjnego, Kancelaria Prezesa Rady Ministrów

Warszawa, 2021

Prezentowany poniżej raport powstał na podstawie “Listy kontrolnej” KPRM, która zawiera 92 pytania-zalecenia. Tekst źródłowy jest edytowany w tekstowym formatowaniu Markdown, co ułatwia automatyczne wytwarzanie podsumowania.

Odpowiedzi do wyboru są oznaczone czcionką pogrubioną. Wybrana odpowiedź jest oznaczana dodatkowo czcionką pochyloną (i pokolorowaniem): Pozytywna, Negatywna, Nie dotyczy

Gdy wybrano odpowiedź Negatywna to wstawiany jest dodatkowy wiersz z treścią, która może pojawić się w deklaracji dostępności z odpowiednio oznaczoną częścią początkową:

W dodatkowych wierszach Zał.: są opisane warunki, które wpływały na wybraną odpowiedź. Gdyby w przyszłości nastąpiła ich zmiana, to należy rozważyć także zmianę odpowiedzi.

Lista założeń i lista odpowiedzi są zamieszczone na końcu raportu zamiast “Tabeli zasięgu i wagi błędów”. Dodatkowo w tabeli podsumowująca badanie dostępności cyfrowej zamieszczone są wszystkie odpowiedzi dla kolejnego kryterium, co pozwala ocenić liczbę odpowiedzi negatywnych do poprawienia w przyszłości.

Odpowiedzi w liście dotyczą całego portalu, jeśli nie wyszczególniono w nich podstron.

Przeprowadzono badanie częściowe dostępności - odpowiedzi jedynie na pytania z poziomu podstawowego.

Spis treści

Czym jest i do czego służy lista kontrolna?

Lista kontrola jest narzędziem do samodzielnego badania strony internetowej pod kątem jej dostępności cyfrowej dla osób z niepełnosprawnościami.

Przy jej pomocy możesz ocenić czy strona internetowa jest zgodna ze standardami WCAG 2.1 (Web Content Accessibility Guidelines 2.1) i z ustawą z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych.

Kiedy korzystać z listy kontrolnej?

Nie zawsze możesz zlecić badania dostępności cyfrowej ekspertowi (audytorowi dostępności), a informacji z takiego badania potrzebujesz np. do opracowania deklaracji dostępności. W takiej sytuacji dobrym rozwiązaniem jest samodzielne badanie w oparciu o tę listę kontrolną.

Pamiętaj jednak, że w ewentualnych sytuacjach spornych tylko opinia eksperta ds. dostępności będzie uznana za wiążącą.

Listę kontrolną przygotowaliśmy jako pomoc dla podmiotów publicznych, które mają prawny obowiązek zapewnienia dostępności cyfrowej stron internetowych, wynikający ze wspomnianej ustawy. Możesz z niej jednak skorzystać także przy badaniu strony niebędącej własnością podmiotu publicznego.

Pytania i możliwe odpowiedzi w liście kontrolnej

Lista kontrolna jest zbiorem pytań, które pozwalają wykryć zdecydowaną większość problemów dostępnościowych na stronie internetowej. Przy każdym z pytań opisaliśmy co musisz zrobić, żeby udzielić na dane pytanie odpowiedzi.

Pytania z listy kontrolnej podzieliliśmy na 3 poziomy. Dostosowaliśmy je do wiedzy i umiejętności osoby wykonującej badanie:

  1. poziom podstawowy - do jego wykonania wystarczy Ci podstawowa umiejętność korzystania ze stron internetowych,

  2. poziom średni - do jego wykonania potrzebujesz wiedzy o tworzeniu stron internetowych i podstawowej umiejętności korzystania z programów do testowania dostępności, w tym czytników ekranu,

  3. poziom zaawansowany - do jego wykonania potrzebujesz dogłębnej wiedzy technicznej, w tym znajomości języków skryptowych oraz umiejętności posługiwania się różnymi technologiami asystującymi.

Nie zawsze musisz odpowiadać na wszystkie pytania z listy kontrolnej. Przykładowo, do oceny, że strona nie jest zgodna z WCAG 2.1 i ustawą wystarczy, że znajdziesz błąd na poziomie podstawowym. Jednak dopiero odpowiedzenie na pytania z wszystkich poziomów pozwala w pełni ocenić dostępność cyfrową badanej strony internetowej.

Jak wykonać badanie oparte na liście kontrolnej?

Wybierz strony do badania

Serwis internetowy może składać się z różnej liczby stron internetowych. Jeżeli serwis, których chcesz zbadać ma ok. 15-20 stron, możesz zbadać każdą z nich. Jeśli jednak jest ich więcej, czasem nawet kilka tysięcy, musisz mądrze wybrać, którymi z nich zajmiesz się w badaniu.

Podmioty publiczne muszą mieć w pełni dostępne cyfrowo całe serwisy internetowe. Część z ich treści i funkcji musi być jednak bezwzględnie dostępna (jej brak może wiązać się z karą finansową) - nawet jeśli reszta serwisu taka nie jest. Treści te i funkcje są precyzyjnie wskazane w ustawie i muszą zawsze znaleźć się w wyborze stron do zbadania w serwisie podmiotu publicznego. Są to:

Wybierając konkretne strony do zbadania pamiętaj, żeby wśród nich znalazły się, o ile to możliwe:

Jeśli badasz serwis składający się z wielu, różnych stron, to w badaniu uwzględnij co najmniej 15 z nich.

Odpowiedz na pytania do każdej z wybranych stron

Każdy element listy kontrolnej składa się z:

Na każdej z badanych stron musisz wykonać wszystkie opisane zadania i wybrać jedną z możliwych odpowiedzi.

Brak odpowiedzi negatywnych w całym badaniu oznacza, że badane strony są, w dużym stopniu pewności, zgodne z wymaganiami WCAG 2.1 i ustawy.

Elementy wyłączone z badania

Zgodnie z ustawą część elementów stron internetowych podmiotów publicznych nie musi być dostępna cyfrowo. Są to:

Jeśli trafisz na takie elementy możesz udzielić przy nich odpowiedzi „nie dotyczy”.

Zbierz wyniki z badania

Wyniki badania możesz zbierać w dowolny, wygodny dla Ciebie sposób. My proponujemy Ci dwie tabele, które znajdziesz na końcu listy kontrolnej:

  1. tabelę podsumowującą badanie - odnosi się do wszystkich kryteriów wymienionych w ustawie o dostępności cyfrowej; łatwo zbierzesz w niej odpowiedzi w podziale na kryteria WCAG 2.1.

  2. tabelę zasięgu i wagi błędów - do zbierania pojedynczych błędów, adresów stron, na których się znajdują i oceny ich skali oraz uciążliwości dla użytkowników z niepełnosprawnościami. Dane z tej tabeli szczególnie przydadzą się do planowania kolejności prac.

Czasem pytanie wiąże się z kilkoma, różnymi kryteriami WCAG 2.1. Nie oznacza to jednak, że przy każdej odpowiedzi negatywnej automatycznie łamane są wymagania wszystkich, wymienionych kryteriów WCAG 2.1. To, które z kryteriów jest złamane, powinno być ewentualnie wynikiem odrębnej analizy.

Badanie częściowe

W badaniu częściowym odpowiesz jedynie na część pytań, np. tylko na te z poziomu podstawowego. Może Ci się ono przydać gdy nie masz wiedzy technicznej, a chcesz, bądź musisz, ocenić dostępność cyfrową strony internetowej.

Takie badanie nigdy nie da Ci odpowiedzi czy serwis jest dostępny, ale może dać Ci odpowiedź, że jest niedostępny (bo ma błędy np. na poziomie podstawowym).

Prowadząc badanie częściowe koniecznie udziel odpowiedzi na pytania oznaczone jako „pytanie kluczowe”. Negatywna odpowiedź, na którekolwiek z takich pytań, oznacza bariery uniemożliwiające korzystanie ze strony przez osoby z niepełnosprawnością, a nie tylko niedogodność czy utrudnienie.

Wykorzystaj wyniki z badania

Badanie i jego wyniki możesz wykorzystać w różnych sytuacjach:

Ocena dostępności cyfrowej - poziom podstawowy

Do oceny dostępności cyfrowej na poziomie podstawowym wystarczy umiejętność korzystania ze stron internetowych. Nie musisz mieć ani wiedzy technicznej ani znać kodu HTML.

Nawigacja

Czy widać, który element jest aktywny przy nawigacji klawiaturą?

Jak to zbadać?

  1. Wciśnij wielokrotnie przycisk TAB i przejdź w ten sposób po wszystkich aktywnych elementach strony,

  2. Każdy element, na który wejdziesz w ten sposób powinien jakoś się wyróżnić (np. dodatkową ramką, zmianą koloru) - to wyróżnienie to tzw. fokus,

  3. Sprawdź czy widzisz takie wyróżnienie na aktywnych elementach strony,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.7

Czy wszystkie elementy aktywne w serwisie są dostępne za pomocą klawiatury? (pytanie kluczowe)

Jak to zbadać?

  1. Użyj do nawigacji samej klawiatury i klawiszy:
  1. Sprawdź, czy wszystkie działania, które można wykonać na danej stronie myszką, można wykonać też samą klawiaturą i wymienionymi przyciskami. Sprawdź w ten sposób wszystkie linki, przyciski, listy linków, listy rozwijalne, pola formularzy, odtwarzacze multimediów. Zwróć uwagę na funkcje dodatkowe np. chat, linki udostępnienia treści w mediach społecznościowych, mapy z klikalnymi obszarami itp.

Możliwe odpowiedzi

Kryteria WCAG powiązane z pytaniem

Kryterium 2.1.1

Zał.: Dokumenty tekstowe, tekstowo-graficzne, prezentacje multimedialne i wykresy interaktywne zostały opublikowane przed 23.09.2018

-# Na stronach https://pei.prz.edu.pl/%7Ekubaszek/ran/ i https://pei.prz.edu.pl/%7Ekubaszek/smacd06/ są wykresy interaktywne, które można obsługiwać tylko myszą. Te wykresy zostały opublikowane przed 2018r.

Czy przy odtwarzaczu multimediów niedostępnym za pomocą klawiatury jest tekstowa alternatywa multimediów?

Jak to zbadać?

  1. Sprawdź tylko jeśli na stronie jest odtwarzacz, którego nie można obsłużyć samą klawiaturą,

  2. Sprawdź czy obok takiego niedostępnego odtwarzacza jest tekstowa alternatywa multimediów (np. pełna treść opisana w artykule lub w dokumencie do pobrania)

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.1.1

Czy jest na stronie pułapka klawiaturowa? (pytanie kluczowe)

Nawigując samą klawiaturą, sprawdź czy żaden element/grupa elementów nie blokuje Twojej dalszej nawigacji.

Jak to zbadać?

  1. Wykonaj badanie jak w poprzednim pytaniu.

  2. Sprawdź czy możesz swobodnie przejść po wszystkich elementach strony, po czym wracasz do paska adresu przeglądarki.

Możliwe odpowiedzi

Kryteria WCAG powiązane z pytaniem

-# Wykresy interaktywne stanowią pułapkę klawiaturową. Te wykresy zostały opublikowane przed 2018r.

Kryterium 2.1.2

Czy jest ostrzeżenie przed otwarciem nowego okna/zakładki w przeglądarce?

Jak to zbadać?

  1. Sprawdź, czy w przypadku gdy po kliknięciu w któryś z elementów otwiera się nowe okno lub nowa zakładka przeglądarki,

  2. Jeśli tak, to sprawdź czy bezpośrednio obok, wewnątrz, w wartości atrybutu „title” elementu albo w inny sposób dostępna jest informacja o otwarciu nowego okna/zakładki przeglądarki (np. „Link otwiera się w nowym oknie przeglądarki”),

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.4

Czy na stronie jest mechanizm otwierający nowe okno bez udziału użytkownika?

Jak to zbadać?

Sprawdź, czy nie ma sytuacji, że przy nawigacji klawiaturą i bez wciśnięcia ENTER oraz przy nawigacji myszką i bez kliknięcia jej przycisku, wyświetla się nowe okno z treścią.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.4

Czy jest na stronie jest mapa strony lub wyszukiwarka?

Jak to zbadać?

  1. Sprawdź czy na badanych stronach jest link do mapy strony. Jeśli tak, sprawdź czy są w niej linki do wszystkich stron serwisu i czy linki te działają (prowadzą do odpowiednich stron),

  2. Sprawdź czy na badanych stronach jest wyszukiwarka lub link do formularza wyszukiwarka. Jeśli tak, wpisz przykładowe słowo i sprawdź czy wyszukiwarka działa.

Możliwe odpowiedzi na pytanie

– Na stronach nie ma ani wyszukiwarki ani mapy strony.

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.5

Czy wygląd i działanie menu jest takie same na wszystkich stronach?

Jak to zbadać?

Sprawdź, czy na wszystkich badanych stronach, menu wygląda i działa tak samo.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Czy nawigacja za pomocą klawiatury jest logiczna i zgodna z wyglądem strony?

Jak to zbadać?

  1. Przejdź po badanych stronach za pomocą samej klawiatury,

  2. Sprawdź, czy fokus klawiatury porusza się w logicznej kolejności, spójnej z układem wizualnym treści (najczęściej od góry do dołu, od lewej do prawej).

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.3

Wygląd

Czy są elementy, które szybko błyskają na czerwono lub gwałtownie zmieniają jasność? (pytanie kluczowe)

Jak to zbadać?

  1. Sprawdź czy jakiś element strony nie błyska na czerwono. Jeśli tak, policz, ile jest takich błysków w ciągu sekundy.

  2. Zobacz, czy jest na stronie obszar, który podlega gwałtownym zmianom jasności. Jeśli tak, oceń, czy zajmuje on więcej niż 25% obszaru strony.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.3.1

Czy po powiększeniu widoku strony do 200% widać całość informacji ze strony?

Jak to zbadać?

  1. Powiększ widok badanej strony do 200% - np. trzymając wciśnięty klawisz CTRL wciśnij kilkukrotnie przycisk „+”. W pasku przeglądarki będzie widoczna informacja o ile procent widok jest powiększony. Uwaga: nie chodzi tu o powiększenie samych czcionek, ale całego widoku strony.

  2. Sprawdź czy cała zawartość strony jest widoczna, bez konieczności przewijania treści w poziomie.

  3. Sprawdź czy żadne treści nie zachodzą na siebie lub czy nie zniknęły.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.4.4

Czy z treści strony można korzystać bez względu na orientację ekranu (pionowa/pozioma)?

Jak to zbadać?

  1. Na smartfonie lub tablecie wyświetl badane strony,

  2. Sprawdź, czy zawartość strony jest ta sama bez względu czy trzymasz ekran w poziomie czy w pionie,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.3.4

Czy na stronie jest informacja przekazywana jedynie za pomocą koloru?

Jak to zbadać?

  1. Sprawdź czy na stronie jest informacja przekazywana kolorem np. kolorowy wykres, podświetlanie na czerwono ramek w formularzu, który jest błędnie wypełniony,

  2. Sprawdź czy obok takiej informacji jest także informacja tekstowa, która umożliwi jej zrozumienie np. osobom z zaburzeniami widzenia barw,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Czy na stronie jest instrukcja odnosząca się do koloru elementu?

Jak to zbadać?

  1. Sprawdź, czy na stronie jest instrukcja odnosząca się do kolorów np. „Kliknij w niebieski przycisk”, „Pole oznaczone na czerwono zawiera błędne informacje” itp.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.4.1

Czy na stronie jest informacje przekazywana jedynie poprzez użycie pozycji lub formy?

Sprawdź czy jakikolwiek element na badanych podstronach przekazuje informację za pomocą swojej pozycji bądź formy. Jeśli tak jest, to sprawdź, czy informacja przekazywana za pomocą formy bądź pozycji jest dostępna inną drogą niż jedynie poprzez formę i pozycję.

Jak to zbadać?

  1. Sprawdź, czy na stronie jest informacja odnosząca się do pozycji lub formy elementu np. „Kliknij przycisk w prawym górnym rogu żeby zamknąć okno”, „Wybierz trójkąt żeby przejść dalej” itp.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.3.3

Treści

Czy jest automatycznie uruchamiany dźwięk, którego nie da się zatrzymać? (pytanie kluczowe)

Jak to zbadać?

  1. Sprawdź, czy na stronie uruchamia się automatycznie dźwięk, który trwa dłużej niż 3 sekundy.

  2. Sprawdź czy jest możliwość zatrzymania tego dźwięku (np. przycisk wyłącz).

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.4.2

Czy są migające lub poruszające się elementy, których nie da się zatrzymać?

Jak to zbadać?

  1. Sprawdź czy na stronie są elementy migające lub poruszające się, których miganie lub ruch nie są niezbędne dla zrozumienia informacji,

  2. Sprawdź czy ich miganie lub ruch da się zatrzymać i ponownie uruchomić lub czy mignięcia są rzadziej niż raz na 5 sekund lub czy takie element można ukryć i ponownie wyświetlić,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Czy są tytuły stron i czy mają poprawną strukturę?

Jak to zbadać?

  1. Tytuł strony pojawia się na zakładce w przeglądarce. Zazwyczaj pokazuje się w całości w formie „dymka” gdy najedziesz na daną zakładkę przeglądarki kursorem myszki,

  2. Sprawdź czy każda strona posiada unikalny tytuł, który opisuje jej zawartość (identyczny tytuł wszystkich lub wielu stron w jednym serwisie to błąd),

  3. Sprawdź czy informacje w tytule mają układ „od szczegółu do ogółu” - od informacji o zawartości szczegółowej danej strony do nazwy serwisu/właściciela serwisu (np. „Kontakt - Urząd Miasta w Wiliczu” lub „Kontakt - um.wilicz.pl”)

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.2

Czy złożony element graficzny ma poszerzony opis?

  1. Sprawdź, czy na stronie są złożone elementy graficzne (np. skomplikowane infografiki, wykresy, mapy itp.),

  2. Sprawdź czy takie elementy mają dodatkowy opis, który umożliwi dokładne zrozumienie ich zawartości np. przez osoby niewidome. Opis ten może być umieszczony obok elementu graficznego lub w formie linku prowadzącego do miejsca, gdzie można go przeczytać.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.1.1

Formularze

Czy obok pól formularzy są etykiety mówiąco jasno jakie dane wpisać w te pola?

Jak to zbadać?

  1. Sprawdź czy na stronie są formularze.

  2. Sprawdź, czy etykiety przypisane do pól formularzy są zrozumiałe i czy są tuż obok pól, których dotyczą.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 3.3.2

Czy informacja o błędzie w formularzu jasno opisuje błąd, jest dostępna i zrozumiała dla wszystkich użytkowników?

Jak to zbadać?

  1. Sprawdź czy na stronie są formularze.

  2. Sprawdź czy przy próbie wysłania (przejścia dalej) formularza bez żadnych danych pojawia się informacja o błędzie,

  3. Sprawdź, czy po wpisania niepoprawnych danych do formularza, pojawia się informacja o błędzie,

  4. Sprawdź czy informacja o błędzie jest tekstowa, zrozumiała i podaje przyczynę błędu,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 3.3.1

Czy przy błędnie wypełnionych polach pojawia się podpowiedź jak poprawnie wpisać w nie dane?

Jak to zbadać?

  1. Sprawdź czy na stronie są formularze.

  2. Sprawdź czy w komunikatach o błędach są jednoznaczne rady, jak poprawnie wpisywać dane do pól formularza. Zwróć uwagę, czy przy polach, które trzeba wypełnić w określonym formacie jest o tym informacja (np. „datę wpisz w formacie dd-mm-rrrr. dd oznaczają dzień, mm oznaczają miesiąc (jednocyfrowy numer miesiąca poprzedź zerem, rok (rrrr) zapisz w formie czterocyfrowej, np. 2019”, „numer PESEL powinien zawierać 11 cyfr, a wpisanych zostało tylko 10”).

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 3.3.3

Czy w formularzu, związanym ze zobowiązaniami prawnymi lub finansowymi, można zweryfikować i poprawić dane przed ich wysłaniem?

  1. Sprawdź czy na stronie jest taki formularz (np. związany z zakupem, składaniem oświadczenia)

  2. Jeśli tak, sprawdź czy możesz:

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 3.3.4

Multimedia

Czy elementy filmowe, animowane i dźwiękowe przekazujące informacje mają opis tekstowy wyjaśniający co przedstawiają lub czego dotyczą?

Test ten wykonaj tylko jeśli badane elementy nie są udostępnione w bardziej zaawansowany sposób dla osób niepełnosprawnych (audiodeskrypcji dla filmów i animacji, napisów dla niesłyszących do filmów i animacji z dźwiękiem).

Jak to zbadać?

  1. Sprawdź, czy na stronie są elementy filmowe, animowane lub dźwiękowe, które przekazują informacje,

  2. Jeśli tak, sprawdź czy każdy taki element ma tytuł opisujący zawartość (Kryterium 1.1.1) oraz transkrypcję czyli tekstowy opis całej treści tego elementu (kryterium 1.2.3),

  3. Sprawdź, czy transkrypcja dokładnie opisują zawartość filmów i animacji dla osób niewidomych (nie tylko wypowiadane słowa, ale też opis widocznych obrazów).

  4. Sprawdź, czy transkrypcja zawiera dokładnie całą treść (co do słowa) prezentowano w formie dźwięku,

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Czy film lub animacja zawierające ścieżkę dźwiękową mają napisy dla osób niesłyszących?

Jak to zbadać?

  1. Sprawdź czy na stronie jest film lub animacja ze ścieżką dźwiękową,

  2. Sprawdź czy te materiały nie powtarzają wyłącznie treści prezentowanych w tekście obok,

  3. Jeśli nie, sprawdź czy do każdego takiego filmu lub animacji dodane są napisy dla osób niesłyszących. Takie napisy oprócz treści wypowiadanych przez lektora i/lub bohaterów muszą mieć również informacje o innych dźwiękach ważnych dla zrozumienia treści.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.2.2

Czy filmy i animacje mają audiodeskrypcję?

Jak to zbadać?

  1. Sprawdź, czy na stronie są filmy, animacje czy inne multimedia, które przekazują ważne informacje obrazem (np. w filmach promocyjnych czy będących relacjami z jakiś wydarzeń obraz jest często ważniejszy niż ścieżka lektora),

  2. Sprawdź, czy w tekście obok takiego elementu, nie ma dokładnego opisu ważnych informacji przekazywanych obrazem,

  3. Jeśli nie ma takiego opisu tekstowego, sprawdź czy do elementu jest dodana audiodeskrypcja (dodatkowa ścieżka dźwiękowa z lektorem, który opowiada poszczególne sceny). Sprawdź czy dokładanie opisuje ona poszczególne sceny/widoki.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 1.2.5

Dokumenty

Jak to zbadać?

  1. Sprawdź, czy link do dokumentu do pobrania ma w swojej treści informację o formacie i rozmiarze dokumentu, a także, jeśli to konieczne, o jego języku. Przykładowy wygląd linku prowadzącego do dokumentu do pobrania: Nazwa dokumentu (100 KB, PDF)

  2. Jeśli nie, sprawdź czy takie informacje nie są podane w innym sposób, bezpośrednio obok tego linku.

Możliwe odpowiedzi na pytanie

Kryteria WCAG powiązane z pytaniem

Kryterium 2.4.4

– Dokumenty do pobrania mają informacje o formacie i rozmiarze, ale informacja o języku wynika tylko z tytułu dokumentu.

Ocena dostępności cyfrowej - poziom średni

Ocena dostępności cyfrowej - poziom zaawansowany

Tabela podsumowująca badanie dostępności cyfrowej

Odpowiedź negatywna anuluje inne odpowiedzi w danym kryterium.

^ oznacza kryterum nie objęte sprawdzaniem na poziomie podstawowym.

Lp. Kryterium sukcesu Adres www, ewentualne uwagi
1 1.1.1 - Treść nietekstowa Pozytywna, Pozytywna
2 1.2.1 - Tylko audio lub tylko wideo (nagranie) nie_dotyczy
3 1.2.2 - Napisy rozszerzone (nagranie) Nie dotyczy
4 1.2.3 - Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) Pozytywna
5 1.2.5 - Audiodeskrypcja (nagranie) Nie dotyczy
6 1.3.1 - Informacje i relacje Pozytywna
7 1.3.2 - Zrozumiała kolejność ^
8 1.3.3 - Właściwości zmysłowe Pozytywna
9 1.3.4 - Orientacja Pozytywna
10 1.3.5 - Określenie pożądanej wartości ^
11 1.4.1 - Użycie koloru Pozytywna, Pozytywna
12 1.4.2 - Kontrola odtwarzania dźwięku Pozytywna
13 1.4.3 - Kontrast (minimalny) ^
14 1.4.4 - Zmiana rozmiaru tekstu Pozytywna
15 1.4.5 - Obrazy tekstu ^
16 1.4.10 - Dopasowanie do ekranu ^
17 1.4.11 - Kontrast elementów nietekstowych ^
18 1.4.12 - Odstępy w tekście ^
19 1.4.13 - Treści spod kursora lub fokusu ^
20 2.1.1 - Klawiatura Negatywna, Nie dotyczy
21 2.1.2 - Bez pułapki na klawiaturę Negatywna
22 2.1.4 - Jednoznakowe skróty klawiaturowe ^
23 2.2.1 - Dostosowanie czasu Negatywna
24 2.2.2 - Pauza, zatrzymanie, ukrycie Negatywna
25 2.3.1 - Trzy błyski lub wartości poniżej progu Pozytywna
26 2.4.1 - Możliwość pominięcia bloków ^
27 2.4.2 - Tytuł strony Pozytywna
28 2.4.3 - Kolejność fokusu Pozytywna
29 2.4.4 - Cel łącza (w kontekście) Nie dotyczy, Pozytywna, Negatywna
30 2.4.5 - Wiele dróg Negatywna, Pozytywna
31 2.4.6 - Nagłówki i etykiety ^
32 2.4.7 - Widoczny fokus Pozytywna
33 2.5.1 - Gesty dotykowe ^
34 2.5.2 - Rezygnacja ze wskazania ^
35 2.5.3 - Etykieta w nazwie ^
36 2.5.4 - Aktywowanie ruchem nie_dotyczy
37 3.1.1 - Język strony ^
38 3.1.2 - Język części ^
39 3.2.1 - Po otrzymaniu fokusu ^
40 3.2.2 - Podczas wprowadzania danych ^
41 3.2.3 - Spójna nawigacja Pozytywna
42 3.2.4 - Spójna identyfikacja ^
43 3.3.1 - Identyfikacja błędu Nie dotyczy
44 3.3.2 - Etykiety lub instrukcje Nie dotyczy
45 3.3.3 - Sugestie korekty błędów Nie dotyczy
46 3.3.4 - Zapobieganie błędom (prawnym, finansowym, w danych) Nie dotyczy
47 4.1.1 - Poprawność kodu ^
48 4.1.2 - Nazwa, rola, wartość ^
49 4.1.3 - Komunikaty o stanie ^

Tabela zasięgu i wagi błędów

Przy każdym błędzie, oceń na ile dana niedostępna treść lub funkcja jest powszechna i ważna dla użytkowników strony internetowej. To Twoja subiektywna ocena, ale oprzyj ją na wiedzy i zrozumieniu potrzeb użytkowników, a nie przeczuciach. Opisz jasno i dokładnie swoją ocenę.

Dane zebrane w tej tabeli przydadzą się przy planowaniu kolejności prac. Będą pomocne dla programisty, koordynatora ds. dostępności lub innej osoby odpowiedzialnej za wdrożenie poprawek.

Zasięg błędu

Jeśli trafisz na błąd, sprawdź czy jest on także na innych, analogiczny stronach czy może wystąpił tylko jednokrotnie. Adresy tych dodatkowych stron także umieść w tabeli przy opisie błędu. Dzięki temu zobaczysz jaki jest zasięg tego problemu.

Waga błędu

W ostatniej kolumnie tabeli możesz ocenić wagę danego błędu. Przyda Ci się to przy planowaniu kolejności prac naprawczych. Wagę błędu możesz ustalić na skali np. od 1 do 5 lub opisowo np. błąd krytyczny, błąd istotny, błąd nieistotny.

Pamiętaj, że waga błędu zależy od kontekstu. Brak odpowiednich opisów alternatywnych zdjęć w artykule o wręczaniu nagród pracownikom gminy to błąd nieistotny, ale w wirtualnej galerii sztuki brak takich opisów dzieł będzie już błędem krytycznym.

Zwróć uwagę na strony, które bezwzględnie muszą być dostępne cyfrowo nawet w serwisach z wieloma błędami. Waga błędów na tych stronach będzie wysoka.

Nawet błąd, który uznasz za nieistotny, nadal pozostaje błędem dostępności cyfrowej i oznacza niezgodność strony internetowej z wytycznymi WCAG 2.1 i ustawą o dostępności cyfrowej.


Zamiast “Tabeli zasięgu i wagi błędów” jest przedstawiona lista założeń co do ustawień treści w portalu CMS PRz. Dalej jest wypisania lista niezgodności, która jest wstawiana do formularza Deklaracji dostępności przygotowanej przez administratorów CMS PRz.

Założenia:

Odpowiedzi na pytania w tym raporcie są udzielane przy następujących założeniach:

Lista niezgodności

do wstawienia do formularza dostępności portalu:

-# Na stronach https://pei.prz.edu.pl/%7Ekubaszek/ran/ i https://pei.prz.edu.pl/%7Ekubaszek/smacd06/ są wykresy interaktywne, które można obsługiwać tylko myszą. Te wykresy zostały opublikowane przed 2018r.
-# Wykresy interaktywne stanowią pułapkę klawiaturową.

– Na stronach nie ma ani wyszukiwarki ani mapy strony.
– Dokumenty do pobrania mają informacje o formacie i rozmiarze, ale informacja o języku wynika tylko z tytułu dokumentu.