Wprowadzenie do dostępności Dominik Paszkiewicz



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

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań:

Naczynia połączone czyli o dostępności e-usług. Kuba Dębski / Integracja

Dostępność w rozumieniu ustawy o języku migowym i innych środkach komunikowania się

Dostępność serwisów i treści internetowych dla osób z dysfunkcją wzroku i słuchu. Długie Życie Fotografii 2016 Fundacja Archeologia Fotografii

Dostępne e-podręczniki

Czas na dostępność. Projekt Kuźnia Dostępnych Stron jest współfinansowany ze środków Ministerstwa Administracji i Cyfryzacji

w ramach projektu pn. Szkoła bez barier. jest współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

10 ZASAD I 10 BADAŃ DOSTĘPNOŚCI DLA KAŻDEGO

W kierunku zwiększania dostępności zasobów udostępnianych przez polskie biblioteki cyfrowe Nowoczesne rozwiązania w systemie dlibra 6

Od strony internetowej do aplikacji mobilnej standardy dostępności WCAG 2.1

Dostępne e-podręczniki

Urząd Marszałkowski Województwa Śląskiego Wydział Rozwoju Regionalnego Katowice, wrzesień 2017 r.

15 ZALECEŃ dla dostępności serwisów internetowych i dokumentów

Usługi Otwartej Administracji w przestrzeni miejskiej. Dariusz Janny, Bartosz Lewandowski Konferencja i3, Wrocław, r.

Przemysław Marcinkowski Fundacja Widzialni. Budowa dostępnej strony www placówek publicznych

Czas na dostępność. Projekt Kuźnia Dostępnych Stron jest współfinansowany ze środków Ministerstwa Administracji i Cyfryzacji

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.

Szkolenia dla pracowników Politechniki Wrocławskiej

Jak projektować dostępne strony

Aplikacje WWW - laboratorium

W ramach realizacji zamówienia Wykonawca będzie świadczył usługi w zakresie m.in:

Proces projektowania i wdrożenia serwisu internetowego

Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap.

INTERFEJS DLA OSÓB Z DYSFUNKCJĄ WZROKU

Rok akademicki: 2018/2019 Semestr: letni Punkty ECTS: 2

Oczami niewidomego. Klawiatura fajna jest Uwaga na fokus! Czytnik ekranu (Screenreade)?

Dostępność w projektach INTERREG

Propozycja współpracy

Krajowe Ramy Interoperacyjności - sprawna (?) komunikacja prawnotechnologiczna. informacyjnym

Dostępność e usług publicznych w Polsce. Wojciech Kulesza

Agenda. Co to jest RWD? Dlaczego warto myśleć o RWD w kontekście aplikacji biznesowych? Przykłady. ericpol.com

Fundusze Europejskie bez barier. Usprawnienia dla osób z niepełnosprawnością

Fundusze Europejskie bez barier. Usprawnienia dla osób z niepełnosprawnością

Strona mobilna i strona responsywna w pozycjonowaniu. Mobile-First Index. Spis treści

Fundusze Europejskie bez barier. Usprawnienia dla osób z niepełnosprawnością

Co już można, a co będzie można zrobić w e-podręczniku technologicznie?

SZCZEGÓŁOWY OPIS PRZEDMIOTU ZAMÓWIENIA

Rok akademicki: 2017/2018 Kod: EIB EM-s Punkty ECTS: 2. Kierunek: Inżynieria Biomedyczna Specjalność: Informatyka i elektronika medyczna

Zasada równego dostępu, zasada równości szans kobiet i mężczyzn w projektach współfinansowanych z UE. Nowy Targ, 30 sierpnia 2016 r.

Dostępność serwisów internetowych - po co, dla kogo i jak?

Kod: HS-342 Nazwa modułu zajęć: Dostępność informacji elektronicznej. Rok akademicki: 2019/2020 Semestr: letni Punkty ECTS: 2

Zakopane, plan miasta: Skala ok. 1: = City map (Polish Edition)

Obowiązki podmiotów publicznych w zakresie przystosowania stron internetowych do użytkowania przez osoby niepełnosprawne

RAMY PORADNIKÓW I MATERIAŁÓW EDUKACYJNYCH. adresaci (dla kogo treści poradnika mogą być użyteczne, np. doradcy

WYJAŚNIENIA TREŚCI ZAPYTANIA OFERTOWEGO

MaPlan Sp. z O.O. Click here if your download doesn"t start automatically

STRONA WWW KARTA PROJEKTU

Fundusze Europejskie bez barier. Usprawnienia dla osób z niepełnosprawnością

MAPA DOSTĘPNOŚCI PROCES TWORZENIA DOSTĘPNEGO SERWISU INTERNETOWEGO ZGODNEGO Z WCAG 2.0 NA POZIOMIE AA*

Fundusze Europejskie bez barier. Usprawnienia dla osób z niepełnosprawnością

POLSKA SZKOŁA W DOBIE CYFRYZACJI.DIAGNOZA 2017

Wojewodztwo Koszalinskie: Obiekty i walory krajoznawcze (Inwentaryzacja krajoznawcza Polski) (Polish Edition)

Netkata. PROCES projektowy Interfejsu Użytkownika. Spis treści. Netkata Interactive

Specyfikacja. Załącznik A

Warszawa, Wytyczne dla projektu Biblioteka GUI

Prawne obowiązki w zakresie udostępniania informacji spoczywające na barkach samorządów lokalnych i jednostkach administracji publicznej

Redagowanie oraz pisanie tekstów, a także ich odpowiednie publikowanie w internecie w sposób przyjazny dla osób z niepełnosprawnościami Szkolenie

NAZWA PRZEDMIOTU/MODUŁU KSZTAŁCENIA: Projektowanie serwisów internetowych

UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile.

Wsparcie i utrzymanie w Intive

1. Do czego administracji publicznej strona WWW 2. Administracja publiczna w Internecie - badanie 3. Czas zmian

PURE CODE POWER We see steps to go digital.

Proces projektowania serwisu www

Czesław Ślusarczyk WCAG 2.0 jako podstawa uniwersalnego projektowania stron internetowych. Ekonomiczne Problemy Usług nr 112,

GUI - projektowanie interfejsów

epodreczniki.pl od strony technologii (1) Damian Niemir, Poznańskie Centrum Superkomputerowo-Sieciowe Poznań, 30 maja 2014 r.

WZORCOWY BIP z Certyfikatem Przejrzystości Publicznej i wpisem do Krajowego Rejestru BIP dla urzędów pracy

Serwisy internetowe administracji publicznej. Jak je przygotować i prowadzić, by były dostępne dla każdego?

Czas na dostępność. Projekt Kuźnia Dostępnych Stron współfinansowany ze środków Ministerstwa Administracji i Cyfryzacji

Poziom dostępności: AAA

Numer i nazwa obszaru: Temat szkolenia:

Wykorzystanie technologii informacyjnych i komunikacyjnych w administracji

Przygotowanie do nowoczesnego programowania po stronie przeglądarki. (HTML5, CSS3, JS, wzorce, architektura, narzędzia)

Netkata. Design of digital products. Netkata Interactive Media Marketing

ROZSZERZENIE DO PRZEGLĄDARKI FIREFOX. Ograniczenia i bariery osób starszych. Bartosz Skurczyński (PJWSTK)

Ministerstwo Finansów

Opis znaczenia kryterium. Lp. Nazwa kryterium Opis kryterium. 1. Wnioskodawca przeprowadził inwentaryzację zasobów nauki objętych projektem.

Użyteczność stron internetowych

Specyfikacja dla strony internetowej Fundacji Śląskie Hospicjum dla Dzieci

W trakcie konferencji zademonstrowano doświadczenia, rozwiązania i konkretne projekty wdrażania Krajowych Ram Interoperacyjności

PLAN KOMUNIKACJI SŁUŻBY CYWILNEJ

Responsive Web Design:

Zamek Elektroniczny ENTR Instrukcja obsługi

Opis znaczenia kryterium. Lp. Nazwa kryterium Opis kryterium

Lp. Nazwa kryterium Opis kryterium Punktacja. Zgodnie z RPO WM , w ramach kryterium wnioskodawca zobowiązany jest wykazać,

Wojewodztwo Koszalinskie: Obiekty i walory krajoznawcze (Inwentaryzacja krajoznawcza Polski) (Polish Edition)

CZYM ZAJMUJE SIĘ PROJEKTANT? oprac. K. Jamrozik

CMS, CRM, sklepy internetowe, aplikacje Web

DOTACJE NA INNOWACJE INWESTUJEMY W WASZĄ PRZYSZŁOŚĆ

FISZKA KONKURSU. Centrum Projektów Polska Cyfrowa POPC IP /16. Program Operacyjny Polska Cyfrowa

Systemy wspomagania osób starszych i niepełnosprawnych

SEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper)

VIII Oś Priorytetowa RPO WP Integracja Społeczna. Kryteria w zakresie dostępności dla osób z niepełnosprawnościami

Wygoda zakupów w sklepach internetowych: dostępność stron dla wszystkich.

ZAPYTANIE OFERTOWE NR 1/21/10/2016

Polska Prowincja Zakonu Kaznodziejskiego (O.O. Dominikanów)

WZROST SPRZEDAŻY. sposoby na które stać każdego z Twoich konkurentów 2014_03_19

Transkrypt:

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