Spis treści - Drupal Ninja.pl

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
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
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:
(Poziom A)
• 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: (Poziom A)
• Nagrane wcześniej Audio: Alternatywą dla nagranego wcześniej elementu Video może
być nagrane wcześniej nagranie audio o tej samej treści.
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
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. (Poziom A)
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. (Poziom A)
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. (Poziom A)
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ę.
(Poziom A)
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. (Poziom A)
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). (Poziom A)
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). (Poziom A)
Uwaga: Wszystkie elementy audio na stronie powinny spełniać to kryterium.
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
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. (Poziom A)
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.
(Poziom A)
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: (Poziom A)
•
•
•
•
•
•
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: (Poziom A)
• 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.
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
4
Powinno się też udostępnić użytkownikowi kontrolowanie częstotliwości zmiany. Wyjątek
stanowią sytuacje gdy automatyczna zmiana jest celem tej treści.
Drgawki:
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. (Poziom A)
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. (Poziom A)
Tytuł strony:
2.4.2 Strona internetowa powinna posiadać tytuł, który będzie opisywał tematy i treść strony.
(Poziom A)
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. (Poziom A)
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. (Poziom A)
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). (Poziom A)
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
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. (Poziom A)
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. (Poziom A)
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. (Poziom A)
Instrukcje i opisy:
3.3.2 Opisy I instrukcje zostać przedstawione użytkownikowi, jeżeli treść wymaga interakcji
użytkownika. (Poziom A)
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. (Poziom A)
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. (Poziom A)
http://www.drupalninja.pl
Tworzenie stron dla osób niewidomych w Drupalu
6