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

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

Prezentacja wprowadzająca do problematyki dostępności dla redaktorów serwisów Ministerstwa Rozwoju Regionalnego (MRR).

F61f28e98a3d69e7401cb819141d1bb4?s=128

Dominik Paszkiewicz

November 09, 2011
Tweet

Transcript

  1. Dostępność stron www dla osób niepełnosprawnych 25 PAŹDZIERNIKA 2011 —

    WARSZTAT DLA REDAKTORÓW Prowadzenie: Dominik Paszkiewicz główny audytor techniczny w projekcie „Dostępne strony” Adam Pietrasiewicz audytor techniczny w projekcie „Dostępne Strony” Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  2. – Czym jest dostępność serwisów internetowych? – Jakie są rodzaje

    niepełnosprawności? – Kto jeszcze jest „niepełnosprawny”? – Programy i urządzenia, z których korzystają niepełnosprawni. – Zalecenia dla redaktorów serwisów internetowych. – Serwisy internetowe w aspekcie technicznym. – Jak zamówić dostępny serwis internetowy? PROGRAM DZISIEJSZEGO SZKOLENIA Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  3. Czym jest dostępność serwisów internetowych?

  4. Pełny dostęp do informacji i usług. Wygodny, efektywny i samodzielny

    dostęp do serwisów internetowych. Bezpieczny dostęp do usług. CZYM JEST DOSTĘPNOŚĆ SERWISÓW INTERNETOWYCH? Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  5. Serwisy administracji publicznej są w Polsce bardzo źle dostępne! CZYM

    JEST DOSTĘPNOŚĆ SERWISÓW INTERNETOWYCH? :-( Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  6. Co może w tej sprawie redaktor serwisu internetowego? CZYM JEST

    DOSTĘPNOŚĆ SERWISÓW INTERNETOWYCH? :-) Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  7. Rodzaje niepełnosprawności

  8. Nie istnieje jednolita grupa społeczna niepełnosprawnych. RODZAJE NIEPEŁNOSPRAWNOŚCI (Ale każdej

    z grup niepełnosprawnych może pomóc redaktor serwisu.) Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  9. Niewidomi i słabowidzący to nie to samo: – niewidomi i

    ociemniali – słabowidzący — kategorie RODZAJE NIEPEŁNOSPRAWNOŚCI Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  10. Narzędzia wspomagające słabowidzacych: – powiększenie obrazu – odwrócenie kolorów –

    inne Narzędzia wspomagające niewidomych: – czytniki ekranu RODZAJE NIEPEŁNOSPRAWNOŚCI Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  11. Niesłyszący: – język polski językiem obcym – transkrypcja pisemna –

    języki migowe – czytanie z ruchu warg RODZAJE NIEPEŁNOSPRAWNOŚCI Dużo zależy od redaktora serwisu. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  12. Niepełnosprawni ruchowo: – tylko klawiatura – tylko urządzenia wskazujące –

    oba powyższe ale z utrudnieniami – sterowanie głosem – sterowanie oddechem – ruchem gałek ocznych RODZAJE NIEPEŁNOSPRAWNOŚCI Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  13. Rozumienie treści i tekstu: – dysleksja (formatowanie) – niepełnosprawność intelektualna

    – zaburzenia poznawcze – stany po chorobach/urazach/udarach RODZAJE NIEPEŁNOSPRAWNOŚCI Dużo zależy od redaktora serwisu. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  14. Padaczka fotogenna RODZAJE NIEPEŁNOSPRAWNOŚCI Uwaga na banery! Wsparcie osób niepełnosprawnych

    w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  15. Kto jeszcze jest „niepełnosprawny”?

  16. Seniorzy! KTO JESZCZE JEST „NIEPEŁNOSPRAWNY”? Wsparcie osób niepełnosprawnych w swobodnym

    dostępie do informacji i usług zamieszczonych w internecie
  17. Google (i wszystkie inne wyszukiwarki) KTO JESZCZE JEST „NIEPEŁNOSPRAWNY”? Wsparcie

    osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  18. Użytkownicy smartfonów, tabletów, mobilnych przeglądarek, czytników e-booków (np. Kindle), interfejsów

    dotykowych, palmtopów, nawigacji z dostępem do internetu... ...tysiące urządzeń mobilnych. KTO JESZCZE JEST „NIEPEŁNOSPRAWNY”? Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  19. Inne czynniki: – chwilowa niepełnosprawność – zmęczenie, hałas – niekorzystne

    warunki – uszkodzony sprzęt komputerowy (klawiatura, myszka, monitor) – wykształcenie (!) CZYM JEST DOSTĘPNOŚĆ SERWISÓW INTERNETOWYCH? Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  20. KTO JESZCZE JEST „NIEPEŁNOSPRAWNY”? Serwisy internetowe powinny być uniwersalnie dostępne.

    Co to znaczy? Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  21. KTO JESZCZE JEST „NIEPEŁNOSPRAWNY”? Serwisy internetowe powinny być dobrze wykonane

    po prostu. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  22. Programy i urządzenia, z których korzystają niepełnosprawni

  23. PROGRAMY I URZĄDZENIA NIEPEŁNOSPRAWNYCH Czytnik ekranu dla niewidomych. Wsparcie osób

    niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie Jak to działa?
  24. PROGRAMY I URZĄDZENIA NIEPEŁNOSPRAWNYCH Monitor/linijka brajlowska Wsparcie osób niepełnosprawnych w

    swobodnym dostępie do informacji i usług zamieszczonych w internecie
  25. PROGRAMY I URZĄDZENIA NIEPEŁNOSPRAWNYCH Dla niedowidzących: – programy powiekszające –

    czytnik ekranu – odwrócenie kolorów – powiększony kontrast Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  26. PROGRAMY I URZĄDZENIA NIEPEŁNOSPRAWNYCH Użytkownicy niepełnosprawni ruchowo Alternatywne urządzenia wskazujące

    Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  27. PROGRAMY I URZĄDZENIA NIEPEŁNOSPRAWNYCH Specjalne klawiatury Użytkownicy niepełnosprawni ruchowo Wsparcie

    osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  28. Zalecenia dla redaktorów serwisów internetowych . . . wiele w

    rękach redaktora!
  29. ZALECENIA DLA REDAKTORÓW Zrozumiałość tekstu — złote zasady: – Używaj

    krótkich, zrozumiałych, powszechnie używanych słów. – Unikaj żargonu. – Pamiętaj, że nie każdy rozumie skróty/skrótowce. – Pisz zgodnie z zasadami gramatyki, ortografii oraz interpunkcji. – Pisz możliwie jak najkrótszymi zdaniami. – Stosuj wypunktowania. – Stosuj nagłówki (śródtytuły). – Dziel na krótkie akapity stanowiące sensowną całość. – Każdy akapit powinien przekazywać jeden wątek. – Pierwsze słowa akapitu powinny pozwalać „chwycić” treść. – I mniej tym lepiej (ale bez przesady). Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  30. ZALECENIA DLA REDAKTORÓW Skrótowce powinny być rozwinięte. Nawet najbardziej oczywiste

    jak: UE, PRL, czy... MRR :-). Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  31. ZALECENIA DLA REDAKTORÓW Unikaj żargonu ... o ile to możliwe.

    Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  32. ZALECENIA DLA REDAKTORÓW Czytelność tekstu: – nagłówki nie ma Jest

    h2 powinno być h1 nie m a Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  33. ZALECENIA DLA REDAKTORÓW Czytelność tekstu: – tabele To powinny być

    nagłówki tabeli Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  34. ZALECENIA DLA REDAKTORÓW Justowanie Wsparcie osób niepełnosprawnych w swobodnym dostępie

    do informacji i usług zamieszczonych w internecie Ten tekst jest bardziej czytelny! To jest ściana tekstu!
  35. ZALECENIA DLA REDAKTORÓW Czytelność tekstu Listy: – uporządkowane – nieuporządkowane

    Brawo! Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  36. ZALECENIA DLA REDAKTORÓW Cytaty - Porównując wdrażanie funduszy do świata

    muzycznego można powiedzieć, że to, co się działo do tej pory było jedynie uwerturą. Teraz mamy do czynienia z prawdziwą operą - powiedział Manfred Beschel z Komisji Europejskiej na II spotkaniu rocznym podsumowującym wdrażanie programów Narodowej Strategii Spójności w 2008 roku. - „Porównując wdrażanie funduszy do świata muzycznego można powiedzieć, że to, co się działo do tej pory było jedynie uwerturą. Teraz mamy do czynienia z prawdziwą operą” - powiedział Manfred Beschel z Komisji Europejskiej na II spotkaniu rocznym podsumowującym wdrażanie programów Narodowej Strategii Spójności w 2008 roku. Wskaż dwie różnice? Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  37. ZALECENIA DLA REDAKTORÓW Niewidomy też powinien wiedzieć co jest na

    obrazku... … jeśli obrazek coś przedstawia: – grafiki przedstawiające treść – grafiki mające jakąś funkcję – skany, mapy, schematy itd. … chyba, że to nie ma znaczenia: – grafiki dekoracyjne Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  38. ZALECENIA DLA REDAKTORÓW Wsparcie osób niepełnosprawnych w swobodnym dostępie do

    informacji i usług zamieszczonych w internecie Niewidomy też powinien wiedzieć co jest na obrazku... … jeśli obrazek coś przedstawia: – grafiki przedstawiające treść
  39. ZALECENIA DLA REDAKTORÓW Wsparcie osób niepełnosprawnych w swobodnym dostępie do

    informacji i usług zamieszczonych w internecie Niewidomy też powinien wiedzieć co jest na obrazku... … jeśli obrazek coś przedstawia: – grafiki mające jakąś funkcję
  40. ZALECENIA DLA REDAKTORÓW Wsparcie osób niepełnosprawnych w swobodnym dostępie do

    informacji i usług zamieszczonych w internecie Niewidomy też powinien wiedzieć co jest na obrazku... … jeśli obrazek coś przedstawia: – skany, mapy, schematy itd.
  41. ZALECENIA DLA REDAKTORÓW Wsparcie osób niepełnosprawnych w swobodnym dostępie do

    informacji i usług zamieszczonych w internecie Niewidomy też powinien wiedzieć co jest na obrazku... … jeśli obrazek coś przedstawia: – skany, mapy, schematy itd. Program szkolenia Za długi opis ALT, ale...
  42. ZALECENIA DLA REDAKTORÓW Wsparcie osób niepełnosprawnych w swobodnym dostępie do

    informacji i usług zamieszczonych w internecie Niewidomy też powinien wiedzieć co jest na obrazku... … chyba, że to nie ma znaczenia: – grafiki dekoracyjne
  43. ZALECENIA DLA REDAKTORÓW Niewidomy powinien wiedzieć co jest na ...

    … banerze reklamowym … animacji flash Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  44. ZALECENIA DLA REDAKTORÓW Niewidomy... i nie tylko! Wsparcie osób niepełnosprawnych

    w swobodnym dostępie do informacji i usług zamieszczonych w internecie Animacje zawierająca linki i baner reklamowy muszą być dostępne bez użycia myszy!
  45. ZALECENIA DLA REDAKTORÓW Odnośniki to najważniejsze elementy na każdej stronie

    internetowej, w każdym jej miejscu. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  46. ZALECENIA DLA REDAKTORÓW Odnośniki muszą być jednoznaczne. Niewidomi mają dostęp

    do listy odnośników obecnych na stronie. – nie używaj linków “kliknij tutaj”, “link do dokumentu”, „link”, “pobierz”... – nie powtarzaj tych samych linków na stronie bez potrzeby Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  47. ZALECENIA DLA REDAKTORÓW Odnośniki graficzne. Każdy odnośnik graficzny musi być

    ZAWSZE opisany za pomocą odpowiedniego “alta”. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  48. ZALECENIA DLA REDAKTORÓW Odnośniki do dokumentów do pobrania powinny być

    wyraźnie opisane. – Należy podać wielkość pliku do pobrania. – Należy podać format pliku, który będzie pobrany. – Należy umożliwić ewentualne pobranie odpowiedniego programu, za pomocą którego będzie można dany plik odczytać. – Jeśli pliki do pobrania zawierają informacje, które można przedstawić w formacie html, należy to zrobić. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  49. ZALECENIA DLA REDAKTORÓW Dostępność wideo i audio jest prosta. Wideo

    – napisy (dla niesłyszących) – tłumacz na język migowy – audiodeskrypcja (niewidomi) Audio – transkrypcja tekstowa w pliku lub na stronie Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie w teorii
  50. ZALECENIA DLA REDAKTORÓW Dokumenty WORD / DOC WSZYSTKIE dokumenty w

    formatach generowanych przez programy biurowe muszą mieć strukturę, gdyż wszystkie MAJĄ strukturę. Należy stosować narzędzia dostarczone przez edytor tekstu i stosować je poprawnie — style, nagłówki, formatowanie. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  51. ZALECENIA DLA REDAKTORÓW Dokumenty WORD / DOC – Należy stosować

    NAGŁÓWKI dla akapitów w logicznej kolejności. – Należy stosować nagłówki dla tabel. – Należy nadawać opisy elementom graficznym umieszczanym w dokumencie. – Należy wypełniać wszystkie informacje o dokumencie, szczególnie jego nazwę („Właściwości” w menu „Plik”) Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  52. ZALECENIA DLA REDAKTORÓW Tworzenie nowego pliku PDF Poprawnie utworzony w

    programie biurowym generujemy narzędziami dostarczanymi przez Worda, Open Office, Libre Office lub Adobe Acrobat, pamiętając o włączeniu prawidłowych ustawień dostępności! Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  53. ZALECENIA DLA REDAKTORÓW Tworzenie PDF ze skanu Należy wyodrębnić elementy,

    które mogą pozostać obrazkami i opisać je (pieczątki, loga etc.) po czym przepuścić przez OCR, bądź też przy publikacji dostarczyć wersję tekstową, przepisując zawartość dokumentu. Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  54. ZALECENIA DLA REDAKTORÓW Niezbędne są procedury tworzenia dokumentów PDF! Wsparcie

    osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  55. Serwisy internetowe w aspekcie technicznym

  56. SERWISY W ASPEKCIE TECHNICZNYM Nawigacja Wsparcie osób niepełnosprawnych w swobodnym

    dostępie do informacji i usług zamieszczonych w internecie hmm...
  57. SERWISY W ASPEKCIE TECHNICZNYM Formularze i CAPTCHA Formularze umieszczane na

    stronach muszą być zrobione zgodnie ze standardami — to problem zarówno redaktórów jak i webmasterów. CAPTCHA (kod cyfrowo liczbowy do wpisania z klawiatury) musi zostać zakazany! Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  58. SERWISY W ASPEKCIE TECHNICZNYM Wielkość czcionki Wsparcie osób niepełnosprawnych w

    swobodnym dostępie do informacji i usług zamieszczonych w internecie a
  59. SERWISY W ASPEKCIE TECHNICZNYM Kontrast — słabowidzący i nie tylko

    Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  60. SERWISY W ASPEKCIE TECHNICZNYM Skrypty, widgety... bajery? Wsparcie osób niepełnosprawnych

    w swobodnym dostępie do informacji i usług zamieszczonych w internecie a Mogą i powinny być dostępne!
  61. Jak zamówić dostępny serwis internetowy?

  62. JAK ZAMÓWIĆ DOSTĘPNY SERWIS? WCAG 2.0 (Web Content Accessibility Guidelines)

    – Referencja dla Ciebie i wykonawcy. – Serwis powinien być całkowicie zgodny z WCAG 2.0 na poziomie „AA” Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie Wykonawca serwisu musi znać techniczne wymogi dostępności, redaktor nie.
  63. JAK ZAMÓWIĆ DOSTĘPNY SERWIS? Zamówienie dostępnego serwisu. Wsparcie osób niepełnosprawnych

    w swobodnym dostępie do informacji i usług zamieszczonych w internecie warunki w SIWZ klauzule w umowie audyt i stały nadzór
  64. JAK ZAMÓWIĆ DOSTĘPNY SERWIS? Zostań audytorem dostępności :-) 1. Sprawdź

    tytuły <title> Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie
  65. JAK ZAMÓWIĆ DOSTĘPNY SERWIS? Zostań audytorem dostępności :-) 2. Dostępność

    z poziomu klawiatury Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie Zbadaj tzw. fokus działanie wszystkich elementów za pomocą klawisza
  66. JAK ZAMÓWIĆ DOSTĘPNY SERWIS? Zostań audytorem dostępności :-) 3. Kontrast

    Wsparcie osób niepełnosprawnych w swobodnym dostępie do informacji i usług zamieszczonych w internecie Tylko dla odważnych! http://www.paciellogroup.com/resources/contrast-analyser.html Pobierz program Colour Contrast Analyser i spróbuj!
  67. Dziękujemy. Czekamy na pytania: Dominik Paszkiewicz dominik_paszkiewicz@integracja.org Adam Pietrasiewicz adam_pietrasiewicz@integracja.org