Miejsko-Gminny Ośrodek Kultury w Łopusznie
Raport z audytu dostępności cyfrowej strony internetowej
Przeprowadzony w dniach 19-22.04.2025 przez
CBI24 sp. z o. o. z siedzibą w Lublinie
ul. Puławska 4D/10
20-046 Lublin
NIP: 712 347 91 56
REGON: 529271070
BS Krasnystaw 97 8200 0008 2001 0025 6393 0001
tel. (+48) 82 570 33 03
e-mail: Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript.
- Alternatywa w postaci tekstu dla każdej treści nietekstowej -1................................... 4
- Media zmienne w czasie i ich alternatywa –2............................................................. 5
- Możliwość adaptacji – Odpowiednia (zrozumiała) prezentacja zawartości – 3............... 6
- Możliwość rozróżnienia – Ułatwienie percepcji treści –4............................................ 7
- Funkcjonalność – komponenty interfejsu użytkownika oraz nawigacja muszą być możliwe do użycia 10
- Dostępność z klawiatury – 1.................................................................................... 10
- Wystarczająca ilość czasu – 2................................................................................... 11
- Atak padaczki - Migotanie – 3.................................................................................. 11
- Możliwość nawigacji – 4.......................................................................................... 11
- Sposoby wprowadzania danych – 5.......................................................................... 13
- Zrozumiałość – Informacje oraz obsługa interfejsu użytkownika muszą być zrozumiałe. 14
- Kompatybilność – Treść musi być solidnie opublikowana, tak by mogła być skutecznie interpretowana przez różnego rodzaju oprogramowania użytkownika, w tym technologie
- Kompatybilność – zmaksymalizowanie kompatybilności z obecnymi oraz przyszłymi programami użytkowników, w tym z technologiami wspomagającymi - 1 16
Przedmiot i cel przeprowadzenia oceny dostępności cyfrowej strony
internetowej.
Celem przeprowadzenia oceny dostępności cyfrowej strony internetowej jest określenie poziomu dostępności strony internetowej zgodnie z Metodologią Oceny zgodności stron internetowych, która została zaproponowana przez Konsorcjum W3C i zawarta w dokumencie Web Content Accessibility Guidelines (WCAG) z 05.06.2018 roku. Audyt dostępności cyfrowej strony internetowej przeprowadzany jest z wykorzystaniem metody badawczej opartej na przepisach obowiązującego prawa w tym, ustawach i rozporządzeniach polskich, rozporządzeniach i dyrektywach Unii Europejskiej i jest podstawą do sporządzenia deklaracji dostępności strony internetowej.
- Ustawa z dnia 4 kwietnia 2019 o dostępności cyfrowej stron internetowych i aplikacji
mobilnych ze zm.;
- Dyrektywa Parlamentu Europejskiego i Rady (UE) 2016/2102 z dnia 26 października 2016 w sprawie dostępności stron internetowych i mobilnych aplikacji organów sektora publicznego (Dz.Urz.UE z 2.12.2016 L 327/1);
- Decyzja wykonawcza Komisji (UE) 2018/1523 z dnia 11 października 2018 r. ustanawiająca wzór oświadczenia w sprawie dostępności zgodnie z dyrektywą Parlamentu Europejskiego i Rady (UE) 2016/2102 w sprawie dostępności stron internetowych i mobilnych aplikacji organów sektora publicznego (Dz.U.UE.L.2018.256.103).
- Alternatywa w postaci tekstu dla każdej treści nietekstowej - 1
- Kryterium 1.1 Treść nietekstowa
Stan faktyczny: |
Obrazy nie posiadają adekwatnego do zawartości i celu opisu alternatywnego, alternatywy w postaci tekstu dla treści nietekstowych. Skutkuje to ograniczonym dostępem do treści dla osób z niepełnosprawnością wzrokową.
|
|
Dokumenty są niedostępne.
|
Rekomendacje: |
Należy zapewnić alternatywę w postaci tekstu dla treści nietekstowej znajdującej się na stronie www, np. wprowadzić opisy alternatywne dla obrazów, przycisków graficznych i obrazów pełniących role odnośników, pół wprowadzenia, CAPTCHA: alt=‘’opis”. Pamiętając przy tym, że tekst alternatywny dla treści nietekstowych powinien być konkretny dla kontekstu strony i jego przeznaczenia. Zaleca się aby opis alternatywny miał długość nie większą niż 80 znaków, przy czym najistotniejsza jest jego treść. Każdemu z graficznych elementów osadzonych w znacznikach <img> mających wyłącznie rolę dekoracyjną powinien być przypisany pusty atrybut „alt” (alt=””). Zapewnić dostępność dokumentów. |
- Media zmienne w czasie i ich alternatywa – 2
- Kryterium 2.1 Tylko audio lub tylko wideo (nagranie)
Stan faktyczny: |
Multimedia dostępne na stronie internetowej, zostały opublikowane przed dniem 23 września 2020 r. |
- Kryterium 2.2 Napisy rozszerzone (nagranie)
Stan faktyczny: |
Multimedia dostępne na stronie internetowej, zostały opublikowane przed dniem 23 września 2020 r. |
- Kryterium 2.3 Audiosdeskrypcje lub treści alternatywne multimediów (nagranie)
Stan faktyczny: |
Multimedia dostępne na stronie internetowej, zostały opublikowane przed dniem 23 września 2020 r. |
- Kryterium 2.5 Audiodeskrypcja (nagranie)
Stan faktyczny: |
Multimedia dostępne na stronie internetowej, zostały opublikowane przed dniem 23 września 2020 r. |
- Możliwość adaptacji – Odpowiednia (zrozumiała) prezentacja zawartości – 3
- Kryterium 3.1 Informacje i relacje
Stan faktyczny: |
Fragmenty treści strony będące faktycznie listami elementów nie są zdefiniowane w kodzie strony jako listy.
|
Rekomendacje: |
Wszystkie bloki tekstu wyglądające jak listy elementów powinny być zdefiniowane jako takie w kodzie HTML. |
- Kryterium 3.2 Zrozumiała kolejność
Stan faktyczny: |
Sekwencja czytania treści na stronie internetowej przez technologie wspomagające ma znaczenie. Dokumenty są niedostępne. |
- Kryterium 3.3 Właściwości zmysłowe
Stan faktyczny: |
Elementy nawigacyjne przekazują informacje za pomocą swojej pozycji bądź formy polegając tylko na charakterystykach zmysłowych, a informacja przekazywana za pomocą kształtu bądź miejsca na stronie nie jest dostępna inną drogą.
|
Rekomendacje: |
Rekomenduje się wprowadzenie rozwiązań, aby informacja przekazywana za pomocą kształtu bądź miejsca na stronie była dostępna także inną drogą. |
- Kryterium 3.4 Orientacja
Stan faktyczny: |
Treści na stronie możliwie są do wyświetlania zarówno w układzie pionowym jak i poziomym – spełniając kryterium. |
- Kryterium 3.5 Określenie prawidłowej wartości
Stan faktyczny: |
Nie dotyczy. Strona internetowa nie posiada tekstowych pól formularzy, dla których zastosowanie funkcji autouzupełniania jest użyteczne. |
- Możliwość rozróżnienia – Ułatwienie percepcji treści – 4
- Kryterium 4.1 Użycie koloru
Stan faktyczny: |
Nie dotyczy. Przekazywanie treści na stronie internetowej jest niezależne od koloru. |
- Kryterium 4.2 Kontrola odtwarzania dźwięku
Stan faktyczny: |
Nie dotyczy. Strona internetowa automatycznie nie odtwarza dźwięku lub filmu z ścieżką audio zaraz po wejściu na stronę. |
- Kryterium 4.3 kontrast (minimalny)
Stan faktyczny: |
Kontrast pomiędzy tekstem a tłem jest w stosunku 4,5:1. |
- Kryterium 4.4 Zmiana rozmiaru tekstu
Stan faktyczny: |
Po zmianie rozmiarów zawartości strony do 200%, nie następuje utrata zawartości lub funkcjonalności strony internetowej – spełniając kryterium.
|
- Kryterium 4.5 Tekst w postaci grafiki
Stan faktyczny: |
Strona używa grafik aby przedstawić tekst, jeśli ta sama informacja wizualna może być zaprezentowana przy użyciu samego tekstu. |
Rekomendacje: |
Rekomenduje się przedstawianie informacji na stronie internetowej jako tekst, a nie za pomocą obrazu. |
- Kryterium 4.10 Zawijanie tekstu
Stan faktyczny: |
Dostęp do treści (zawartości) strony pomniejszonej do szerokości 320 px jest możliwy bez potrzeby przesuwania poziomo – spełniając kryterium. |
- Kryterium 4.11 Kontrast elementów nietekstowych
Stan faktyczny: |
Kontrast kolorów pomiędzy obiektami graficznymi a kolorami przylegającymi jest w stosunku minimum 3:1 - spełniając kryterium. |
- Kryterium 4.12 Odstępy w tekście
Stan faktyczny: |
Przy zwiększeniu odstępów w tekście pomiędzy wierszami nie następuje utrata treści lub ich funkcjonalności – spełniając kryterium.
|
- Kryterium 4.13 Treści spod kursora lub fokusa
Stan faktyczny: |
Najechanie kursorem lub fokus za pomocą klawiatury na treści dostępne na stronie powodują pojawienie się dodatkowego kontentu. Możliwość wyświetlania dodatkowej treści nie spełnia jednego z trzech głównych wymagań, tj.: Odwoływalności (Dismissible).
|
Rekomendacje: |
Rekomenduje się wdrożyć rozwiązania, które pozwolą na realizację jednego niespełnianego warunku tj. Odwoływalności (Dismissible). Pokazywaną treść można odrzucić bez przesuwania kursora myszy lub bez zmiany fokusu klawiatury, za wyjątkiem sytuacji, w której wyświetlana treść zawiera błąd lub nie utrudnia odczytania pozostałej treści strony. |
- Dostępność z klawiatury –1
- Kryterium 1.1 Klawiatura
Stan faktyczny: |
Całą funkcjonalność treści na stronie internetowej można obsługiwać za pomocą interfejsu klawiatury – spełniając kryterium. |
- Kryterium 1.2 Brak pułapki na klawiaturę
Stan faktyczny: |
Treść na stronie internetowej nie „uwięzi” fokusa klawiatury – spełniając kryterium. |
- Kryterium 1.4 Jednoliterowe skróty klawiszowe
Stan faktyczny: |
Nie dotyczy. Na stronie nie zostały zaimplementowane jednoliterowe skróty klawiszowe. |
- Wystarczająca ilość czasu – 2
- Kryterium 2.1 Możliwość dostosowania czasu
Stan faktyczny: |
Nie dotyczy. Strona internetowa nie wprowadza czasowych limitów na wykonanie czynności bez niespodziewanych zmian treści. |
- Kryterium 2.2 Wstrzymywanie (pauza), zatrzymywanie, ukrywanie
Stan faktyczny: |
Nie dotyczy. Na stronie internetowej brak: przenoszenia, migania, przewijania lub automatycznej aktualizacji informacji na stronie internetowej. |
- Atak padaczki - Migotanie – 3
- Kryterium 3.1 Trzy błyski lub wartość poniżej progu
Stan faktyczny: |
Nie dotyczy. Brak elementów na stronie, które migają więcej niż 3 razy na sekundę i zawierają dużo czerwieni. |
- Możliwość nawigacji – 4
- Kryterium 4.1 Możliwość pominięcia bloków
Stan faktyczny: |
Na stronie nie istnieją mechanizmy ułatwiające nawigacje pomiędzy powtarzającymi się elementami. |
Rekomendacje: |
Rekomenduje się wprowadzenie, niekoniecznie widocznych w przeglądarce, mechanizmów pozwalających na szybkie przechodzenie pomiędzy blokami. |
- Kryterium 4.2 Tytuł stron
Stan faktyczny: |
Strona internetowa posiada tytuł opisowy i informacyjny mówiący o jej temacie lub celu – spełniając kryterium. |
- Kryterium 4.3 Kolejność fokusu
Stan faktyczny: |
Użytkownicy poruszając się sekwencyjnie po treści, napotykają informacje w kolejności zgodnej ze znaczeniem treści i mogą być one obsługiwane za pomocą klawiatury – spełniając kryterium. |
- Kryterium 4.4 Cel linku (w kontekście)
Stan faktyczny: |
Nie jest możliwe zrozumienie celu lub funkcjonalności elementu aktywnego (linku, przycisku), bez konieczności widzenia kontekstu w jakim został umieszczony.
|
Rekomendacje: |
Wprowadzenie celu lub funkcjonalności elementu aktywnego (linku, przycisku), bez konieczności widzenia kontekstu w jakim został umieszczony. Jednym z rozwiązań jest dodanie ukrytego tekstu, czyli tekstu, który nie będzie pokazywał się na ekranie, natomiast będzie odczytywany przez czytniki ekranu. |
- Kryterium 4.5 Wiele sposobów na zlokalizowanie strony
Stan faktyczny: |
Na stronie jest aktualna mapa strony bądź wyszukiwarka – spełniając kryterium.
|
- Kryterium 4.6 Nagłówki i etykiety
Stan faktyczny: |
Na stronie internetowej nagłówki stron <h.> są opisane zgodnie z ich zawartością oraz opisy te nie są duplikowane w pozostałych nagłówkach – spełniając kryterium. |
- Kryterium 4.7 Widoczny fokus
Stan faktyczny: |
Podczas nawigacji klawiaturą brak jest widocznego fokusu aktualnie zaznaczonego elementu.
|
Rekomendacje: |
Wprowadzenie widocznego fokusu aktualnie zaznaczonego elementu poprzez wyraźne obramowanie lub zmianę tła – spełniającą minimalne wymagania kontrastu tła (3,0:1). |
- Sposoby wprowadzania danych – 5
- Kryterium 5.1 Gesty punktowe
Stan faktyczny: |
Nie dotyczy, do użytku strony niepotrzebne są gesty wielopunktowe, wyjątkiem są sytuacje kiedy konkretna funkcjonalność oparta jest o gest wielopunktowy. |
- Kryterium 5.2 Anulowanie kliknięcia
Stan faktyczny: |
Na stronie internetowej wprowadzono narzędzia zapobiegające przypadkowym lub błędnym wprowadzeniom wskaźnika, tak aby osoby niepełnosprawne nie mogły niechcący zainicjować zdarzenia dotykowego lub przypadkowego użycia myszy – spełniając kryterium. |
- Kryterium 5.3 Etykieta w nazwie
Stan faktyczny: |
Wyświetlana w interfejsie etykieta jest zgodną z etykietą dostępną dla technologii asystujących – spełniając kryterium. |
- Kryterium 5.4 Aktywowanie ruchem
Stan faktyczny: |
Nie dotyczy. Na stronie internetowej brak funkcjonalności, która jest uruchamiana poprzez poruszanie urządzeniem. |
- Możliwość odczytania: Treść powinna być zrozumiała i możliwa do odczytania 1
- Kryterium 1.1 Język strony
Stan faktyczny: |
Na stronie internetowej został określony główny język strony za pomocą atrybutu <lang> – spełniając kryterium.
|
- Kryterium 1.2 Język części
Stan faktyczny: |
Nie dotyczy. Na stronie nie zachodzi zmiana języka. |
- Przewidywalność: Strony internetowe powinny otwierać się i działać w przewidywalny sposób 3.2
- Kryterium 2.1 Po oznaczeniu fokusem
Stan faktyczny: |
Żaden element interfejsu użytkownika po otrzymaniu fokusu nie zmienia swojego kontekstu – spełniając kryterium. |
- Kryterium 2.2 Podczas wprowadzania danych
Stan faktyczny: |
Na stronie nie stosuje się mechanizmów, które przy zmianie ustawień interfejsu użytkownika powodują automatyczną zmianę kontekstu – spełniając kryterium. |
- Kryterium 2.3 Konsekwentna nawigacja
Stan faktyczny: |
Mechanizmy nawigacyjne serwisu powtarzają się na podstronach, występując w względnie tej samej kolejności– spełniając kryterium. |
- Kryterium 2.4 Konsekwentna identyfikacja
Stan faktyczny: |
Te same elementy znajdujące się na wielu podstronach strony internetowej są identyfikowane w spójny sposób – spełniając kryterium. |
- Pomoc przy wprowadzaniu Obecne jest wsparcie dla użytkownika, tak aby mógł uniknąć błędów lub je skorygować 3.3
- Kryterium 3.1 Identyfikacja błędu
Stan faktyczny: |
Formularze na stronie udostępniają funkcjonalność w postaci weryfikacji poprawności wprowadzania danych oraz istnieje mechanizm informujący użytkownika o niepoprawnie wypełnionym polu formularza – spełniając kryterium.
|
- Kryterium 3.2 Etykiety lub instrukcje
Stan faktyczny: |
Etykiety lub instrukcje nie są dostarczane, gdy treść wymaga wprowadzania danych np. do pól formularzy.
|
Rekomendacje: |
Wprowadzenie instrukcji lub etykiet identyfikujących pola formularzy, tak aby użytkownicy wpisując informację wiedzieli jakich danych wejściowych się od nich oczekuje. |
- Kryterium 3.3 Sugestie korekty błędów
Stan faktyczny: |
W przypadku pojawienia się błędów w danych wpisanych w formularzu pojawia się informacja sugerująca sposób w jaki można ponownie, poprawnie wpisać te dane. |
- Kryterium 3.4 Zapobieganie błędom (kontekst prawny, finansowy, związany z
podawaniem danych)
Stan faktyczny: |
Nie dotyczy. Na stronie internetowej nie przewidziano możliwości spowodowania zobowiązań prawnych lub finansowych. |
- Kompatybilność – zmaksymalizowanie kompatybilności z obecnymi oraz przyszłymi programami użytkowników, w tym z technologiami wspomagającymi - 1
- Kryterium 1.1 Parsowanie
Stan faktyczny: |
Kod strony internetowej nie jest wolny od błędów. 1. Błąd : Element imgmusi mieć altatrybut, z wyjątkiem pewnych warunków. Aby uzyskać szczegółowe informacje, zapoznaj się z wytycznymi dotyczącymi udostępniania alternatywnych tekstów dla obrazów . Od wiersza 161 , kolumny 617 ; do wiersza 161 , kolumny 746 style=""><img src="/images/news-2019/xnews-zapytanie- ofertowe.jpg.pagespeed.ic.WKfZYwJjWO.jpg" style="margin: 4px; float: left;" class=""/></a>No
1. Błąd : Brak pelementu w zakresie, ale pznaleziono znacznik końcowy. Od wiersza 171 , kolumny 7 ; do wiersza 171 , kolumny 10 v>↩↩</div></p></div> 1. Błąd : Nieprawidłowa wartość /attachments/article/41/Umowa-do-zap.- ofertowego-na dzien-dziecka.pdfatrybutu hrefw elemencie a: Niedozwolony znak w segmencie ścieżki: spacja jest niedozwolona. Od wiersza 184 , kolumny 42 ; do wiersza 184 , kolumny 212 filename"><a class="at_icon" href="/attachments/article/41/Umowa-do-zap.- ofertowego-na dzien-dziecka.pdf" title="Download this file (Umowa-do-zap.- ofertowego-na dzien-dziecka.pdf)"><img s 1. Błąd : Atrybut scrollingelementu iframejest przestarzały. Zamiast tego użyj CSS . Od wiersza 254 , kolumny 4 ; do wiersza 254 , kolumny 121 |
|
lt="">↩ <iframe src="https://www.youtube.com/subscribe_widget?p=GOK" class="youtube-subscribe" scrolling="no" frameborder="0"></ifra 2. Błąd : Atrybut frameborderelementu iframejest przestarzały. Zamiast tego użyj CSS . Od wiersza 254 , kolumny 4 ; do wiersza 254 , kolumny 121 lt="">↩ <iframe src="https://www.youtube.com/subscribe_widget?p=GOK" class="youtube-subscribe" scrolling="no" frameborder="0"></ifra |
Rekomendacje: |
Wprowadzenie zmian pozwalających na uniknięcie błędów w kodzie HTML. |
- Kryterium 1.2 Nawa, rola, wartość
Stan faktyczny: |
Na stronie są błędy walidacji i przestarzałe, nieużywane elementy HTML. |
Rekomendacje: |
Zmiany w kodzie strony, aby wyeliminować błędy walidacji. |
- Kryterium 1.3 Komunikaty o stanie
Stan faktyczny: |
Nie dotyczy. Strona internetowa nie wyświetla powiadomień, ważnych komunikatów, które powinny otrzymywać fokus. |