Korzystamy z plików cookie w celu dostosowania portalu do potrzeb użytkownika. Więcej informacji na temat przetwarzania danych znajdziesz w Polityce Prywatności.

Wypełnij quiz: Techniki we WCAG, czyli dobre rady

Powrót

Info o quizie

Wiele osób zatrzymuje się na samych wytycznych WCAG. To jest dość trudny tekst, a do tego abstrakcyjnie ujmujący większość obszarów. Tymczasem zagłębiając się nieco, możesz znaleźć bardzo praktyczne rady na temat wdrażania cyfrowej dostępności. Znajdziesz generalne porady, dotyczące HTML, CSS, skryptów, a także częstych błędów.
W tym quizie przeczytasz 10 takich porad, a Twoim zadaniem będzie wskazanie, które kryteria sukcesu są w ten sposób spełnione. Możesz wcześniej zajrzeć do dołączonego zasobu. Tłumaczenia porad są moje i nie są autoryzowane. Quiz wymaga znajomości WCAG, szczególnie kryteriów sukcesu.

HTML
standard
WCAG

Info o autorze

Imię i nazwisko: Jacek Zadrożny
Informacje o autorze: Ekspert dostępności w Fundacji Wspierania Zrównoważonego Rozwoju. Wcześniej naczelnik Wydziału Dostępności Cyfrowej w Ministerstwie Cyfryzacji. Do tej pory nie odkryto, jak to się mogło wydarzyć. Jeden z tłumaczy WCAG 2.0 i 2.1. Współzałożyciel Forum Dostępnej Cyberprzestrzeni. Były już członek Rady Dostępności, Rady Cyfryzacji, Komisji Ekspertów przy RPO, Komitetu Monitorującego POPC.
Email: jaczad@gmail.com
WWW: https://informaton.blog/
LinkedIn: https://linkedin.com/in/jaczad

Inne quizy autora

W podsumowaniu quizu zobaczysz Twój wynik, Twoje odpowiedzi, prawidłowe odpowiedzi oraz uzasadnienie dla prawidłowych odpowiedzi.
Zapraszamy :)

Lista pytań

Pytanie #1

Na początku każdej podstrony dodaj łącze prowadzące bezpośrednio do głównej treści.

2.4.4 Cel łącza (w kontekście)

3.2.3 Spójna nawigacja

2.4.5 Wiele dróg

2.4.1 Możliwość pominięcia bloków

Pytanie #2

Upewnij się, że kontrast pomiędzy tekstem lub obrazem tekstu, a tłem wynosi przynajmniej 7:1.

1.4.11 Kontrast elementów nietekstowych

1.4.6 Kontrast (wzmocniony)

1.4.9 Obrazy tekstu (bez wyjątków)

1.4.1 Użycie koloru

Pytanie #3

Dostarcz użytkownikowi funkcję wyszukiwania treści na stronie internetowej.

3.3.5 Pomoc

2.4.5 Wiele dróg

3.2.3 Spójna nawigacja

1.3.1 Informacje i relacje

Pytanie #4

Dostarcz ścieżkę z okruszkami na stronie internetowej.

2.4.8 Lokalizacja

3.2.3 Spójna nawigacja

1.3.2 Zrozumiała kolejność

1.3.4 Orientacja

Pytanie #5

Zapewnij użytkownikowi możliwość przeglądania i poprawiania odpowiedzi przed przesłaniem.

3.2.5 Zmiana na żądanie

3.3.4 Zapobieganie błędom (prawnym, finansowym, w danych

2.2.2 Pauza, zatrzymanie, ukrycie

2.2.5 Ponowne potwierdzenie autentyczności

Pytanie #6

Odtwarzaj dźwięk tylko na żądanie użytkownika

1.4.7 Niska głośność lub bez dźwięków w tle

1.2.9 Tylko audio (na żywo)

3.2.5 Zmiana na żądanie

1.4.2 Kontrola odtwarzania

Pytanie #7

Wyrównuj tekst tylko do jednej strony.

1.4.10 Dopasowanie do ekranu

1.4.12 Odstępy w tekście

1.4.8 Prezentacja wizualna

1.4.4 Zmiana rozmiaru tekstu

Pytanie #8

Ustaw animowane obrazy GIF, aby przestały migać po n cyklach (w ciągu 5 sekund)

1.2.1 Tylko audio lub tylko wideo

2.3.1 Trzy błyski lub wartości poniżej progu

2.2.1 Dostosowanie czasu

2.2.2 Pauza, zatrzymanie, ukrycie

Pytanie #9

Oddziel informacje i strukturę od ich prezentacji, by umożliwić użycie innego sposobu prezentacji.

1.4.5 Obrazy tekstu

1.4.8 Prezentacja wizualna

1.3.1 Informacje i relacje

4.1.2 Nazwa, rola, wartość

Pytanie #10

Sprawdź poprawność kodu każdej podstrony (walidacja).

4.1.1 Poprawność kodu

3.3.3 Sugestie korekty błędów

3.1.1 Język strony

2.4.6 Nagłówki i etykiety