Dostępność stron www dla osób niepełnosprawnych

Transkrypt

1 RCL 19 marca 2013 Dostępność stron www dla osób niepełnosprawnych Prowadzenie: Adam Pietrasiewicz i Mateusz Ciborowski Akces Lab Czas trwania prezentacji ok. 1,5 godziny

2 PROGRAM PREZENTACJI Czym jest dostępność serwisów internetowych? Jakie są rodzaje niepełnosprawności? Kto jeszcze jest niepełnosprawny? Programy i urządzenia, z których korzystają niepełnosprawni. Zalecenia dotyczące dostępności stron www. Zalecenia ogólne dla menedżerów i redaktorów serwisów internetowych.

3 Czym jest dostępność serwisów internetowych? (web accessibility) Pełny dostęp do informacji i usług. Samodzielny, wygodny i efektywny dostęp do serwisów internetowych. Bezpieczny dostęp do usług. Banał? Niekoniecznie!

4 Rodzaje niepełnosprawności Nie ma jednorodnej grupy OSÓB NIEPEŁNOSPRAWNYCH... Nie ma prostej RECEPTY NA DOSTĘPNOŚĆ

5 Rodzaje niepełnosprawności Niewidomi Najbardziej oczywista grupa niepełnosprawnych potrzebująca ułatwień dostępności. Nie zawsze jednak ułatwienia są tak oczywiste jak mogłoby się wydawać.

6 Rodzaje niepełnosprawności Słabowidzący Oczywista grupa niepełnosprawnych potrzebująca ułatwień dostępności. Ich potrzeby nie są jednak zazwyczaj dobrze rozumiane

7 Rodzaje niepełnosprawności Niesłyszący Zupełnie niespodziewana grupa osób potrzebujących ułatwień dostępności. Ich potrzeby są zazwyczaj całkowicie lekceważone

8 Rodzaje niepełnosprawności Niepełnosprawni ruchowo Mało kto w ogóle się zastanawia nad ich problemami w kwestii dostępności W czym wózek inwalidzki przeszkadza na stronie www?

9 Rodzaje niepełnosprawności Osoby z dysleksją Tekst na stronie internetowej musi być odpowiednio prezentowany Dyslektyk nie tylko robi błędy pisząc!

10 Rodzaje niepełnosprawności Osoby słabo wykształcone Tekst na stronie internetowej musi być odpowiednio przygotowany Nie każdy zrozumie trudny zwrot techniczny!

11 Rodzaje niepełnosprawności 8,5% Polaków cierpi na zaburzenia widzenia kolorów. 4-8% dzieci i młodzieży cierpi na ADHD (60% dorosłych z tej grupy ma objawy ADHD). 10% Polaków ma dysleksję. 13% Polaków cierpi na zaburzenia lękowe. 16% Polaków choruje na depresję lub ma stany depresyjne. 15% Polaków to Seniorzy.

12 Rodzaje niepełnosprawności Niesłyszący: język polski językiem obcym transkrypcja pisemna języki migowe czytanie z ruchu warg

13 Rodzaje niepełnosprawności Niepełnosprawni ruchowo: tylko klawiatura tylko urządzenia wskazujące oba powyższe ale z utrudnieniami sterowanie głosem sterowanie oddechem ruchem gałek ocznych

14 Rodzaje niepełnosprawności Osoby mające problemy z rozumieniem treści i czytaniem tekstu: dysleksja (formatowanie) niepełnosprawność intelektualna zaburzenia poznawcze stany po chorobach, urazach, udarach

15 Rodzaje niepełnosprawności Padaczka fotogenna Uwaga na banery!

16 Rodzaje niepełnosprawności Kto jeszcze jest niepełnosprawny?

17 Rodzaje niepełnosprawności Kto jeszcze jest niepełnosprawny?

18 Rodzaje niepełnosprawności Kto jeszcze jest niepełnosprawny?

19 Rodzaje niepełnosprawności Kto jeszcze jest niepełnosprawny? chwilowa niepełnosprawność; zmęczenie; niekorzystne warunki; uszkodzony sprzęt komputerowy (klawiatura, myszka, monitor); wykształcenie (!);

20 Rodzaje niepełnosprawności Kto jeszcze jest niepełnosprawny? S e r w i s y i n t e r n e t o w e p o w i n n y b y ć u n i w e r s a l n i e d o s t ę p n e. Serwisy internetowe powinny być po prostu dobrze wykonane!

21 Rodzaje niepełnosprawności Jak sobie radzą osoby niepełnosprawne? programy powiększające czytnik ekranu odwrócenie/zmiana kolorów powiększony kontrast

22 Rodzaje niepełnosprawności Jak sobie radzą osoby niepełnosprawne? Linijka brajlowska

23 Rodzaje niepełnosprawności Jak sobie radzą osoby niepełnosprawne? Alternatywne urządzenia wskazujące

24 Rodzaje niepełnosprawności Jak sobie radzą osoby niepełnosprawne? Specjalne klawiatury

25 Rodzaje niepełnosprawności Jak sobie radzą osoby niepełnosprawne? Screenreader Jak niewidomy widzi Internet na przykładzie całkowicie przypadkowo wybranych serwisów www: oraz

26 Zalecenia dotyczące dostępności stron www WCAG 2.0 Web Content Accessibility Guidelines Wytyczne dostępności treści internetowych (WCAG) 2.0 Szeroki wachlarz rekomendacji wyczerpujących większość kwestii związanych z tworzeniem dostępnych treści w Internecie

27 Zalecenia dotyczące dostępności stron www WCAG 2.0 Web Content Accessibility Guidelines Podstawa rozwiązań prawnych dotyczących publikowania treści Międzynarodowa norma ISO Niedługo zapewne dyrektywa unijna

28 Zalecenia dotyczące dostępności stron www WCAG 2.0 Web Content Accessibility Guidelines Zalecenia kierowane przede wszystkim do programistów i projektantów serwisów i aplikacji internetowych, ale dotyczą również redaktorów

29 Zalecenia dotyczące dostępności stron www WCAG 2.0 Web Content Accessibility Guidelines Na zaledwie 600 stronach trudnej dokumentacji można znaleźć wszystko, czego potrzeba w kwestii web accessibility

30 Zalecenia dotyczące dostępności stron www WCAG 2.0 Web Content Accessibility Guidelines 19. W systemie teleinformatycznym podmiotu realizującego zadania publiczne służące prezentacji zasobów informacji należy zapewnić spełnienie przez ten system wymagań Web Content Accessibility Guidelines (WCAG 2.0), z uwzględnieniem poziomu AA, określonych w załączniku nr 4 do rozporządzenia.

31 Zalecenia dotyczące dostępności stron www Poniższe zasady mogą się wydawać wręcz oczywiste, ale zawsze warto o nich pamiętać! Używaj krótkich, zrozumiałych, powszechnie używanych słów. Pierwsze słowa akapitu powinny pozwalać chwycić treść. Pisz możliwie jak najkrótszymi zdaniami. Pisz zgodnie z zasadami gramatyki, ortografii oraz interpunkcji. Dziel na krótkie akapity stanowiące sensowną całość. Unikaj żargonu, jeśli to możliwe. Każdy akapit powinien przekazywać jeden wątek. I mniej tym lepiej (ale bez przesady). Pamiętaj, że nie każdy rozumie skróty. Nie wyrównuj tekstu do prawej!

32 Przykłady problemów z dostępnością

33 Przykłady problemów z dostępnością

34 Przykłady problemów z dostępnością

35 Przykłady problemów z dostępnością

36 Zalecenia dotyczące dostępności stron www Dokumenty WORD / DOC WSZYSTKIE dokumenty w formatach generowanych przez programy biurowe muszą mieć oznakowaną strukturę, gdyż wszystkie MAJĄ strukturę. Należy stosować narzędzia dostarczone przez edytor tekstu i stosować je poprawnie style, nagłówki, formatowanie...

37 Zalecenia dotyczące dostępności stron www Dokumenty WORD / DOC Należy stosować NAGŁÓWKI dla akapitów w logicznej kolejności. Należy stosować nagłówki dla tabel. Należy nadawać opisy elementom graficznym umieszczanym w dokumencie. Należy wypełniać wszystkie informacje o dokumencie, szczególnie jego nazwę ( Właściwości w menu Plik )

38 Zalecenia dotyczące dostępności stron www Tworzenie nowego pliku PDF Poprawnie utworzony w programie biurowym dokument generujemy narzędziami dostarczanymi przez Worda, Open Office, Libre Office lub Adobe Acrobat, pamiętając o włączeniu prawidłowych ustawień dostępności!

39 Zalecenia dotyczące dostępności stron www Odnośniki do dokumentów do pobrania powinny być wyraźnie opisane. Należy podać wielkość pliku do pobrania. Należy podać format pliku, który będzie pobrany. Należy umożliwić ewentualne pobranie odpowiedniego programu, za pomocą którego będzie można dany plik odczytać. Jeśli pliki do pobrania zawierają informacje, które można przedstawić w formacie html, należy to zrobić.

40 Zalecenia dotyczące dostępności stron www Kolory! NIE!!!

41 Zalecenia dotyczące dostępności stron www Niewidomy też powinien wiedzieć co jest na obrazku... jeśli obrazek coś przedstawia: grafiki przedstawiające treść grafiki mające jakąś funkcję skany, mapy, schematy itd. chyba, że to nie ma znaczenia: grafiki dekoracyjne

42 Zalecenia dotyczące dostępności stron www Niewidomy też powinien wiedzieć co jest na obrazku... jeśli obrazek coś przedstawia: grafiki przedstawiające treść

43 Zalecenia dotyczące dostępności stron www Niewidomy też powinien wiedzieć co jest na obrazku... jeśli obrazek coś przedstawia: grafiki mające jakąś funkcję

44 Zalecenia dotyczące dostępności stron www Niewidomy też powinien wiedzieć co jest na obrazku... chyba, że to nie ma znaczenia: grafiki dekoracyjne

45 Zalecenia dotyczące dostępności stron www Niewidomy też powinien wiedzieć co jest na obrazku... chyba, że to nie ma znaczenia: grafiki dekoracyjne spory i wątpliwości są oczywiście NIEUNIKNIONE!

46 Zalecenia dotyczące dostępności stron www technikalia Odnośniki graficzne. Każdy odnośnik graficzny musi być ZAWSZE odpowiednio opisany, bo jak nie, to:

47 Zalecenia dotyczące dostępności stron www ale nie tylko niewidomy! Animacje i banery reklamowe muszą być dostępne bez użycia myszy!

48 Zalecenia dotyczące dostępności stron www Dostępność wideo i audio jest prosta. Wideo napisy (dla niesłyszących); tłumacz na język migowy; audiodeskrypcja (niewidomi); Audio transkrypcja tekstowa w pliku lub na stronie;

49 Zalecenia dotyczące dostępności stron www technikalia Nawigacja Logiczna Spójna Przewidywalna Brak pułapek

50 Zalecenia dotyczące dostępności stron www technikalia Formularze i Captcha Formularze umieszczane na stronach muszą być zrobione zgodnie ze standardami to problem zarówno redaktorów jak i webmasterów. Captcha powinna zostać ZAKAZANA (choć WCAG ją dopuszcza!)

51 Zalecenia dotyczące dostępności stron www technikalia Czego NIE NALEŻY robić? Tego:

52 Internet ma różnorodnych użytkowników, którzy chcieliby mieć standardowe serwisy, a wciąż trafiają na serwisy wyjątkowe tworzone dla standardowych użytkowników.

53 Dziękujemy! Czekamy na pytania Adam Pietrasiewicz i Mateusz Ciborowski adam.pietrasiewicz@akceslab.pl mateusz.ciborowski@akceslab.pl