Wprowadzenie do dostępności Dominik Paszkiewicz

Transkrypt

1 Wprowadzenie do dostępności Dominik Paszkiewicz 1

2 Agenda spis treści WYKŁAD: definicja dostępności korzyści z dostępności odbiorcy narażeni na wykluczenie cyfrowe WCAG 2.0 i zasady najpopularniejsze problemy dostępności ĆWICZENIA I DYSKUSJA: (Twój) pierwszy audyt dostępności

3 Definicja dostępności DEFINICJA DOSTĘPNOŚCI Pełny dostęp do treści, możliwość zrozumienia treści i skorzystania z wygodnej nawigacji oraz interakcji z serwisem czy aplikacją.

4 Definicja dostępności DEFINICJA DOSTĘPNOŚCI Dostępność to dbałość o jakość realizacji produktu na każdym etapie projektowania i realizacji.

5 Definicja dostępności UX a DOSTĘPNOŚĆ

6 Definicja dostępności UX a DOSTĘPNOŚĆ Odbiorcy docelowi określeni w briefie, to przede wszystkim użytkownicy: o różnych możliwościach zmysłowych; operujący w różnych kontekstach technologicznych; mający różne doświadczenie w obsłudze technologii; w wieku od kilku do kilkudziesięciu lat (seniorzy). mogą słabo znać język polski (warszawskie mniejszości).

7 Definicja dostępności UX a DOSTĘPNOŚĆ Jakie jest doświadczenie użytkownika, jeśli nie może obsłużyć lub zrozumieć interfejsu, architektury informacji, skorzystać z usług? UX wykluczający, to brak UX.

8 Definicja dostępności Dostępność to dobra jakość wykonania. Pełny dostęp do treści, Dostępnośćzrozumienia jest częścią całości. możliwość treści Dostępność nie jest zwykle specjalnym i skorzystania z wygodnej dostosowaniem. nawigacji oraz interakcji Dostępność to proces. z serwisem internetowym. Dostępność jest skalowalna.

9 Definicja dostępności Dostępność nie jest działaniem o nacechowaniu moralnym.

10 Definicja dostępności Dostępność zawsze była częścią technologii Internetu. Siłą Internetu jest jego uniwersalność. Dostęp do jego treści, niezależnie od niepełnosprawności, jest jego podstawową wartością. Tim Berners-Lee, Dyrektor W3C 22 października 1997 roku uruchomienie WAI (Web Accessibility Initiative)

11 Definicja dostępności [...] accessibility isn't something you tack on to a good design it is good design. Steve Krug

12 Definicja dostępności Dlaczego produkty są niedostępne? nieskoordynowany i eksplozywny rozwój Internetu brak wiedzy wykonawców, projektantów brak świadomości wszystkich interesariuszy fabryka, produkcja masowa serwisów niski poziomom edukacji / samouctwo kopiuj & wklej + open source duma i uprzedzenie stereotypy dot. dostępności (rzekome ograniczenia)

13 Korzyści z dostępności Dostępność nie tylko dla osób niepełnosprawnych. A może głównie dla sprawnych?

14 Korzyści z dostępności

15 Korzyści z dostępności $EO

16 Korzyści z dostępności i inne wyszukiwarki Google działa jak czytnik ekranu dla użytkowników niewidomych.

17 Korzyści z dostępności Dostępny serwis = dobrze wykonany serwis. Wszelkie zmiany, aktualizacje wyglądu i kodu są łatwiejsze, szybsze i... tańsze!

18 Korzyści z dostępności Zgodny ze standardami kod = szybsze i lepsze działanie serwisu.

19 Korzyści z dostępności Zgodność ze standardami automatycznie dostępność

20 Korzyści z dostępności Sprawniejsze działanie w urządzeniach mobilnych.

21 Korzyści z dostępności Smartfony, tablety itp. są coraz (naj)popularniejszymi urządzeniami do korzystania z Internetu. Także wśród użytkowników niepełnosprawnych.

22 Korzyści z dostępności Idee dostępności są spójne z podejściem: responsive webdesign, adaptive webdesign, progresive enhancement etc. In essence, reponsive design is about bringing the design to meet the users. Ethan Marcotte

23 Korzyści z dostępności MONETYZACJA...ups... KORZYŚCI Uniwersalny dostęp w świecie tysięcy kontekstów. Treść dostosowuje się do kontekstu (responsive itp.). Dostępność = jakość, ergo szybkość aktualizacji kodu, lekkość kodu, szybkość działania. Większa liczba odbiorców / grup odbiorców. Lepsze wyniki pozycjonowania. Argumenty dla strategii CSR / PR. Tańsze koszty np. infolinii, BOK.

24 Odbiorcy dostępności ODBIORCY NARAŻENI NA WYKLUCZENIE 941 tysięcy osób ma poważne problemy ze wzrokiem. 871 tysięcy ma problemy ze słuchem. 456 tysięcy ma problemy z małą motoryką kończyn górnych.

25 Odbiorcy dostępności ODBIORCY NARAŻENI NA WYKLUCZENIE 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% ludzi cierpi na zaburzenia lękowe. 16% osób choruje na depresję lub ma stany depresyjne. 15% użytkowników to Seniorzy. sprawnych Łącznie w PL: użytkowników, którzy potrzebują dostępności jest znacznie więcej niż użytkowników niepełnosprawnych.

26 Odbiorcy dostępności NIE ISTNIEJE MODELOWY ODBIORCA TREŚCI Każdy odbiorca operuje w kontekście swoich unikalnych sprawności, używanego sprzętu i oprogramowania. Urządzenia mobilne!

27 Co jest dostępne? SKĄD WIADOMO CO JEST DOSTĘPNE WCAG 2.0 (Web Content Accessibility Guidelines). Dobór i znajomość technologii. Jakość wykonania produktu. Aktualny kontekst urządzeń, przeglądarek, specjalnych ustawień lub oprogramowania wspomagającego.

28 Co jest dostępne? WCAG 2.0 Web Content Accessibility Guidelines Wytyczne dostępności treści internetowych (WCAG) 2.0 to szeroki wachlarz rekomendacji dotyczących tworzenia treści internetowych bardziej dostępnymi.

29 Co jest dostępne? WCAG 2.0 jest podstawą rozwiązań prawnych w kilkudziesięciu krajach. W Polsce od blisko 2 lat.

30 Co jest dostępne? WCAG 2.0 = ISO 40500

31 Co jest dostępne? WCAG 2.0 Zgodnie z rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. (Dz.U. 16 maja 2012 Poz. 526): 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.

32 Co jest dostępne?

33 Co jest dostępne?

34 Co jest dostępne? Perceivable Provide text alternatives for non-text content. Provide captions and other alternatives for multimedia. Create content that can be presented in different ways, including by assistive technologies, without losing meaning. Make it easier for users to see and hear content. Operable Make all functionality available from a keyboard. Give users enough time to read and use content. Do not use content that causes seizures. Help users navigate and find content. Understandable Make text readable and understandable. Make content appear and operate in predictable ways. Help users avoid and correct mistakes. Robust Maximize compatibility with current and future user tools.

35 Tytuły

36 Tytuły

37 Tytuły

38 Nagłówki

39 Nagłówki

40 Listy

41 Tabele

42 Tabele

43 Linki Na początku był link.

44 Linki

45 Linki

46 Linki graficzne

47 Linki graficzne

48 Grafiki

49 Grafiki

50 Grafiki

51 Tabindex i fokus

52 Tabindex i fokus

53 Czytelność

54 Czytelność

55 Czytelność

56 Czytelność To jest ściana tekstu! Ten tekst jest bardziej czytelny!

57 Czytelność

58 Kontrast

59 Kontrast

60 Zrozumiałość (strategia treści) Prosty język i zwięźle. Rozwinięte skróty. Mało trudnych pojęć. Ilustracje.

61 Formularze

62 Formularze

63 CAPTCHA

64 Rozdział treści i wyglądu

65 Rozdział treści i wyglądu

66 Skrypty, bajery a

67 Flash Flash: 99% bad.

68 Audio Transkrypcja do tekstu.

69 Wideo Napisy. Transkrypcja do tekstu. Audiodeskrypcja.

70 Dokumenty załączone PDF, DOC etc. Struktura znaczenie.

71 Co dalej? Dla wszystkich: podręcznik Dostępność serwisów internetowych (PDF, EPUB, MOBI). Dla deweloperów: Grupa zainteresowań: WCAG 2.0 po polsku:

72 Kontakt: Dominik Paszkiewicz