Wprowadzenie do dostępności Dominik Paszkiewicz 1
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
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ą.
Definicja dostępności DEFINICJA DOSTĘPNOŚCI Dostępność to dbałość o jakość realizacji produktu na każdym etapie projektowania i realizacji.
Definicja dostępności UX a DOSTĘPNOŚĆ
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).
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.
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.
Definicja dostępności Dostępność nie jest działaniem o nacechowaniu moralnym.
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)
Definicja dostępności [...] accessibility isn't something you tack on to a good design it is good design. Steve Krug
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)
Korzyści z dostępności Dostępność nie tylko dla osób niepełnosprawnych. A może głównie dla sprawnych?
Korzyści z dostępności
Korzyści z dostępności $EO
Korzyści z dostępności i inne wyszukiwarki Google działa jak czytnik ekranu dla użytkowników niewidomych.
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!
Korzyści z dostępności Zgodny ze standardami kod = szybsze i lepsze działanie serwisu.
Korzyści z dostępności Zgodność ze standardami automatycznie dostępność
Korzyści z dostępności Sprawniejsze działanie w urządzeniach mobilnych.
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.
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
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.
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.
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.
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!
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.
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.
Co jest dostępne? WCAG 2.0 jest podstawą rozwiązań prawnych w kilkudziesięciu krajach. W Polsce od blisko 2 lat.
Co jest dostępne? WCAG 2.0 = ISO 40500
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.
Co jest dostępne?
Co jest dostępne?
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.
Tytuły
Tytuły
Tytuły
Nagłówki
Nagłówki
Listy
Tabele
Tabele
Linki Na początku był link.
Linki
Linki
Linki graficzne
Linki graficzne
Grafiki
Grafiki
Grafiki
Tabindex i fokus
Tabindex i fokus
Czytelność
Czytelność
Czytelność
Czytelność To jest ściana tekstu! Ten tekst jest bardziej czytelny!
Czytelność
Kontrast
Kontrast
Zrozumiałość (strategia treści) Prosty język i zwięźle. Rozwinięte skróty. Mało trudnych pojęć. Ilustracje.
Formularze
Formularze
CAPTCHA
Rozdział treści i wyglądu
Rozdział treści i wyglądu
Skrypty, bajery a
Flash Flash: 99% bad.
Audio Transkrypcja do tekstu.
Wideo Napisy. Transkrypcja do tekstu. Audiodeskrypcja.
Dokumenty załączone PDF, DOC etc. Struktura znaczenie.
Co dalej? Dla wszystkich: podręcznik Dostępność serwisów internetowych (PDF, EPUB, MOBI). Dla deweloperów: www.webaim.org. Grupa zainteresowań: https://www.facebook.com/groups/dostepnosc/ WCAG 2.0 po polsku: http://fdc.org.pl/wcag2/
Kontakt: Dominik Paszkiewicz dominik@dostepne.info + 48 608 059 999 7 2