Przegląd projektu
Morąski Dom Kultury prowadzi serwis z aktualnościami, informacjami o zajęciach, dokumentami oraz wieloletnim archiwum zdjęć i nagrań. Naszym zadaniem była poprawa dostępności tego istniejącego WordPressa w zakresie zamówienia opartego na WCAG 2.2 AA. Zachowaliśmy wygląd serwisu, skupiając się na sposobie obsługi strony i dostępie do treści. Prace objęły menu, galerie, formularze, strukturę dokumentów, opisy grafik i multimedia. Przygotowaliśmy także 27 tekstowych wersji dokumentów i dwa materiały w tekście łatwym do czytania i rozumienia. Projekt został formalnie odebrany 15 września 2026 r.
Wyzwanie
Bariera może pojawić się już w menu, ale także wiele kroków dalej: w podpisie zdjęcia, skanie dokumentu lub nagraniu bez napisów. Dlatego zakres wymagał pracy nad wspólnymi elementami strony i dużym archiwum materiałów, a następnie sprawdzenia zmian w działającym serwisie.
Obsługa bez myszy
Menu, podmenu i galerie musiały działać przy użyciu klawiatury. Użytkownik potrzebuje widocznego fokusu oraz przewidywalnego przechodzenia między elementami.
Wieloletnie archiwum
Tysiące grafik, nagrania i dokumenty wymagały uzupełnienia. Sama poprawa szablonu strony nie udostępniłaby informacji zapisanych wyłącznie w obrazie lub dźwięku.
Różne sposoby odbioru treści
Czytnik ekranu potrzebuje prawidłowej struktury i opisów, a część odbiorców — prostszego języka. Zakres obejmował zarówno poprawki techniczne, jak i alternatywne formy materiałów.
Zmiany w istniejącym serwisie
MDK publikował na działającym WordPressie. Poprawki należało sprawdzić na komputerach i telefonach oraz przekazać redaktorom zasady dalszego przygotowywania treści.
Nasze rozwiązanie
Pracowaliśmy nad istniejącym serwisem, jego archiwum i procesem publikacji. Poprawki interfejsu połączyliśmy z przygotowaniem materiałów tekstowych, napisów i opisów obrazu. Weryfikacja obejmowała testy automatyczne oraz sprawdzanie obsługi klawiaturą i współpracy z czytnikami ekranu.
Menu, galerie i widoczny fokus
Poprawiliśmy obsługę klawiaturą w menu, podmenu, galerii i elementach narzędziowych. Doprecyzowaliśmy nazwy przycisków oraz widoczność aktywnego elementu. To istotne przy poruszaniu się bez myszy: użytkownik musi wiedzieć, gdzie się znajduje i jak przejść do kolejnej części strony.
Struktura strony i czytelność formularzy
Uporządkowaliśmy nagłówki i obszary strony, poprawiliśmy kontrast oraz oznaczenia formularzy i kontrolek. Dzięki temu informacje mają czytelniejszą hierarchię, a czytnik ekranu może rozpoznać przeznaczenie elementów. Zakres obejmował wspólne komponenty serwisu, których działanie wpływa na wiele podstron jednocześnie.
Ponad 13 tysięcy opisów alternatywnych
Uzupełniliśmy 13 607 opisów grafik, a 418 elementów oznaczyliśmy jako dekoracyjne. Przy tej skali wykorzystaliśmy automatyzację wspartą AI i ręczną kontrolę próbek. Opisy mają przekazywać informację zawartą w obrazie, a elementy dekoracyjne nie powinny niepotrzebnie wydłużać odczytu strony przez czytnik ekranu.
Nagrania i dokumenty w alternatywnej formie
Przygotowaliśmy 100 ścieżek napisów dla nagrań z dźwiękiem oraz 101 opisów obrazu. Dla 27 dokumentów powstały tekstowe wersje HTML, dostępne z odnośników przy materiałach źródłowych. Przykładem jest program działania MDK na lata 2025–2030: obok skanu użytkownik może otworzyć tę samą treść jako tekst czytelny dla czytnika ekranu.
Dwa materiały ETR i informacja o dostępności
Przygotowaliśmy tekst łatwy do czytania o Morąskim Domu Kultury oraz instrukcję zapisywania się na zajęcia. Materiały wykorzystują krótkie zdania i prostą strukturę. Uzupełniliśmy deklarację dostępności oraz uruchomiliśmy HTTPS. Walidacja ETR z użytkownikami pozostaje po stronie MDK; deklaracja opisuje także pozostałe ograniczenia serwisu.
Sprawdzenie wdrożenia i instrukcje dla redaktorów
Końcowy audyt automatyczny objął 1044 adresy przy szerokościach 375 i 1440 pikseli. W tej kontroli nie wykryto naruszeń reguł axe. Przekazaliśmy raport, dokumentację i instrukcje publikacji, aby redaktorzy mogli utrzymywać dostępność nowych materiałów. Wynik testu automatycznego dotyczy sprawdzonego zakresu i daty; nie zastępuje pełnej oceny ręcznej ani niezależnej certyfikacji WCAG.
Opisz, co chcesz usprawnić - wycena w 24 h
Napisz, czego potrzebujesz - automatyzacja, integracja, agent AI czy aplikacja. Dostajesz konkretną wycenę tego, co chcesz: co zrobimy, ile to kosztuje i kiedy ruszy.
Zakres usługi
Poprawa dostępności cyfrowej
Technologie
Galeria projektu
Chcesz podobnych wyników?
Umów się na bezpłatną konsultację i sprawdź, jak AI może pomóc Twojemu biznesowi.
Umów bezpłatną konsultację