pierwsza zasada dostępności/wud silesia 2014
TRANSCRIPT
Pierwszazasada
dostępności
WUD Silesia 2014
Dominik Paszkiewicz
ProjektujęProgramujęBadam dostępnośćSzkolę i uczęPiszę
Rozgrzewka?
Czym jest dostępnośćw 60 sekund.
Czym jest dostępność w 60 sekund.
Interfejs zaprojektowany z myślą o różnych odbiorcach.
Czym jest dostępność w 60 sekund.
Interfejs zaprojektowany z myślą o różnych odbiorcach.
Treści zrozumiałe dla ludzi + czytelnie sformatowane.
Czym jest dostępność w 60 sekund.
Interfejs zaprojektowany z myślą o różnych odbiorcach.
Treści zrozumiałe dla ludzi + czytelnie sformatowane.
Standardy (np. HTML, WCAG) i dobre praktyki.
Jak wygląda stan dostępności?
90% serwisów czy aplikacji
jest niedostępnych.
Powody słabej dostępności
● Brak świadomości, że jest potrzebna.● Niewystarczająca wiedza o tym jak ją tworzyć.● Pośpiech i brak dbałości o jakość.
– Brak kultury jakości (PL).
● Przeświadczenie, że to czasochłonna sprawa.● Mit dodatkowych kosztów.● Mit brzydkiego designu.● …
Moje codzienne doświadczenie
Prowadzę pracochłonne audyty dostępnościi badania z użytkownikami.
Podczas gdy często trzeba 4-8 godzin, żeby usunąć błędy.
A gdyby dostępność wziąć pod uwagę od początku,nie byłoby co poprawiać.1
1. A ja mógłbym się zająć ciekawszymi projektami.
Fakty.
● Dostępność obecna w procesie projektowym od początku kosztuje nic lub maksymalnie kilka %.
● Nie ma sprzeczności między designem a dostępnością.● Developer może się nauczyć dostępności w kilka dni.● W wielu projektach wystarczy 5 godzin konsultacji,
żeby nic nie zostało przeoczone.● Projektant UX powinien projektować dostępne
interfejsy.● …
Ponarzekalim.
Co dalej?
Case.
Przypadek KPRM.2
2. KPRM to Kancelaria Prezesa Rady Ministrów.
Scena.
Realizuję projekty dostępnościowe m.in.dla Fundacji Integracja, a jej klientem jest KPRM.
Aktorzy
Liderka — AgnieszkaNaczelnik Wydziału Projektów Internetowych
Dział graficzny firmy
Dział programistyczny firmy
Integracja (Kuba i ja)
Tekst (żeby nie pisać dramat)
Cześć,
Robimy mapę. Co z dostępnością?
Pozdrawiam,
Agnieszka
Wyzwanie. Widzowie po drugiej stronie łączy.
NiewidomiSłabowidzący
Głucho-niewidomiNiesłyszący
Niepełnosprawni ruchowoNiepełnosprawni intelektualnie
Dzieci i młodzieżRodzice
Nauczyciele
Scenariusz
Jak zapewnić dostępność wybitnie wizualnego produktu.
Zapewnić alternatywę.
Alternatywa 1:
Opowieść w HTML.Osoby niewidome, słabowidzące, głuchoniewidome, wyszukiwarki.
Alternatywa 2:
Tryb wysokiego kontrastu.Osoby słabowidzące, seniorzy,Agnieszka i ja też.
Alternatywa 3:
Opowieść audio (lektor).Osoby słabowidzące, osoby niewidome, seniorzy, rodzice i dzieci, nauczyciele.
Alternatywa 4:
Trakskrypcja do tekstu.Osoby słabowidzące, niewidome,głucho-niewidome, nauczyciele, rodzice, wyszukiwarki.
Bezbłędna dostępność.Nagłówki, etykiety formularzy,
zrozumiałe linki, dobry kontrast,adekwatne opisy alternatywne.
Dostępne formularze.To podstawy HTML.
Dostępność za pomocą klawiatury.Niezbędna dla osób niewidomych i niepełnosprawnych ruchowo.
Dlaczego to było możliwe?
Świadomość potrzeby? Na pewno tak.
Dlaczego to było możliwe?
Wiedza i dobre praktyki? Oczywiście.
Dlaczego to było możliwe?
Świadomość potrzeby? Na pewno tak.
Planowanie? Jasne!
Dlaczego to było możliwe?
Świadomość potrzeby? Na pewno tak.
Wiedza i dobre praktyki? Oczywiście.
Planowanie? Jasne!
Dlaczego to było możliwe?
Świadomość potrzeby? Na pewno tak.
Wiedza i dobre praktyki? Oczywiście.
Ale podstawą jest zaangażowanie.
Zaangażowanie to pierwsza
zasada prawdziwej dostępności.
Zaangażowanie.
Trzeba o nie zadbać.
Powodzenia.
Jak zadbać o zaangażowanie?
1. Uświadom sobie czego nie wiesz o dostępności.
2. Uzupełnij wiedzę.
3. Pamiętaj o niej od początku projektu.
