Polityki i informacje
Lista kontrolna WCAG 2.2 AA
Lista obejmuje wszystkie 55 kryteriów WCAG 2.2 na poziomach A i AA. Każdy wpis zawiera wynik, metodę badania i odniesienie do treści standardu.
1.1.1 Treść nietekstowa (A) — Spełnione
Metoda: Axe oraz manualna ocena celu obrazu, alt i kontekstu.
Wynik: Fotografie i logotypy mają alternatywy tekstowe odpowiednie do ich znaczenia. Ikony dekoracyjne są pomijane przez czytniki ekranu.
1.2.1 Tylko audio i tylko wideo — nagranie (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak nagrań tylko audio lub tylko wideo. Fotografie nie są mediami czasowymi.
1.2.2 Napisy rozszerzone — nagranie (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak nagranego wideo z dźwiękiem wymagającego napisów.
1.2.3 Audiodeskrypcja lub alternatywa — nagranie (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak nagranych mediów zsynchronizowanych.
1.2.4 Napisy rozszerzone — na żywo (AA) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak transmisji na żywo.
1.2.5 Audiodeskrypcja — nagranie (AA) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak nagranego wideo wymagającego audiodeskrypcji.
1.3.1 Informacje i relacje (A) — Spełnione
Metoda: Przegląd hierarchii nagłówków, etykiet formularzy, list i relacji między elementami, wsparty skanem axe-core.
Wynik: Nagłówki, listy, etykiety pól, podpisy zdjęć i relacje między elementami są zapisane w strukturze strony. Nagłówki z animacją liter zachowują pełny tekst dla technologii asystujących. Logo, pasek narzędzi i menu należą do jednego obszaru nagłówka, a formularze widoczne na jednej stronie mają różne nazwy.
1.3.2 Zrozumiała kolejność (A) — Spełnione
Metoda: Porównanie kolejności odczytu z układem treści, kart i formularzy.
Wynik: Treść pozostaje zrozumiała w kolejności programowej: wprowadzenie, temat, relacje, opis i działanie.
1.3.3 Właściwości zmysłowe (A) — Spełnione
Metoda: Manualna ocena instrukcji formularzy i aktywnej treści.
Wynik: Instrukcje wskazują nazwy pól i działań; nie zależą wyłącznie od koloru, kształtu ani położenia.
1.3.4 Orientacja (AA) — Spełnione
Metoda: Obsługa strony i menu w orientacji pionowej oraz poziomej.
Wynik: Strona i przewijalne menu działają w pionie i poziomie; nie wymuszają jednej orientacji.
1.3.5 Określenie przeznaczenia pola (AA) — Spełnione
Metoda: Axe autocomplete oraz odczyt typów, etykiet i tokenów pól danych osobowych.
Wynik: Przeznaczenie pól imienia, adresu e-mail i organizacji jest określone programowo, co wspiera automatyczne uzupełnianie.
1.4.1 Użycie koloru (A) — Spełnione
Metoda: Ocena linków, aktywnego filtra, pól błędnych i stanów zgód; axe jako wsparcie.
Wynik: Błędy mają tekst i podsumowanie, wybór filtra ma stan przycisku i licznik, linki/wybory mają wskazówki inne niż kolor.
1.4.2 Kontrola odtwarzania dźwięku (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Nie ma automatycznie odtwarzanego dźwięku.
1.4.3 Kontrast — minimum (AA) — Spełnione
Metoda: Pomiar kontrastu tekstu w stanach podstawowych, aktywnych, błędach i komunikatach.
Wynik: Tekst oraz komunikaty formularzy, menu i ustawień cookies spełniają wymagany kontrast: 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. Dotyczy to także nowych elementów: przyciemniony fragment tekstu w efekcie wypełniania przy przewijaniu zachowuje kontrast co najmniej 4,5:1 we wszystkich motywach panelu.
1.4.4 Zmiana rozmiaru tekstu (AA) — Spełnione
Metoda: Powiększenie tekstu do 200% za pomocą panelu preferencji czytania. Pomiar rzeczywistego rozmiaru tekstu i kontrolek oraz ocena układu i obsługi przy szerokościach 320 i 1440 pikseli CSS, także w dialogach i komunikatach formularzy.
Wynik: Tekst strony, pola, przyciski i komunikaty można powiększyć do 200% bez utraty treści lub funkcji. Menu, formularze i dialogi pozostają dostępne przy powiększeniu.
1.4.5 Obrazy tekstu (AA) — Spełnione
Metoda: Manualna klasyfikacja obrazów według celu i wyjątków; porównanie z tekstem DOM.
Wynik: Tekst interfejsu jest tekstem, który można odczytać i powiększyć. Logotypy oraz ilustracje realizacji oceniono zgodnie z wyjątkami dotyczącymi ich znaczenia.
1.4.10 Dopasowanie do ekranu (AA) — Spełnione
Metoda: Przegląd układu przy szerokości 320 pikseli CSS, także po otwarciu menu, dialogów i komunikatów formularzy.
Wynik: Badane strony zachowują treść bez poziomego przewijania całej strony. Oryginalny obraz 1:1 ma przewijanie wewnętrzne jako treść wymagająca dwóch wymiarów. Sekcje przypinane podczas przewijania, np. poziomy przegląd realizacji, działają tylko na szerokich ekranach; przy 320 pikselach i powiększeniu treść układa się pionowo.
1.4.11 Kontrast elementów nietekstowych (AA) — Spełnione
Metoda: Pomiar granic i widocznych zmian stanów, z oceną rzeczywistego sąsiadującego tła.
Wynik: Granice pól, wskaźniki fokusu i elementy wskazujące stan kontrolek spełniają wymagany kontrast 3:1 względem sąsiadujących kolorów. Granice nawigacji pływającej, opcji szybkiego briefu i nowych przycisków mają kontrast co najmniej 3:1.
1.4.12 Odstępy w tekście (AA) — Spełnione
Metoda: Zwiększenie interlinii do 1,5, odstępów między akapitami do 2, między literami do 0,12 i między słowami do 0,16 rozmiaru fontu.
Wynik: Zwiększenie odstępów nie powoduje utraty treści ani funkcji. Przy aktualizacji sprawdzono wszystkie 158 adresów przy 320 pikselach z nadpisanymi odstępami.
1.4.13 Treść spod kursora lub fokusu (AA) — Spełnione
Metoda: Przegląd treści pojawiającej się po najechaniu kursorem lub przy fokusie, w tym etykiety kursora nad zdjęciami.
Wynik: Etykieta „Powiększ” pojawia się tylko przy kursorze myszy nad zdjęciem z podglądem. Nie zasłania tekstu ani kontrolek, pozostaje widoczna do opuszczenia zdjęcia i znika po naciśnięciu Escape. Pozostała dodatkowa treść otwiera się przez aktywację.
2.1.1 Klawiatura (A) — Spełnione
Metoda: Aktywacja Enter/Space/Tab, obsługa menu, dialogów, formularzy, filtrów i viewer; przegląd natywnych kontrolek.
Wynik: Badane funkcje nie wymagają myszy; obrazy 1:1 mają przewijalny region dostępny z klawiatury. Klawiaturą obsłużysz też nawigację pływającą, przełącznik animacji, szybki brief i przypinany przegląd realizacji: fokus w przypiętej sekcji przewija ją do aktywnej karty.
2.1.2 Bez pułapki na klawiaturę (A) — Spełnione
Metoda: Tab i Shift+Tab w natywnych dialogach, Escape, przyciski zamknięcia i powrót do wyzwalacza.
Wynik: Modalne ograniczenie fokusu można zakończyć; menu, viewer i ustawienia pozwalają wyjść klawiaturą.
2.1.4 Jednoznakowe skróty klawiaturowe (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Nie zdefiniowano globalnych skrótów aktywowanych pojedynczą literą, cyfrą ani znakiem. Enter, Tab i Escape nie należą do takich skrótów.
2.2.1 Dostosowanie czasu (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak sesji, odliczania ani limitu czasu na odpowiedź użytkownika. Wygaśnięcie preferencji cookies nie ogranicza czasu wykonania zadania.
2.2.2 Pauza, zatrzymanie, ukrycie (A) — Spełnione
Metoda: Przegląd animacji: ekranu ładowania, wejść, przejść między stronami i efektów powiązanych z przewijaniem oraz test wyłączania ruchu.
Wynik: Animacje uruchamiane automatycznie trwają krócej niż 5 sekund; najdłuższa to ekran ładowania przy pierwszej wizycie (ok. 2,3 s). Efekty powiązane z przewijaniem poruszają się tylko podczas przewijania. Wszystkie animacje wyłączysz przyciskiem na stronie głównej, w panelu Ustawienia czytania lub ustawieniem systemowym.
2.3.1 Trzy błyski lub poniżej progu (A) — Spełnione
Metoda: Obserwacja wejść, przewijania, hover, dialogów i zmian stanu; inspekcja aktywnych efektów.
Wynik: W badanych stanach nie występują powtarzalne błyski przekraczające próg; jednorazowa zmiana koloru znaku nie tworzy serii błysków. Przejście między stronami to jednorazowe zakrycie i odsłonięcie ekranu, bez serii błysków.
2.4.1 Możliwość pominięcia bloków (A) — Spełnione
Metoda: Skip link Enter do main, landmarki i nagłówki; dodatkowe przejścia Tab.
Wynik: Odnośnik pomijający nagłówek prowadzi bezpośrednio do głównej treści. Nagłówki i obszary strony umożliwiają pomijanie powtarzanych bloków.
2.4.2 Tytuł strony (A) — Spełnione
Metoda: Porównanie tytułów podstron z ich tematem i przeznaczeniem.
Wynik: Każda podstrona ma tytuł określający jej temat lub przeznaczenie.
2.4.3 Kolejność fokusu (A) — Spełnione
Metoda: Przejście klawiszami Tab i Shift+Tab przez nawigację, formularze i dialogi oraz sprawdzenie powrotu fokusu.
Wynik: Kolejność prowadzi przez właściwe kontrolki; dialog i korekta błędów przenoszą fokus celowo, a zamknięcie wraca do wyzwalacza.
2.4.4 Cel linku — w kontekście (A) — Spełnione
Metoda: Ocena nazw linków wraz z alt, aria-label i tekstem najbliższego kontekstu.
Wynik: Odnośniki wskazują usługę, realizację lub działanie; powiększenie obrazu ma kontekst podpisu, a portrety nazwę osoby.
2.4.5 Wiele dróg (AA) — Spełnione
Metoda: Graf odnośników oraz manualna ocena menu, list, kontekstu i breadcrumbs.
Wynik: Podstrony można znaleźć przez menu oraz listy lub odnośniki kontekstowe.
2.4.6 Nagłówki i etykiety (AA) — Spełnione
Metoda: Ocena, czy nagłówki opisują temat sekcji, a etykiety wskazują cel pól i przycisków.
Wynik: Nagłówki określają temat, a etykiety rozróżniają pola, funkcje i opcjonalność; nie polegają na placeholderze.
2.4.7 Widoczny fokus (AA) — Spełnione
Metoda: Obserwacja Tab i pomiary zmian wyglądu wspólnych kontrolek w stanach focus.
Wynik: Przy obsłudze klawiaturą aktywny element jest wyróżniony widocznym wskaźnikiem fokusu.
2.4.11 Fokus niezasłonięty — minimum (AA) — Spełnione
Metoda: Przejście klawiszami Tab i Shift+Tab oraz sprawdzenie widoczności aktywnych elementów przy przyklejonym nagłówku, po zapisaniu ustawień cookies i po zamknięciu dialogów.
Wynik: Element otrzymujący fokus pozostaje widoczny. Nagłówek i komunikaty cookies nie zasłaniają odnośnika pomijającego ani innych aktywnych kontrolek. Nawigacja pływająca jest ukryta, gdy widoczny jest nagłówek lub komunikat cookies, i usuwa się z drogi, gdy element z fokusem znalazłby się pod nią.
2.5.1 Gesty dotykowe (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Żadna funkcja nie wymaga gestu wielopunktowego ani ścieżkowego. Powiększenie obrazu ma przycisk 1:1; przewijanie pozostaje natywne.
2.5.2 Rezygnacja ze wskazania (A) — Spełnione
Metoda: Odczyt zdarzeń click/pointerdown i ocena aktywacji natywnych kontrolek.
Wynik: Działania główne są wykonywane przez click, nie nieodwracalnie na down. Pointerdown poza menu tylko zamyka odwracalne rozwiniecie.
2.5.3 Etykieta w nazwie (A) — Spełnione
Metoda: Porównanie dostępnych nazw kontrolek z ich widocznymi etykietami oraz sprawdzenie reguły label-content-name-mismatch w axe-core.
Wynik: Dostępne nazwy przycisków i pól zawierają ich widoczne etykiety.
2.5.4 Aktywowanie ruchem (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Funkcje nie są aktywowane potrząśnięciem, przechyleniem urządzenia ani ruchem użytkownika przed kamerą. Ruch kursora nie jest czujnikiem ruchu urządzenia.
2.5.7 Ruch przeciągania (AA) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Żadna funkcja nie wymaga przeciągania. Oryginalne obrazy wykorzystują natywne przewijanie, nie autorski drag-only mechanizm.
2.5.8 Rozmiar celu — minimum (AA) — Spełnione
Metoda: Pomiar rozmiaru aktywnych elementów i odległości między nimi, z zastosowaniem wyjątków przewidzianych w kryterium.
Wynik: Aktywne elementy spełniają wymaganie 24 × 24 piksele CSS lub warunki odpowiedniego odstępu bądź wyjątku. Nowe kontrolki mają co najmniej 44 × 44 piksele CSS.
3.1.1 Język strony (A) — Spełnione
Metoda: Porównanie języka określonego w kodzie podstrony z językiem jej treści.
Wynik: Język każdej podstrony odpowiada jej treści i jest określony w kodzie.
3.1.2 Język części (AA) — Spełnione
Metoda: Manualna ocena języka fragmentów i wyjątków nazw własnych; weryfikacja oryginalnych nazw kursów w danych oraz normy W3C.
Wynik: Język obcojęzycznych fragmentów jest określony programowo. Nazwy własne oceniono zgodnie z wyjątkiem wskazanym w kryterium.
3.2.1 Po oznaczeniu fokusem (A) — Spełnione
Metoda: Przejścia Tab, fokus pól, linków i wyzwalaczy dialogów bez ich aktywacji.
Wynik: Samo uzyskanie fokusu nie wysyła formularza, nie otwiera nowej strony ani nie zmienia kontekstu. Dialogi wymagają aktywacji.
3.2.2 Podczas wprowadzania danych (A) — Spełnione
Metoda: Wprowadzanie danych i zmiana pól/filtrów/ustawień; obserwacja fokusu i nawigacji.
Wynik: Wprowadzenie danych i wybór ustawień nie powodują nieoczekiwanej zmiany strony ani fokusu.
3.2.3 Spójna nawigacja (AA) — Spełnione
Metoda: Porównanie wspólnego modułu oraz kolejności menu w próbkach treści i menu mobilnym.
Wynik: Osiem głównych pozycji i sześć usług zachowuje względną kolejność, z odpowiednimi tłumaczeniami i oznaczeniem bieżącej lokalizacji.
3.2.4 Spójna identyfikacja (AA) — Spełnione
Metoda: Porównanie etykiet funkcji w modułach współdzielonych i stanach interaktywnych.
Wynik: Ta sama funkcja jest identyfikowana spójnie w obrębie języka: powiększenie, zamknięcie, ustawienia cookies, korekta i kontakt. Dodatkowy kontekst wskazuje konkretny obraz/dialog.
3.2.6 Spójna pomoc (A) — Spełnione
Metoda: Porównanie kolejności DOM wspólnej stopki, pomocy formularzy i kontaktu z panelu.
Wynik: Kontakt oraz pomoc przy formularzach znajdują się w spójnych miejscach na podstronach.
3.3.1 Identyfikacja błędu (A) — Spełnione
Metoda: Niepoprawny submit newslettera, mini i pełnego kontaktu we wszystkich językach, odczyt podsumowania i pól.
Wynik: Błędy są opisane tekstem przy polu oraz w połączonym podsumowaniu; aria-invalid określa stan, a fokus trafia do podsumowania.
3.3.2 Etykiety lub instrukcje (A) — Spełnione
Metoda: Inspekcja labels, instrukcji wymaganych/opcjonalnych pól, formatów i zgody newslettera.
Wynik: Pola mają etykiety, wymaganie i format opisane przed wprowadzeniem; opcjonalność jest jawna, a zgoda ma opisany cel.
3.3.3 Sugestia korekty błędu (AA) — Spełnione
Metoda: Niepoprawny e-mail, brak wymaganych danych/zgody i ponowna korekta z zachowaniem danych.
Wynik: Znane błędy mają wskazówki dotyczące brakującego pola lub prawidłowego adresu; link prowadzi do poprawianego pola. Dane nie są kasowane.
3.3.4 Zapobieganie błędom — prawne, finansowe, dane (AA) — Spełnione
Metoda: Ocena skutków aktywnych formularzy i odwracalności lokalnych preferencji.
Wynik: Dane formularza można sprawdzić i poprawić przed zatwierdzeniem. Ustawienia cookies i czytania można ponownie zmienić lub zresetować.
3.3.7 Nadmiarowe wprowadzanie (A) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Nie ma wieloetapowego procesu wymagającego ponownego podania tych samych danych. Korekta błędu zachowuje wartości; niezależne formularze nie są jednym procesem.
3.3.8 Dostępne uwierzytelnianie — minimum (AA) — Nie dotyczy
Metoda: Przegląd treści i funkcji strony.
Wynik: Brak konta, logowania, CAPTCHA, hasła jednorazowego lub innego uwierzytelniania. Zgoda newslettera nie jest testem poznawczym.
4.1.2 Nazwa, rola, wartość (A) — Spełnione
Metoda: Skan axe-core i ręczny przegląd nazw, ról i stanów przycisków, pól, filtrów i dialogów.
Wynik: Przyciski, pola, filtry i dialogi mają dostępne nazwy i role. Ich stan wyboru, błędu lub rozwinięcia jest przekazywany technologiom asystującym. Przycisk nawigacji pływającej informuje o stanie rozwinięcia, a kroki szybkiego briefu są grupami pól z legendą.
4.1.3 Komunikaty o stanie (AA) — Spełnione
Metoda: Ocena filtrów, wyszukiwania, słownika, formularzy i cookies; live-region lub celowego przeniesienia fokusu.
Wynik: Wyniki filtrowania, błędy i komunikaty formularzy są udostępniane technologiom asystującym bez konieczności szukania ich na stronie. Postęp i zakończenie szybkiego briefu są ogłaszane w obszarze aktywnym.