złożone schematy, dokumentacja techniczna w formie nietekstowej i mapy, które nie mogą być wyłączone z zapewnienia dostępności, mają alternatywę w postaci tekstu, tabeli itp., które są dostępne w treści, opisie alternatywnym lub na osobnej podstronie lub widoku,

pola formularzy posiadają jasne i jednoznaczne etykiety,

graficzne elementy CAPTCHA mają alternatywę w postaci tekstu lub innego sposobu pozyskania informacji.



Wytyczna 1.2 Multimedia. Zapewnij rozwiązania alternatywne dla mediów opartych na czasie.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 1.2 należy spełnić m.in. poniższe wymagania:

multimedia (za wyjątkiem transmitowanych na żywo) takie jak wideo czy dźwięk, powinny zawierać dostępne napisy lub inne formy alternatywne, które umożliwiają osobom niewidzącym, niesłyszącym lub słabosłyszącym zrozumienie treści.

Wytyczna 1.3 Możliwość adaptacji. Twórz treści, które mogą być prezentowane na różne sposoby bez utraty informacji czy struktury.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 1.3 należy spełnić m.in. poniższe wymagania:

zastosowanie semantycznych elementów strukturalnych na stronie, szczególnie:

nagłówków i odpowiedniej hierarchii nagłówków, które pomagają w organizacji treści i określaniu ich ważności,

etykiet dla pól formularzy, które jasno identyfikują, do czego służy dane pole,

użycie list do grupowania semantycznie powiązanych treści i linków,

tabele z odpowiednimi tytułami i komórkami nagłówkowymi, aby zapewnić zrozumiały układ informacji w tabelach,

formularze z polami, których wypełnienie jest wymagane, powinny być wyróżnione np. za pomocą gwiazdki i oznaczone jako wymagane, na przykład za pomocą atrybutów "required" lub "aria-required". Ważne jest również, aby pola formularzy i układ strony nie były oparte na tabelach, zgodnie z aktualnymi standardami projektowania stron internetowych,

elementy nawigacji oraz komunikaty przekazywane użytkownikom nie powinny polegać wyłącznie na doznaniach zmysłowych, takich jak kształt, lokalizacja wizualna lub dźwięk. W związku z tym, należy zapewnić, aby nawigacja i komunikaty były dostępne dla wszystkich użytkowników, niezależnie od ich zdolności percepcyjnych,



responsywność strony internetowej oraz aplikacji mobilnej (RWD), co oznacza, że treść powinna być wyświetlana w sposób optymalny zarówno w układzie pionowym, jak i poziomym na różnych urządzeniach, takich jak smartfony i tablety,

tekstowe pola formularzy, które gromadzą określone typy informacji od użytkownika, takie jak imię, nazwisko, telefon, e-mail itp., podpowiadają odpowiednie wartości użytkownikom. Można to osiągnąć, na przykład, poprzez zdefiniowanie atrybutów "autocomplete" na stronach internetowych np. dla pola formularza, które wymaga wprowadzenia imienia, można zdefiniować atrybut "autocomplete" z wartością "given-name".

Wytyczna 1.4 Rozróżnialność. Ułatwianie oglądania i słuchania treści oraz oddzielanie informacji od tła.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 1.4 należy spełnić m.in. poniższe wymagania:

dla treści, których kolor określa przeznaczenie lub ważność, należy zapewnić inny dodatkowy sposób wyróżnienia, aby umożliwić dostęp do tych informacji osobom z różnymi deficytami wzroku,

nagranie audio włączające się automatycznie na danej stronie lub w aplikacji musi mieć zapewniony mechanizm umożliwiający przerwanie lub wyłączenie nagrania,

współczynnik kontrastu pomiędzy tekstem lub grafikami tekstowymi a tłem wynosi minimum 4,5:1,

po zwiększeniu rozmiaru czcionki do 200% za pomocą standardowych funkcji przeglądarki, nie powinno się utracić zawartości lub funkcjonalności widoku,

nie należy przedstawiać tekstu za pomocą grafiki,

Treść może być prezentowana bez utraty informacji lub funkcjonalności, bez konieczności przewijania w dwóch wymiarach dla:

Pionowego przewijania treści o szerokości odpowiadającej 320 pikselom CSS;

Poziomego przewijania treści na wysokości odpowiadającej 256 pikselom CSS.



Wyjątkiem są te części treści, które wymagają dwuwymiarowego układu ze względu na sposób używania lub znaczenie,

współczynnik kontrastu kolorów pomiędzy obiektami graficznymi (jak np. ikony, wykresy) oraz elementami interfejsu (jak np. przyciski, kontrolki i pola formularzy, fokus) a kolorami przylegającymi powinien wynosić minimum 3:1,

przy zwiększeniu odstępów w tekście pomiędzy literami i wierszami nie może nastąpić utrata treści lub funkcjonalności dla wartości:

wysokość linii (odstępy między wierszami) co najmniej 1,5 razy większa niż rozmiar czcionki,

odstępy pomiędzy akapitami co najmniej 2 razy większe niż rozmiar czcionki,

odstępy między literami (rozstrzelenie) co najmniej 0,12 razy większe niż rozmiar czcionki,

odstępy między wyrazami co najmniej 0,16 razy większe niż wielkości czcionki,

Gdy po najechaniu kursorem myszy lub sfokusowaniu elementu klawiaturą pojawia się dodatkowa treść (np. tooltip), należy zapewnić, aby pokazaną treść można było odrzucić (zazwyczaj za pomocą klawisza esc) bez przesuwania kursora myszy lub fokusa klawiatury, chyba że treść zawiera błąd lub nie zasłania ani nie zakłóca odczytania pozostałej treści strony.



Zasada 2 – funkcjonalność

Tabela 2 Funkcjonalność - zasada 2 WCAG

Wytyczna Kryterium sukcesu Poziom 2.1 – Dostępność z klawiatury 2.1.1 ‑ Klawiatura A 2.1 – Dostępność z klawiatury 2.1.2 ‑ Brak pułapki na klawiaturę A 2.1 – Dostępność z klawiatury 2.1.4 - Jednoliterowe skróty klawiszowe A 2.2 – Wystarczająca ilość czasu 2.2.1 ‑ Możliwość dostosowania czasu A 2.2 – Wystarczająca ilość czasu 2.2.2 ‑ Wstrzymywanie (pauza), zatrzymywanie, ukrywanie A 2.3 – Ataki padaczki ‑ Migotanie 2.3.1 ‑ Trzy błyski lub wartości poniżej progu A 2.4 – Możliwość nawigacji 2.4.1 ‑ Możliwość pominięcia bloków A 2.4 – Możliwość nawigacji 2.4.2 ‑ Tytuły stron A 2.4 – Możliwość nawigacji 2.4.3 ‑ Kolejność fokusu A 2.4 – Możliwość nawigacji 2.4.4 ‑ Cel linku (w kontekście) A 2.4 – Możliwość nawigacji 2.4.5 ‑ Wiele sposobów na zlokalizowanie strony AA 2.4 – Możliwość nawigacji 2.4.6 ‑ Nagłówki i etykiety AA 2.4 – Możliwość nawigacji 2.4.7 ‑ Widoczny fokus AA 2.5 – Sposoby wprowadzania danych 2.5.1 - Gesty punktowe A 2.5 – Sposoby wprowadzania danych 2.5.2 - Anulowanie kliknięcia A 2.5 – Sposoby wprowadzania danych 2.5.3 - Etykieta w nazwie A 2.5 – Sposoby wprowadzania danych 2.5.4 - Aktywowanie ruchem A

Wytyczna 2.1 Dostępność z klawiatury. Zapewnij dostępność wszystkich funkcjonalności za pomocą klawiatury.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 2.1 należy spełnić m.in. poniższe wymagania:

każdy element strony internetowej i jego funkcjonalność muszą być dostępne przy użyciu klawiatury, z wyjątkiem tych, które konwencjonalnie nie mogą być wykonane klawiaturą, np. pismo odręczne,

jeśli można przemieścić fokus klawiatury do określonego elementu treści za pomocą interfejsu klawiatury, to powinno być również możliwe jego usunięcie za pomocą tego samego interfejsu (brak pułapki na klawiaturę). Jeśli jednak usunięcie fokusu wymaga użycia czegoś więcej niż standardowych metod, takich jak strzałki, tabulator lub inne standardowe klawisze nawigacyjne, użytkownik powinien otrzymać odpowiednie wskazówki dotyczące sposobu usunięcia fokusu z danego komponentu,

gdy na stronie zostały zaimplementowane skróty klawiaturowe oparte tylko o litery, liczby, symbole lub znaki interpunkcyjne (jednoznakowe)

można wyłączyć skrót,

można zdefiniować skrót na dodatkowy klawisz niedrukowalny (CTRL, ALT itp.),

skrót jest aktywny tylko wtedy, gdy powiązany z nim element ma fokus.

Wytyczna 2.2 Wystarczający czas. Zapewnij użytkownikom wystarczająco dużo czasu na przeczytanie i skorzystanie z treści.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 2.2 należy spełnić m.in. poniższe wymagania:



jeśli istnieje limit czasowy na wykonanie danego zadania, musi być możliwość jego wyłączenia, ustawienia lub zwiększenia. Wyjątkiem są zdarzenia zachodzące w czasie rzeczywistym (np. aukcje), gdzie limit czasowy jest absolutnie konieczny lub gdy czas wynosi ponad 20 godzin,

należy zapewnić użytkownikom łatwy dostęp do kontrolowania czasu i interakcji z dynamicznymi treściami. Oznacza to, że powinny być dostępne odpowiednie kontrolki, takie jak przyciski pauzy, zatrzymania i ukrycia, które umożliwiają użytkownikom zatrzymanie lub pauzowanie animacji lub innych elementów dynamicznych. Ponadto, takie kontrole powinny być łatwe do zlokalizowania i obsługi, zarówno za pomocą myszy, jak i klawiatury.

Wytyczna 2.3 Ataki padaczki. Prezentuj treść tak, aby nie wywoływała napadów padaczkowych.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 2.3 należy spełnić m.in. wymaganie: strony internetowe nie zawierają w swojej treści niczego, co błyska częściej niż trzy razy w ciągu jednej sekundy, lub też błysk nie przekracza wartości granicznych dla błysków ogólnych i czerwonych.

Wytyczna 2.4 Możliwość nawigacji. Zapewnij użytkownikowi narzędzia pomagające w nawigacji, znalezieniu treści i określeniu, gdzie się aktualnie znajduje.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 2.4 należy spełnić m.in. poniższe wymagania:

istnieje możliwość pominięcie bloków treści powtarzanych na wielu stronach internetowych,

wszystkie podstrony serwisu muszą mieć unikalne tytuły, a dla aplikacji mobilnych musi być to nazwa aktualnie wyświetlanego widoku,

jeśli strona może być nawigowana sekwencyjnie, a kolejność nawigacji wpływa na zrozumienie lub funkcjonalność strony, komponenty przyjmują fokus w kolejności, dzięki której zachowany jest sens i funkcjonalność treści,

cel każdego hiperłącza może wynikać z samej treści łącza lub z treści tekstu powiązanego z kontekstem łącza określonym programowo,

poza standardową nawigacją muszą być jeszcze inne sposoby odnalezienia informacji, jak np. mapa strony i wyszukiwarka,



nagłówki i etykiety opisują temat lub cel treści,

podczas nawigacji klawiaturą element mający aktualne fokus musi być dobrze widoczny przez wyraźne zaznaczenie jego obramowania lub zmianę tła i spełniać minimalne wymagania kontrastu w stosunku do tła.

Wytyczna 2.5 Metody obsługi. Ułatwiaj użytkownikom obsługę funkcji za pomocą różnych sposobów poza klawiaturą.

Aby zapewnić kryteria sukcesu przedstawione wytycznej 2.5 należy spełnić m.in. poniższe wymagania:

funkcjonalności wykorzystujące do obsługi gesty wielopunktowe lub oparte na ścieżkach (np. szczypanie, przeciąganie) mogą być obsługiwane za pomocą dotyku jednopunktowego,

aby uniknąć przypadkowej aktywacji elementu nie należy używać zdarzenia down (np. onmousedown, ontouchstart),

elementy interfejsu (jak np. linki, przyciski itp.) które zawierają tekst lub obrazy tekstu, mają dostępną nazwę (etykietę, tekst alternatywny, aria-label, itp.), która zawiera w sobie widoczny tekst,

funkcjonalność, którą można obsługiwać za pomocą ruchu urządzenia lub ruchu użytkownika (np. potrząsanie, przechylanie urządzenia mobilnego) można również obsługiwać za pomocą komponentów interfejsu użytkownika, a reagowanie na ruch można wyłączyć.



Zasada 3 – zrozumiałość

Tabela Zrozumiałość – zasada 3 WCAG