Lista wymagań WCAG jakie należy spełnić na potrzeby poziomu A. Jest to lista opisująca tylko wymagania, bez szczegółowych zaleceń, w jaki sposób należy te wymagania spełnić. Część technik, dzięki którym spełnia się poniższe zalecenia jest wyszczególniona na stronie www.drupalninja.pl. Spis treści Tekstowe alternatywy:...2 Wytyczna 1.1 Zapewnienie alternatywy tekstowej dla treści nie będącej tekstem, w taki sposób aby mogła zostać ona zamieniona na format wymagany przez użytkownika (większy druk, Braille, brak symboli itp.).2 Treść zależna od czasu:...2 Wytyczna 1.2 Zapewnienie alternatywy tekstowej dla treści zależnej od czasu...2 Dostosowanie:...3 Wytyczna 1.3 Stworzenie treści tak aby mogła zostać zaprezentowana w innej formie (np. prostszy wygląd strony) bez straty treści lub kolejności elementów...3 Wyróżnianie treści:...3 Wytyczna 1.4 Zapewnienie użytkownikowi sposobu na łatwiejsze rozróżnianie (wzrok i słuch) tła od treści strony...3 Korzystanie z klawiatury:...4 Wytyczna 2.1 Stworzenie wszystkich funkcjonalności strony w taki sposób aby była dostępna przy użyciu klawiatury...4 Wystarczający czas:...4 Wytyczna 2.2 Zapewnienie odpowiedniej ilości czasu na przeczytanie I użycie treści strony...4 Drgawki:...5 Wytyczna 2.3 Zaprojektować treść I wygląd strony taka by nie przyczyniała się do występowania drgawek....5 Nawigacja:...5 Wytyczna 2.4 Zapewnienie użytkownikowi mechanizmów aby mógł swobodnie nawigować, szukać treści i wiedział w którym miejscu na stronie się znajduje...5 Przejrzystość tekstu:...5 Wytyczna 3.1 Należy tworzyć teksty na stronie w taki sposób aby były przejrzyste oraz zrozumiałe dla użytkownika...5 Przewidywalność:...6 Wytyczna 3.2 Zapewnienie przewidywalności w sposobie prezentacji strony oraz poruszania się po niej...6 Pomoc przy korzystaniu z formularzy:...6 Wytyczna 3.3 Pomoc użytkownikom w ustrzeganiu i poprawie popełnionych błędów...6 1
Kompatybilność:...6 Wytyczna 4.1 Maksymalizacja kompatybilności z obecnie stosowanymi przeglądarkami, jak i z planowanymi do wprowadzenie technikami przeglądania stron internetowych...6 Tekstowe alternatywy: Wytyczna 1.1 Zapewnienie alternatywy tekstowej dla treści nie będącej tekstem, w taki sposób aby mogła zostać ona zamieniona na format wymagany przez użytkownika (większy druk, Braille, brak symboli itp.) Treść nie będąca tekstem: 1.1.1 Wszystkie treści nie będące tekstem muszą posiadać odpowiednią alternatywą tekstową, która zapewni taki sam cel i funkcjonalność. Wyjątek stanowią sytuacje wymienione poniżej: Kontrolki, pola typu Input: Jeżeli treść nie będąca tekstem jest kontrolką lub służy użytkownikowi do wpisania jakieś treści, wtedy atrybut name opisuje cel tego pola. Media bazujące na czasie: Jeżeli treść nie będąca tekstem jest zależna od czasu, należy zapewnić co najmniej szczegółowy opis tej treści. Test: Jeśli treść nie będąca tekstem jest testem lub ćwiczeniem i będzie nieprawidłowo działać w przypadku zaprezentowania jako tekst, należy zaproponować alternatywę tekstową, która wyjaśni cel przeprowadzenia testu lub ćwiczenia. Sensory: Jeżeli treść nie będąca tekstem ma za zadanie wywołać specyficzny odbiór tej treści przez sensory człowieka (np. wzrok, słuch), należy przedstawić alternatywę tekstową, opisującą znaczenie i cel tej treści. CAPTCHA: Jeżeli celem treści nie będącej tekstem jest potwierdzenie, że strona jest przeglądana przez człowieka, a nie robota internetowego, należy przedstawić cel umieszczenia takiej treści. Należy też udostępnić użytkownikowi wybór alternatywnych metod, takich jak zadanie matematyczne, czy uruchomienie odpowiedniego linka. Różnorodność metod potwierdzania, powinna uwzględniać różne rodzaje utrudnień, na jakie napotykają użytkownicy. Dekodowanie, formatowanie i treści niewidoczne: Jeżeli treść nie będąca tekstem ma służyć tylko do dekoracji, wizualnego formatowania lub w ogóle nie jest wyświetlana użytkownikom, można ją tak przedstawić, aby była pomijana przez przeglądarki i urządzanie końcowych użytkowników. Treść zależna od czasu: Wytyczna 1.2 Zapewnienie alternatywy tekstowej dla treści zależnej od czasu. Treść audio i video (nie dotyczy transmisji na żywo): 1.2.1 Do treści audio oraz video, które zostały nagrane wcześniej powinno się zaproponować użytkownikowi równoważną treść korzystając z innych mediów: Nagrane wcześniej Audio: Alternatywą dla nagranego wcześniej elementu Video może być nagrane wcześniej nagranie audio o tej samej treści. 2
Nagrane wcześniej Video: Alternatywą dla zależnego od czasu nagrania audio, może być odpowiednie, nagrane wcześniej nagranie Video. Napisy podpisy pod treściami audio (nie dotyczy transmisji na żywo): 1.2.2 Należy zapewnić użytkownikowi podpisy pod treściami audio. Dotyczy to wszystkich treści audio nie będących transmisjami na żywo. Wyjątek stanowią tutaj treści audio, które mają za zadanie przedstawić w innej formie tekst znajdujący się obok tej treści. Opis dla treści audio i video lub alternatywa dla tych treści (nie dotyczy transmisji na żywo): 1.2.3 Alternatywą dla mediów zależnych od czasu jest udostępnienie użytkownikowi alternatywy tekstowej zsynchronizowanej z danym medium. Należy pamiętać o tym aby poinformować użytkownika o istnieniu zamiennej formy. Dostosowanie: Wytyczna 1.3 Stworzenie treści tak aby mogła zostać zaprezentowana w innej formie (np. prostszy wygląd strony) bez straty treści lub kolejności elementów. Informacje i powiązania: 1.3.1 Informacje, struktura i powiązanie powinny zostać zaprogramowane lub przedstawione w postaci tekstów. Znaczenie kolejności występowania elementów: 1.3.2 Jeżeli kolejność występowania treści ma znaczenie, należy stosować taki kod strony, aby ta kolejność została zachowania niezależnie od narzędzia dzięki któremu przeglądamy stronę. Charakterystyka sensorów: 1.3.3 Instrukcje I wyjaśnienia które przestawiane są użytkownikowi (np. na wykresach) nie mogą zależeć na charakterystyce sensorów. Dotyczy to rozróżniania kształtów, kolorów, rozmiarów, lokalizacji przedmiotów, orientacji czy dźwięków. Wyróżnianie treści: Wytyczna 1.4 Zapewnienie użytkownikowi sposobu na łatwiejsze rozróżnianie (wzrok i słuch) tła od treści strony. Użycie kolorów: 1.4.1 Kolory nie powinny być użyte jako jedyne wizualne rozróżnienie przedstawionej treści (np. opisy do tabel czy wykresów). Kontrola dźwięku: 1.4.2 Jeżeli jakiś element dźwiękowy, na stronie internetowej, jest odtwarzany dłużej niż przez 3 sekundy, należy zapewnić mechanizmy pozwalające na zatrzymanie, zapauzowanie dźwięku oraz kontrolę głośności dźwięku (niezależnie od kontroli wbudowanej w system). Uwaga: Wszystkie elementy audio na stronie powinny spełniać to kryterium. 3
Korzystanie z klawiatury: Wytyczna 2.1 Stworzenie wszystkich funkcjonalności strony w taki sposób aby była dostępna przy użyciu klawiatury. Klawiatura: 2.1.1 Wszystkie funkcjonalności strony internetowej powinny być dostępne przy użyciu klawiatury, bez wymagań dotyczących czasu użycia kolejnych klawiszy. Wyjątek stanowią funkcjonalności, które śledzą ruch kursora, a nie tylko stany końcowe. Uniknięcie zablokowania klawiatury: 2.1.2 Jeżeli kursor klawiatury można ustawić na jakiś element strony, powinna istnieć możliwość przejścia do następnego lub poprzedniego elementu korzystając z klawiatury. Wystarczający czas: Wytyczna 2.2 Zapewnienie odpowiedniej ilości czasu na przeczytanie I użycie treści strony. Dostosowanie czasu: 2.2.1 Dla każdego limitu czasowego, który jest ustawiony dla elementu na stronie, przynajmniej jedno z poniższych twierdzeń powinno być prawdziwe: Wyłączenie: Użytkownik powinien mieć możliwość wyłączenia limitu czasowego; lub Dostosowanie: Użytkownik powinien mieć możliwość dostosowania limitu czasowego, co najmniej dziesięciokrotnie zwiększając domyślny limit czasowy; lub Rozszerzenie czasu: Użytkownik powinien zostać ostrzeżony zanim minie czas oraz powinien dostać możliwość (co najmniej przez następne 20 sekund) przedłużania limitu czasowego, korzystając z prostej akcji (np. przycisk Spacja). Użytkownik może dziesięciokrotnie zwiększając domyślny limit czasowy; lub Wyjątek czasu rzeczywistego: Limit czasowy jest wymagany dla części wydarzeń, które są zależne od aktualnego czasu (na przykład aukcje internetowe), nie istnieje wtedy możliwość zastosowania alternatywy; lub Wyjątek istotności limitu czasowego : Limit czasowy jest istotny i jego wydłużenie może uszkodzić danej funkcjonalności lub spowodować wystąpienie błędów; lub Wyjątek 20 godzin: Limit czasowy jest dłuższy niż 20 godzin. Pauza, Stop, Ukryj: 2.2.2 Dla treści poruszającej się, mrugającej, przesuwającej się czy automatycznie zmieniającej się, wszystkie poniższe warunki powinny zostać spełnione: Elementy poruszające się, mrugające czy przesuwające się: Należy zapewnić aby treści te nie zmieniały się szybciej niż co pięć sekund. Należy także dostarczyć mechanizmów do zapauzowania tych treści. Wyjątkiem jest sytuacja gdy poruszanie się, czy mruganie stanowi główny cel tej treści; oraz Treść automatycznie zmieniająca się: Dla tych treści powinno zapewnić się użytkownikowi możliwość zapauzowania czy zatrzymania danej treści oraz ukrycia jej. 4
Drgawki: Powinno się też udostępnić użytkownikowi kontrolowanie częstotliwości zmiany. Wyjątek stanowią sytuacje gdy automatyczna zmiana jest celem tej treści. Wytyczna 2.3 Zaprojektować treść I wygląd strony taka by nie przyczyniała się do występowania drgawek. Trzy błyski lub treść podprogowa: 2.3.1 Strona internetowa nie powinna zawierać jakiegokolwiek elementu, który błyska z częstotliwością większą niż trzy błyski na sekundę. Zabronione jest też używanie treści, które są wyświetlane z częstotliwością większą niż może to zauważyć użytkownik. Nawigacja: Wytyczna 2.4 Zapewnienie użytkownikowi mechanizmów aby mógł swobodnie nawigować, szukać treści i wiedział w którym miejscu na stronie się znajduje. Omijanie bloków: 2.4.1 Zapewnić mechanizmy do omijania bloków treści która jest wykorzystywana na wielu podstronach. Tytuł strony: 2.4.2 Strona internetowa powinna posiadać tytuł, który będzie opisywał tematy i treść strony. Kolejność elementów: 2.4.3 Jeśli kolejności treści strony ma znaczenie, należy w taki sposób przedstawić kod strony aby znaczeni i operatywność treści została zachowana. Cel hiperłącza (linku): 2.4.4 Cel każdego linku powinien być opisany przez kombinacje tekstu zawierającego się w linku lub tekstu linku wraz z zaprogramowanym kontekstem linku. Przejrzystość tekstu: Wytyczna 3.1 Należy tworzyć teksty na stronie w taki sposób aby były przejrzyste oraz zrozumiałe dla użytkownika. Język strony: 3.1.1 Domyślny język strony internetowej powinien zostać zaprogramowany (np. korzystając ze znaczników HTML). 5
Przewidywalność: Wytyczna 3.2 Zapewnienie przewidywalności w sposobie prezentacji strony oraz poruszania się po niej. Przy wydarzeniu focus: 3.2.1 Jeżeli jakikolwiek komponent strony będzie aktualnie wybrany (focus) nie może nastąpić w tym momencie zmiana kontekstu tego elementu. Przy wpisywaniu treści: 3.2.2 Zmiana ustawień jakiegoś komponentu, wymagającego interakcji użytkownika, nie może powodować zmiany treści czy znaczenia jakieś części strony. Wyjątek stanowi poinformowanie użytkownika o takim wydarzeniu przed podjęciem działania. Pomoc przy korzystaniu z formularzy: Wytyczna 3.3 Pomoc użytkownikom w ustrzeganiu i poprawie popełnionych błędów. Identyfikacja błędów: 3.3.1 Jeżeli przy polu formularza został wykryty błąd, należy oznaczyć to pole i opisać błąd jaki zawiera dane pole. Instrukcje i opisy: 3.3.2 Opisy I instrukcje zostać przedstawione użytkownikowi, jeżeli treść wymaga interakcji użytkownika. Kompatybilność: Wytyczna 4.1 Maksymalizacja kompatybilności z obecnie stosowanymi przeglądarkami, jak i z planowanymi do wprowadzenie technikami przeglądania stron internetowych. Parsowanie: 4.1.1 W treści zaprogramowanej (np. język HTML) elementy muszą posiadać tagi początkowe i końcowe zależnie od ich specyfikacji. Uwaga: Początkowe i końcowe tagi muszą się znajdować na stronie. Ich brak jest krytyczny dla spełnienia wymagań WCAG. Nazwa, Rola i Wartość: 4.1.2 Dla wszystkich komponentów wymagających reakcji użytkownika (formularze, linki itp.) nazwa i rola może zostać przedstawiona używając kodu HTML. Wartości te mogą opisywać stany, własności oraz wartości jakie mogą zostać wybrane przez użytkownika. 6