Raport wdrożenia dostępności cyfrowej dla strony tig-weld.eu

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 tig-weld.eu 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 usunięte. 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, przełączników językowych oraz interaktywnych komponentów.
  • ✅ Obsługa klawiatury we wszystkich kluczowych miejscach strony – menu, galerie, formularz kontaktowy, nawigacja językowa – z pełnym wsparciem 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 oraz flag w przełączniku języka.
  • ✅ Rozróżnienie ikon funkcjonalnych (np. zamykanie, rozwijanie, nawigacja) od ikon dekoracyjnych, które nie są uwzględniane przez czytniki ekranu.
  • ✅ Dodanie widocznych fokusów (obramowań) dla użytkowników poruszających się po stronie klawiaturą.
  • ✅ Dostosowanie galerii – strzałki i przyciski zamykania są dostępne klawiaturą i oznaczone aria-label.
  • ✅ Użycie jednostek miary rem zamiast px w stylach – zapewnia to lepszą skalowalność interfejsu zgodnie z indywidualnymi ustawieniami użytkownika (np. zwiększony rozmiar czcionki).
  • ✅ Responsywność: cała strona, w tym formularze, galerie obrazów, menu i nawigacja językowa są w pełni responsywne i dostosowane do ekranów mobilnych.

Formularz kontaktowy

Na stronie zastosowano jeden formularz kontaktowy w wersji statycznej (bez lightbox). Formularz został w pełni dostosowany do wymogów dostępności:

  • ✅ Dodano role="button" i tabindex="0" do przycisku wysyłającego formularz (zbudowanego jako element <a>).
  • ✅ Każde pole formularza zostało uzupełnione o etykietę aria-label.
  • ✅ Formularz jest w pełni obsługiwalny przy użyciu klawiatury.
  • ✅ Pole honeypot (ukryty checkbox antyspamowy) również otrzymało etykietę ARIA.
  • ✅ Formularz poprawnie wyświetla się na wszystkich urządzeniach (responsywny layout).

Wersje językowe

Strona dostępna jest w trzech wersjach językowych: polskiej (PL), niemieckiej (DE) i angielskiej (ENG). Przełącznik języków został dostosowany do wymogów dostępności:

  • ✅ Zastosowano aria-label dla wszystkich języków (PL, DE, ENG).
  • ✅ Ikony flag zostały opisane alternatywnym tekstem (alt).
  • ✅ Przełącznik języków może być obsługiwany za pomocą klawiatury (elementy role="button", tabindex="0", strzałka rozwijająca, przycisk zamykania).

Podsumowanie

Strona tig-weld.eu 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 cyfrowej.

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.