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).

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