Raport wdrożenia dostępności cyfrowej dla strony izodach.pl


Wprowadzenie

 

Dostępność cyfrowa staje się obowiązkowa dla wielu firm w Unii Europejskiej, w tym również w Polsce, od 28 czerwca 2025 roku, w związku z implementacją Europejskiego Aktu o Dostępności (EAA). Firmy, które zatrudniają powyżej 10 osób lub osiągają roczny obrót powyżej 2 milionów euro, są zobowiązane do dostosowania swoich stron internetowych oraz aplikacji mobilnych do standardów WCAG 2.2 na poziomie AA.

 

Deklaracja wdrożenia

 

W ramach modernizacji i rozbudowy strony izodach.pl zobowiązujemy się do systematycznego wdrażania w czasie rzeczywistym wszystkich niezbędnych zmian w zakresie dostępności, zgodnie z wymogami Rozporządzenia Parlamentu Europejskiego i Rady (UE) 2019/882.

Strona została poddana wewnętrznemu audytowi oraz testom z użyciem narzędzi automatycznych (m.in. WAVE, Axe), a wykryte nieprawidłowości zostały na bieżąco usuwane. Aktualna wersja witryny przeszła testy automatyczne bez błędów kontrastów, braków etykiet, nieprawidłowej struktury nagłówków czy elementów bez opisów dostępności.
 

Wdrożone usprawnienia dostępności


✅ Wdrożenie atrybutów aria-label, role, tabindex dla elementów nawigacyjnych i interaktywnych.

✅ Obsługa klawiatury we wszystkich kluczowych miejscach strony (menu, galerie, formularze) – w tym pełne wsparcie nawigacji przy użyciu klawisza TAB.

✅ Zastosowanie odpowiednich kontrastów zgodnych z WCAG (minimum 4.5:1 dla tekstu i elementów aktywnych).

✅ Dodanie etykiet alternatywnych alt do wszystkich grafik informacyjnych.

✅ Rozróżnienie ikon funkcjonalnych (np. zamykanie, nawigacja, otwieranie menu) od ikon dekoracyjnych (te ostatnie zostały pominięte w strukturze dostępności).

✅ Dodanie widocznych fokusów (obramowań) dla użytkowników poruszających się po stronie przy pomocy klawiatury.

✅ Dostosowanie galerii (np. Balbooa Gallery) – strzałki i przycisk zamknięcia obsługiwane klawiaturą oraz oznaczone aria-label.

✅ Użycie jednostek miary rem zamiast px – zapewnia to skalowalność interfejsu zgodnie z ustawieniami użytkownika (np. zwiększony rozmiar czcionki w systemie operacyjnym).

✅ Strona oraz wszystkie kluczowe komponenty (formularze, galerie, nawigacja) są w pełni responsywne i dostępne na urządzeniach mobilnych.
 

Formularze kontaktowe – lightbox i statyczny


Na stronie funkcjonują dwa formularze kontaktowe: otwierane w oknie modalnym (lightbox). Oba zostały poprawnie dostosowane do wymagań WCAG:
 

✅ Dodano atrybut role="button" oraz tabindex="0" do przycisków wysyłających formularz (zbudowanych z elementu <a>).

✅ Uzupełniono aria-label dla każdego pola formularza, w tym również dla checkboxa honeypot (pole antyspamowe).

✅ Formularze są w pełni obsługiwalne za pomocą klawiatury z zachowaniem logicznej kolejności pól.

✅ Zaimplementowano JS umożliwiający poprawną nawigację przy pomocy klawiatury także w wersji lightbox (zamknięcie, przesunięcie fokusu, obsługa ESC).

✅ Formularze są w pełni responsywne i poprawnie wyświetlają się na ekranach mobilnych.
 

Podsumowanie


Strona izodach.pl została dostosowana do obowiązujących wymagań EAA i WCAG 2.2 AA. Wszystkie nowe funkcjonalności, aktualizacje i rozbudowy będą realizowane z uwzględnieniem zasad dostępności.

Wdrożenia zostały wykonane przez zespół projektowy z wykorzystaniem standardów kodowania oraz technik JavaScript wspierających dostępność cyfrową – z myślą o wszystkich użytkownikach, w tym osobach z niepełnosprawnościami. Dokumentacja zmian jest prowadzona, a kolejne testy będą przeprowadzane cyklicznie w ramach dalszego rozwoju witryny.