Dostępność cyfrowa strony elmir-lubliniec.pl

Strona internetowa elmir-lubliniec.pl została dostosowana do standardu dostępności cyfrowej WCAG 2.2 na poziomie AA (obejmującego wymagania WCAG 2.1). Dostosowanie wykonano w ramach projektu „Rozwój firmy dzięki nowoczesnym usługom instalacyjnym i technologicznym zmianom”, dofinansowanego z Unii Europejskiej w programie Fundusze Europejskie dla Śląskiego 2021-2027 (Fundusz na rzecz Sprawiedliwej Transformacji, działanie FESL.10.03, umowa nr FESL.10.03-IP.01-0G9B/25-00). Zapewnienie dostępności strony zgodnej ze standardem WCAG jest jednym ze zobowiązań beneficjenta wynikających z umowy o dofinansowanie – więcej o projekcie.

Co zostało wdrożone

• Nawigacja klawiaturą – wszystkie elementy strony (menu, linki, przyciski, formularze, menu mobilne) można obsłużyć bez myszy; aktywny element ma wyraźny, widoczny obrys fokusu.
• Linki pomijające „Przejdź do treści” i „Przejdź do nawigacji” – pojawiają się po pierwszym naciśnięciu klawisza Tab na każdej stronie.
• Pasek dostępności (ikony po lewej stronie ekranu) – przełącznik wersji kontrastowej oraz powiększenia tekstu; ustawienia są zapamiętywane w przeglądarce.
• Poprawna struktura strony – obszary nagłówka, nawigacji, treści głównej i stopki oznaczone semantycznie; na każdej stronie jeden nagłówek H1 i logiczna hierarchia nagłówków H2–H3; listy i tabele zbudowane z właściwych znaczników.
• Teksty alternatywne dla wszystkich grafik niosących informację (logotypy partnerów, przyciski graficzne, zestawienie znaków Funduszy Europejskich); grafiki dekoracyjne są pomijane przez czytniki ekranu.
• Kafelki usług jako tekst – na stronie głównej nazwy usług są prawdziwym tekstem (nie obrazkami), dzięki czemu można je powiększać i odczytywać syntezatorem mowy.
• Kontrast – tekst i elementy interfejsu spełniają minimalny współczynnik kontrastu 4,5:1 (tekst duży i elementy graficzne 3:1), a wersja kontrastowa zapewnia kontrast podwyższony.
• Responsywność i powiększanie – strona jest czytelna na telefonach oraz przy powiększeniu do 400 % (szerokość 320 px) bez przewijania w poziomie; treść nie jest blokowana przy zmianie orientacji ekranu.
• Ruch i animacje – wideo w tle na stronie głównej ma przycisk zatrzymania; dla osób, które w systemie wybrały ograniczenie animacji, animacje są wyłączane automatycznie.
• Linki i formularze – odnośniki mają opisowe nazwy (bez „kliknij tutaj”), linki nie otwierają się bez uprzedzenia w nowych oknach, pola formularza kontaktowego mają etykiety i czytelne komunikaty błędów, osadzona mapa Google ma tytuł.
• Język strony – deklarowany w kodzie jako polski, co pozwala czytnikom ekranu poprawnie wymawiać treść.
• Rozmiar elementów klikalnych – odnośniki w stopce i menu mają wystarczającą wysokość (min. 24 px) ułatwiającą trafienie palcem i myszą.

Testy i raporty dostępności

Strona została przebadana 28 października 2026 r. narzędziem axe-core 4.10 (reguły WCAG 2.0, 2.1 i 2.2 na poziomach A i AA) na wszystkich 35 podstronach serwisu, a także ręcznie – z użyciem samej klawiatury, przy powiększeniu 400 %, w wersji kontrastowej i na szerokości ekranu telefonu. Wynik audytu automatycznego po wdrożeniu poprawek: 0 naruszeń na każdej podstronie. Przed dostosowaniem narzędzie wykrywało m.in. brak obszarów strony i linków pomijających, puste linki, grafiki bez tekstów alternatywnych, błędną strukturę list w stopce, niewystarczający kontrast dat na blogu oraz brak możliwości zatrzymania wideo w tle – wszystkie te błędy zostały usunięte.

Pełny raport z audytu (zakres, metoda, lista wykonanych zmian) jest przechowywany w dokumentacji projektu i udostępniany na życzenie – wystarczy napisać na kontakt@elmir-lubliniec.pl. Audyt będzie powtarzany po każdej większej zmianie strony oraz co najmniej raz w roku w okresie trwałości projektu.

Jak korzystać z ułatwień

• Tab / Shift + Tab – przechodzenie do następnego / poprzedniego elementu; Enter – otwarcie linku lub przycisku.
• Pierwsze naciśnięcie Tab pokazuje link „Przejdź do treści” – pozwala ominąć menu i przejść od razu do treści strony.
• Ikona kontrastu na pasku po lewej włącza ciemne tło z jasnym tekstem; ikona powiększenia zwiększa rozmiar tekstu. Działa też standardowe powiększanie przeglądarki (Ctrl + / Ctrl −).
• Na stronie głównej przycisk w lewym górnym rogu zatrzymuje i wznawia wideo w tle.

Deklaracja dostępności i kontakt

Formalny status zgodności, informacje zwrotne oraz procedura zgłaszania problemów z dostępnością znajdują się w Deklaracji dostępności. Jeżeli jakikolwiek element strony jest dla Ciebie niedostępny, napisz na kontakt@elmir-lubliniec.pl lub zadzwoń: +48 34 356 51 40 – udostępnimy informację w innej formie i poprawimy stronę.