ݺߣ

ݺߣShare a Scribd company logo
DOSTĘPNOŚĆ
SERWISÓW INTERNETOWYCH


       DOMINIK PASZKIEWICZ
       dominik@akceslab.pl / 608 05 9999
               www.akceslab.pl


    CHI Południe, Kraków, 20.06, godz. 19:00
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.
JAK ROZUMIEĆ
  DOSTĘPNOŚĆ
→ Dostępność to dobra jakość wykonania.
→ Dostępność jest częścią całości.
→ Dostępność nie jest specjalnym dostosowaniem.
→ Dostępność to proces.
→ Dostępność jest skalowalna.
JAKOŚĆ STARANNOŚĆ RZEMIOSŁO STANDARDY SPECYFIKACJE S
EMANTYCZNY KOD JAKOŚĆ STARANNOŚĆ RZEMIOSŁO STANDA
RDY SPECYFIKACJE SEMANTYCZNY KOD JAKOŚĆ STARANNOŚĆ
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.
CY NARAŻE N I N A
D BI O R


 → 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żytkownicy niepełnosprawni.
NIE ISTNIEJE
    MODELOWY ODBIORCA LUB UŻYTKOWNIK INTERFEJSU
                      TREŚCI




Każdy odbiorca operuje w kontekście swoich
unikalnych „sprawności”, używanego sprzętu
i oprogramowania.
                                        Urządzenia
                                         mobilne!
SKĄD WIADOMO CO JEST




→   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.
Dostępność serwisów internetowych
Na zaledwie 600
           stronach trudnej
           dokumentacji jest
            wszystko czego
             potrzebujesz!

WCAG 2.0
JAK WDRAŻAĆ
  DOSTĘPNOŚĆ
→ Krok po kroku.
→ Trzeba uruchomić proces zmian / dostosowania.
→ Stworzyć strategię — harmonogram / etapy.
→ Projektować z myślą o dostępności.
→ Niezbędna jest świadomość wszystkich uczestników.
→ Zamawiać dostępne produkty / komponenty / treści.
...ups...
   MONETYZACJA
  KORZYŚCI
                                               To się
                                              opłaca!



→ 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.
Dostępność serwisów internetowych
Dostępność serwisów internetowych
Kontrast
tekstu do tła
Nagłówki
<h1><h2><h3><h4><h5><h6>
Dostępność serwisów internetowych
Tytuły <title>
Dostępność serwisów internetowych
Fokus (źle)
Fokus (lepiej)
Fokus (dobrze)
Kilka linków
712 linków

25 o treści „Dodaj do koszyka”

25 pustych linków (coś z JS)

25 o treści „1”

25 o treśći „2” itd.

7 linków o treści Olympus mikrofon ME-15

8 linków o treści „Dyktafony cyfrowe”

25 odnośników graficznych z tekstem
alternatywnym „info”
NO... DO PEWNEGO STOPNIA
JAK OSOBA NIEWIDOMA
OBSŁUGUJE SERWIS
INTERNETOWY?
BADANIE

DOSTĘPNOŚCI
możesz zrobić już dziś
10 RZECZY, KTÓRE




PROSTE                                PROCESUALNE
Włącz fokus, wzmocnij fokus           Zaplanuj włączenie uniwersalnej
5 linijek CSS!                        dostępności do swoich działań.

Sprawdź kontrast i popraw go          Poleć wszystkim klientom włączenie
http://www.paciellogroup.com/resour   uniwersalnej dostępności do
ces/contrastAnalyser                  ich działań.

Popraw tytuły na sensowne             Zapytaj niewidomego
Skoczy ci SEO.                        czy Twój serwis działa.

Użyj nagłówków, popraw nagłówki       Przekonwertuj jednego klienta na
W szablonach i treści.                99% dostępności — sprawdź efekty.

Sprawdź solidnie formularze           Zawsze myśl o uniwersalnej
Czy są uniwersalnie dostępne i        dostępności od początku
naprawdę użyteczne?                   projektowania czegokolwiek.
DOMINIK PASZKIEWICZ
   dominik@akceslab.pl / 608 05 9999
           www.akceslab.pl


CHI Południe, Kraków, 20.06, godz. 19:00

More Related Content

Dostępność serwisów internetowych

  • 1. DOSTĘPNOŚĆ SERWISÓW INTERNETOWYCH DOMINIK PASZKIEWICZ dominik@akceslab.pl / 608 05 9999 www.akceslab.pl CHI Południe, Kraków, 20.06, godz. 19:00
  • 2. 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.
  • 3. JAK ROZUMIEĆ DOSTĘPNOŚĆ → Dostępność to dobra jakość wykonania. → Dostępność jest częścią całości. → Dostępność nie jest specjalnym dostosowaniem. → Dostępność to proces. → Dostępność jest skalowalna.
  • 4. JAKOŚĆ STARANNOŚĆ RZEMIOSŁO STANDARDY SPECYFIKACJE S EMANTYCZNY KOD JAKOŚĆ STARANNOŚĆ RZEMIOSŁO STANDA RDY SPECYFIKACJE SEMANTYCZNY KOD JAKOŚĆ STARANNOŚĆ
  • 5. 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.
  • 6. CY NARAŻE N I N A D BI O R → 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żytkownicy niepełnosprawni.
  • 7. NIE ISTNIEJE MODELOWY ODBIORCA LUB UŻYTKOWNIK INTERFEJSU TREŚCI Każdy odbiorca operuje w kontekście swoich unikalnych „sprawności”, używanego sprzętu i oprogramowania. Urządzenia mobilne!
  • 8. SKĄD WIADOMO CO JEST → 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.
  • 10. Na zaledwie 600 stronach trudnej dokumentacji jest wszystko czego potrzebujesz! WCAG 2.0
  • 11. JAK WDRAŻAĆ DOSTĘPNOŚĆ → Krok po kroku. → Trzeba uruchomić proces zmian / dostosowania. → Stworzyć strategię — harmonogram / etapy. → Projektować z myślą o dostępności. → Niezbędna jest świadomość wszystkich uczestników. → Zamawiać dostępne produkty / komponenty / treści.
  • 12. ...ups... MONETYZACJA KORZYŚCI To się opłaca! → 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.
  • 23. Kilka linków 712 linków 25 o treści „Dodaj do koszyka” 25 pustych linków (coś z JS) 25 o treści „1” 25 o treśći „2” itd. 7 linków o treści Olympus mikrofon ME-15 8 linków o treści „Dyktafony cyfrowe” 25 odnośników graficznych z tekstem alternatywnym „info”
  • 24. NO... DO PEWNEGO STOPNIA
  • 25. JAK OSOBA NIEWIDOMA OBSŁUGUJE SERWIS INTERNETOWY?
  • 27. możesz zrobić już dziś 10 RZECZY, KTÓRE PROSTE PROCESUALNE Włącz fokus, wzmocnij fokus Zaplanuj włączenie uniwersalnej 5 linijek CSS! dostępności do swoich działań. Sprawdź kontrast i popraw go Poleć wszystkim klientom włączenie http://www.paciellogroup.com/resour uniwersalnej dostępności do ces/contrastAnalyser ich działań. Popraw tytuły na sensowne Zapytaj niewidomego Skoczy ci SEO. czy Twój serwis działa. Użyj nagłówków, popraw nagłówki Przekonwertuj jednego klienta na W szablonach i treści. 99% dostępności — sprawdź efekty. Sprawdź solidnie formularze Zawsze myśl o uniwersalnej Czy są uniwersalnie dostępne i dostępności od początku naprawdę użyteczne? projektowania czegokolwiek.
  • 28. DOMINIK PASZKIEWICZ dominik@akceslab.pl / 608 05 9999 www.akceslab.pl CHI Południe, Kraków, 20.06, godz. 19:00