Raport z badania dostępności cyfrowej

Analiza została przeprowadzona przy użyciu listy kontrolnej do samodzielnego badania dostępności cyfrowej strony internetowej.

Ocena dostępności cyfrowej – poziom podstawowy

  1. Nawigacja

    1. Czy widać, który element jest aktywny przy nawigacji klawiaturą?
      Ocena: Pozytywna
    2. Czy wszystkie elementy aktywne w serwisie są dostępne za pomocą klawiatury? (pytanie kluczowe)
      Ocena: Pozytywna
      Uwagi: Wtyczka Lightbox obsługuje podstawową funkcjonalność przeglądania galerii zdjęć zarówno przy użyciu myszy jak i przy użyciu klawiatury. Jednak tylko przy użyciu myszy dostępne są funkcje dodatkowe: np. powiększanie, udostępnianie dla mediów społecznościowych i pełny ekran. Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    3. Czy przy odtwarzaczu multimediów niedostępnym za pomocą klawiatury jest tekstowa alternatywa multimediów?
      Ocena: Nie dotyczy
    4. Czy jest na stronie pułapka klawiaturowa? (pytanie kluczowe)
      Ocena: Pozytywna
    5. Czy jest ostrzeżenie przed otwarciem nowego okna/zakładki w przeglądarce?
      Ocena: Negatywna
      Uwagi: Ta metoda otwierania okna stosowana jest w jednolity sposób przy wczytywaniu dokumentów typu pdf lub przy przechodzeniu do stron spoza serwisu (linki zewnętrzne). Problem dotyczy większości stron zawierających linki do otworzenia w nowej karcie przeglądarki.
    6. Czy na stronie jest mechanizm otwierający nowe okno bez udziału użytkownika?
      Ocena: Pozytywna
    7. Czy jest na stronie jest mapa strony lub wyszukiwarka?
      Ocena: Pozytywna
    8. Czy wygląd i działanie menu jest takie same na wszystkich stronach?
      Ocena: Pozytywna
    9. Czy nawigacja za pomocą klawiatury jest logiczna i zgodna z wyglądem strony?
      Ocena: Pozytywna

  2. Wygląd

    1. Czy są elementy, które szybko błyskają na czerwono lub gwałtownie zmieniają jasność? (pytanie kluczowe)
      Ocena: Pozytywna
    2. Czy po powiększeniu widoku strony do 200% widać całość informacji ze strony?
      Ocena: Pozytywna
      Uwagi: Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. Na stronie archiwalnej, przy powiększeniu większym niż 150% mogą pojawić się paski przewijania. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    3. Czy z treści strony można korzystać bez względu na orientację ekranu (pionowa/pozioma)?
      Ocena: Pozytywna
    4. Czy na stronie jest informacja przekazywana jedynie za pomocą koloru?
      Ocena: Pozytywna
    5. Czy na stronie jest instrukcja odnosząca się do koloru elementu?
      Ocena: Pozytywna
    6. Czy na stronie są informacje przekazywane jedynie poprzez użycie pozycji lub formy?
      Ocena: Pozytywna

  3. Treści

    1. Czy jest automatycznie uruchamiany dźwięk, którego nie da się zatrzymać? (pytanie kluczowe)
      Ocena: Pozytywna
    2. Czy są migające lub poruszające się elementy, których nie da się zatrzymać?
      Ocena: Pozytywna
    3. Czy są tytuły stron i czy mają poprawną strukturę?
      Ocena: Pozytywna
    4. Czy złożony element graficzny ma poszerzony opis?
      Ocena: Nie dotyczy

  4. Formularze

    1. Czy obok pól formularzy są etykiety mówiąco jasno jakie dane wpisać w te pola?
      Ocena: Pozytywna
    2. Czy informacja o błędzie w formularzu jasno opisuje błąd, jest dostępna i zrozumiała dla wszystkich użytkowników?
      Ocena: Pozytywna
    3. Czy przy błędnie wypełnionych polach pojawia się podpowiedź jak poprawnie wpisać w nie dane?
      Ocena: Pozytywna
    4. Czy w formularzu, związanym ze zobowiązaniami prawnymi lub finansowymi, można zweryfikować i poprawić dane przed ich wysłaniem?
      Ocena: Nie dotyczy

  5. Multimedia

    1. Czy elementy filmowe, animowane i dźwiękowe przekazujące informacje mają opis tekstowy wyjaśniający co przedstawiają lub czego dotyczą?
      Ocena: Negatywna
      Uwagi: Strony zawierające elementy filmowe posiadają jedynie ogólny opis wskazujący na charakter przedstawianego wydarzenia. Brak transkrypcji nagrań. Problem dotyczy różnych podstron zawierających materiały wideo lub odsyłacze do materiałów wideo w serwisie YouTube. Brak transkrypcji w treściach, których nie dotyczy badanie – wyłączone z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.2 ustawy o dostępności cyfrowej. 
    2. Czy film lub animacja zawierające ścieżkę dźwiękową mają napisy dla osób niesłyszących?
      Ocena: Negatywna
      Uwagi: Nie wszystkie filmy posiadają napisy. Część materiałów wideo posiada niekompletne napisy zrealizowane w oparciu o automatyczną zamianę mowy na tekst. Brak informacji o widocznych obrazach i innych dźwiękach ważnych dla zrozumienia treści. Problem dotyczy różnych podstron  zawierających materiały wideo lub odsyłacze do materiałów wideo w serwisie YouTube. Brak napisów w treściach, których nie dotyczy badanie – wyłączone z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.2 ustawy o dostępności cyfrowej. 
    3. Czy filmy i animacje mają audiodeskrypcję?
      Ocena: Negatywna
      Uwagi: Strony zawierające elementy filmowe posiadają jedynie ogólny opis wskazujący na charakter przedstawianego wydarzenia. Brak audiodeskrypcji nagrań. Problem dotyczy różnych podstron  zawierających materiały wideo lub odsyłacze do materiałów wideo w serwisie YouTube. Brak audiodeskrypcji w treściach, których nie dotyczy badanie – wyłączone z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.2 ustawy o dostępności cyfrowej.

  6. Dokumenty

    1. Czy w link do dokumentu do pobrania ma informacje o jego formacie, rozmiarze i języku?
      Ocena: Negatywna
      Uwagi: Nie przy każdym dokumencie do pobrania znajduje się informacja o jego rozmiarze i formacie. Problem dotyczy różnych podstron zawierających link lub przycisk do pobrania dokumentu.

Ocena dostępności cyfrowej – poziom średni

  1. Struktura treści

    1. Czy na każdej stronie jest nagłówek <h1>?
      Ocena: Pozytywna
    2. Czy nagłówki są zdefiniowane w kodzie strony, w odpowiedniej kolejności?
      Ocena: Pozytywna
    3. Czy listy elementów są zdefiniowane w kodzie strony?
      Ocena: Pozytywna
    4. Czy tabele prezentujące dane mają poprawnie zdefiniowane nagłówki połączone z danymi?
      Ocena: Negatywna
      Uwagi: W tabelach brakuje nagłówków tabel lub ich połączenia ze zbiorami komórek.
    5. Czy tabela prezentująca dane ma tytuł i opis?
      Ocena: Negatywna
      Uwagi: Brak poprawnego tytułu – <caption>.
    6. Czy jest tabela prezentująca dane, stworzona w inny sposób niż znacznikami tabel?
      Ocena: Pozytywna
    7. Czy tabela będąca szkieletem strony ma jasno określoną rolę?
      Ocena: Nie dotyczy
    8. Czy w tabeli będącej szkieletem strony są znaczniki tabeli prezentującej dane?
      Ocena: Nie dotyczy
    9. Czy struktura list definicji jest poprawna?
      Ocena: Nie dotyczy
    10. Czy znaczące informacje generowane poprzez arkusze stylów mają dostępną alternatywę?
      Ocena: Nie dotyczy
    11. Czy elementy HTML służące do uruchomienia akcji są poprawnie użyte?
      Ocena: Pozytywna
    12. Czy cytaty są poprawne określone w kodzie HTML?
      Ocena: Nie dotyczy
    13. Czy ramki na stronie mają tytuły?
      Ocena: Pozytywna
    14. Czy są powtarzające się treści/wartości powodujące efekt jąkania się czytnika ekranu?
      Ocena: Pozytywna

  2. Linki

    1. Czy linki menu są zgrupowane w kodzie w listę?
      Ocena: Pozytywna
    2. Czy na stronie są puste linki?
      Ocena: Pozytywna
    3. Czy funkcja linków o tej samej treści jest spójna w całym serwisie?
      Ocena: Pozytywna
    4. Czy cel i działanie linku są łatwe do zrozumienia
      Ocena: Pozytywna

  3. Elementy graficzne

    1. Czy element <img> przekazujący informacje ma poprawnie sformułowany atrybut <alt>?
      Ocena: Negatywna
      Uwagi: Brak atrybutu <alt> dla większości znaczników <img> lub wartość jest pusta.
      Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    2. Czy dekoracyjny element <img> ma pusty atrybut <alt>?
      Ocena: Pozytywna
      Uwagi: Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. W jej obszarze mogą występować  elementy dekoracyjne z wypełnionym atrybutem <alt>. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    3. Czy powtarzające się elementy graficzne mają zawsze taką samą alternatywę tekstową?
      Ocena: Pozytywna
      Uwagi: Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)

  4. Formularze

    1. Czy zabezpieczenie CAPTCHA jest dostępne cyfrowo? (pytanie kluczowe)
      Ocena: Pozytywna
    2. Czy wszystkie pola formularzy są poprawnie, jednoznacznie zidentyfikowane?
      Ocena: Pozytywna
    3. Czy pole formularza ma zrozumiałą informację o formacie danych do wprowadzenia i obowiązku wypełnienia pola?
      Ocena: Pozytywna
    4. Czy pola o podobnym znaczeniu są grupowane w formularzu za pomocą znaczników <fieldset> lub <optgroup>?
      Ocena: Nie dotyczy
    5. Czy do pól zgrupowanych przez <fieldset> dodany jest także opis grupy w znaczniku <legend>?
      Ocena: Nie dotyczy
    6. Czy do pól zgrupowanych przez <optgroup> dodany jest także opis grupy w znaczniku <label>?
      Ocena: Nie dotyczy
    7. Czy funkcja autouzupełnianie pola formularza działa poprawnie?
      Ocena: Pozytywna

  5. Treści

    1. Czy ustawienie odstępów pomiędzy liniami, akapitami, znakami i wyrazami powoduje utratę czytelności?
      Ocena: Pozytywna
    2. Czy na stronie nie ma słów pisanych literami oddzielonymi spacjami?
      Ocena: Pozytywna
    3. Czy na stronie są symbole typu ASCII-Art bez alternatywy tekstowej?
      Ocena: Nie dotyczy
    4. Czy treści obcojęzyczne mają poprawnie zdefiniowany język?
      Ocena: Nie dotyczy
    5. Czy rozmiar czcionek w elementach formularzy jest określany tylko w jednostkach względnych?
      Ocena: Nie dotyczy
    6. Czy kolor elementu i kolor jego tła są zawsze wspólnie definiowane w arkuszu stylów?
      Ocena: Pozytywna

  6. Wygląd

    1. Czy mniejsza szerokość lub wysokość widoku strony nie ogranicza treści ani funkcji i nie wymaga przesuwania widoku strony w poziomie?
      Ocena: Pozytywna
    2. Czy są na stronie znaczniki <blink>, <bgsound> lub <marqee>?
      Ocena: Pozytywna
    3. Czy po wyłączeniu stylów CSS informacje na stronie są czytelne?
      Ocena: Pozytywna
    4. Czy selektor CSS outline wyłącza fokus?
      Ocena: Pozytywna
    5. Czy kontrast tekstu w stosunku do tła wynosi co najmniej 4,5:1?
      Ocena: Pozytywna
    6. Czy kontrast elementów interfejsu i grafik pozwalających na zrozumienie treści lub niosących ważne informacje w stosunku do tła wynosi co najmniej 3:1?
      Ocena: Pozytywna
    7. Czy linki są spójnie wyróżniane wizualnie?
      Ocena: Pozytywna

  7. Nawigacja

    1. Czy kontekst strony zmienia się po samym oznaczeniu elementu fokusem?
      Ocena: Pozytywna
    2. Czy kontekst strony zmienia się bez wyraźnego zatwierdzenia przez użytkownika lub bez uprzedzenia go o takiej zmianie?
      Ocena: Pozytywna
    3. Czy jest mechanizm automatycznie odświeżający stronę?
      Ocena: Nie dotyczy
    4. Czy jest mechanizm automatycznie przekierowującego stronę do innego adresu?
      Ocena: Pozytywna
    5. Czy są linki do omijania powtarzających się bloków i czy działają one spójnie?
      Ocena: Pozytywna
    6. Czy dodatkowe informacje, pojawiające się gdy kursor przemieszcza się nad elementem interfejsu lub gdy element interfejsu przyjmuje fokus, mogą być w pełni kontrolowane przez użytkownika?
      Ocena: Nie dotyczy
    7. Czy użytkownik może zarządzać jednoliterowymi skrótami klawiszowymi?
      Ocena: Nie dotyczy
    8. Czy funkcja dostępna za pomocą gestu złożonego jest dostępna również za pomocą gestu prostego?
      Ocena: Nie dotyczy
    9. Czy można anulować działanie, którego uruchamia się poprzez gest punktowy lub wciśnięcie klawisza urządzenia wskazującego?
      Ocena: Pozytywna

  8. Jakość kodu

    1. Czy na stronie są błędy walidacji lub przestarzałe, nieużywane elementy HTML?
      Ocena: Pozytywna
      Uwagi:  Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    2. Czy każda strona ma poprawną deklarację języka?
      Ocena: Pozytywna
      Uwagi:  Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. Na części podstron brak deklaracji języka. Zamiast kodowania znaków w formacie UTF-8 zastosowano standard iso-8859-2. (Wyłączone z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    3. Czy w kodzie strony są elementy HTML służące prezentacji?
      Ocena: Pozytywna
      Uwagi: Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    4. Czy deklaracja DTD jest poprawnie sformułowana w kodzie strony?
      Ocena: Pozytywna
      Uwagi: Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. Na części podstron brak prawidłowej deklaracji !DOCTYPE (Wyłączone z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    5. Czy elementy HTML nie są używane tylko do wprowadzenia zmiany wizualnej?
      Ocena: Pozytywna

  9. Dokumenty

    1. Czy dokumenty do pobrania są dostępne cyfrowo
      Ocena: Negatywna
      Uwagi: Część odsyłaczy ze strony prowadzi do dokumentów pdf w formie skanów bez rozpoznawania czcionek. Problem dotyczy głównie podstrony https://psp5.pionki.pl/szkolne-dokumenty/.

Ocena dostępności cyfrowej – poziom zaawansowany

  1. Treści

    1. Czy każdy element graficzny ma przypisaną poprawnie alternatywę tekstową?
      Ocena: Nie dotyczy
    2. Czy widoczna etykieta jest zgodną z etykietą dostępną dla technologii asystujących?
      Ocena: Pozytywna
    3. Czy komunikaty o statusie lub błędach są dostępne dla technologii wspomagających bez konieczności przemieszczania fokusa?
      Ocena: Nie dotyczy

  2. Skrypty

    1. Czy skrypty lub elementy programowalne w inny sposób są w dostępne dla technologii asystujących?
      Ocena: Nie dotyczy
    2. Czy gdy skrypt zmienia zawartość nietekstową na stronie, zmienia również dla niej alternatywę?
      Ocena: Nie dotyczy
    3. Czy atrybuty zarządzania zdarzeniami myszki mają swój odpowiednik dla klawiatury i na odwrót?
      Ocena: Pozytywna
      Uwagi: Wtyczka Lightbox obsługuje podstawową funkcjonalność przeglądania galerii zdjęć zarówno przy użyciu myszy jak i przy użyciu klawiatury. Jednak tylko przy użyciu myszy dostępne są funkcje dodatkowe: np. powiększanie, udostępnianie dla mediów społecznościowych i pełny ekran. Nie dotyczy archiwalnej wersji strony https://psp5.pionki.pl/old-psp5/index.html. (Wyłączona z obowiązku zapewnienia dostępności na podstawie art. 3 pkt. 2.8 ustawy o dostępności cyfrowej.)
    4. Czy treść dynamicznie generowana przez skrypt pojawia się bezpośrednio po elemencie powodującym ją?
      Ocena: Nie dotyczy
    5. Czy ramka fokusa jest usuwana za pomocą skryptu?
      Ocena: Nie dotyczy
    6. Czy wszystkie elementy generowane dynamicznie są dostępne dla technologii asystujących?
      Ocena: Nie dotyczy