Deklaracja dostępności
Chcę, żeby z lovemyweb.net mógł wygodnie korzystać każdy - także osoby, które używają klawiatury zamiast myszy, czytnika ekranu, powiększenia albo mają słabszy wzrok. Ta deklaracja opisuje, co jest wdrożone, jak to sprawdzam i czego jeszcze brakuje.
1. Standard i stan zgodności
Celem jest zgodność z wytycznymi WCAG 2.2 na poziomie AA. Strona jest częściowo zgodna: spełnia wymagania sprawdzane w audytach opisanych niżej, z wyjątkami wymienionymi w punkcie 4. Deklaracja dotyczy serwisu lovemyweb.net; angielska wersja (lovemyweb.com) ma własną deklarację.
2. Co jest wdrożone
Struktura i język
Semantyczny HTML z jednym nagłówkiem H1 na stronie i logiczną hierarchią nagłówków, regiony strony (nagłówek, nawigacja, treść, stopka) oraz poprawnie oznaczony język strony i linków do wersji angielskiej.
Klawiatura
Wszystko obsłużysz klawiszami Tab, Shift+Tab, Enter i Escape. Pierwszy Tab pokazuje link „Przejdź do treści”. Fokus jest zawsze widoczny. Menu mobilne, okna z filmami i galeria zdjęć zamykają się klawiszem Escape, trzymają fokus w środku i oddają go tam, skąd okno otwarto.
Kontrast
Tekst ma kontrast co najmniej 4,5:1 (WCAG 1.4.3), a obramowania pól formularza i elementy sterujące co najmniej 3:1 (WCAG 1.4.11). Kolory są zdefiniowane centralnie, więc ta sama zasada obowiązuje na każdej podstronie.
Obrazy
Zdjęcia i grafiki z treścią mają teksty alternatywne; na planszach z makietami aplikacji tekst alternatywny opisuje to, co pokazuje grafika. Elementy dekoracyjne są ukryte przed czytnikami ekranu.
Formularze
Każde pole ma widoczną etykietę, wymagane pola są oznaczone w kodzie, a komunikaty o błędach i wysyłce są ogłaszane czytnikom ekranu. Ochrona przed spamem działa w tle (Cloudflare Turnstile) - nie musisz przepisywać znaków z obrazka.
Powiększanie i małe ekrany
Treść dopasowuje się do szerokości od 320 px bez przewijania w poziomie, więc stronę można powiększyć do 400% bez utraty treści.
Ruch i multimedia
Jeśli w systemie włączysz ograniczenie ruchu, animacje i płynne przewijanie są wyłączane. Filmy nie odtwarzają się same - ładują się dopiero po kliknięciu i zatrzymują po zamknięciu okna.
Czas
Strona nie ma limitów czasu ani treści, które znikają po chwili.
3. Jak testuję stronę
- Audyt automatyczny: axe-core 4.10 (reguły WCAG 2.0, 2.1 i 2.2 na poziomach A i AA oraz dobre praktyki) na wszystkich głównych podstronach. Wynik z 19 października 2026: 0 błędów na wszystkich sprawdzonych stronach, w widoku desktop i mobile.
- Kontrast kolorów: Każda para kolor tekstu / tło z systemu projektowego jest liczona wzorem WCAG; kolory, które nie spełniały progu, zostały przyciemnione.
- Klawiatura: Ręczne przejście przez nawigację, menu mobilne, formularze, okna wideo i galerię wyłącznie z klawiatury.
- Szerokości ekranu: Kontrola na szerokościach 320, 390, 768, 1024, 1152, 1280, 1366, 1440 i 1512 px - bez poziomego przewijania i nachodzenia treści.
- Przy każdej zmianie: Te kontrole są częścią zasad pracy nad stroną: nowe sekcje sprawdzam przed publikacją, a audyt automatyczny powtarzam po większych zmianach.
4. Znane ograniczenia
- Filmy z YouTube (wystąpienia i rozmowy) oraz opinie wideo klientów nie zawsze mają napisy lub transkrypcję.
- Artykuły z archiwum bloga zostały przeniesione ze starej strony i mogą zawierać osadzone filmy bez napisów.
- Część usług zewnętrznych (YouTube, Mux, Skool, Cloudflare Turnstile) działa według własnych standardów dostępności, na które nie mam wpływu.
- Testy z czytnikami ekranu (VoiceOver, NVDA) nie są jeszcze prowadzone regularnie - wyniki opierają się na testach opisanych wyżej.
5. Zgłoś problem
Jeśli coś na stronie jest dla Ciebie trudne w obsłudze albo potrzebujesz treści w innej formie (np. tekstu zamiast filmu), napisz na [email protected]. Odpowiem osobiście w ciągu 5 dni roboczych i przygotuję treść w dostępnej formie albo poprawię stronę.