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

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

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

Dostępne e-podręczniki

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

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

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

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

Dostępne e-podręczniki

Zasady równości szans i niedyskryminacji, w tym dostępności dla osób z niepełnosprawnościami w ramach funduszy unijnych na lata

Aplikacje WWW - laboratorium

Szkolenia dla pracowników Politechniki Wrocławskiej

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

Jak projektować dostępne strony

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

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

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

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

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

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

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

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

Zasada równości szans i niedyskryminacji, w tym dostępności dla osób z niepełnosprawnościami

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.

ZAPEWNIENIE DOSTĘPNOŚCI W PROJEKTACH INTERREG VA POLSKA - SŁOWACJA (czy wystarczy stosować przepisy?) Żywiec, 20 czerwca 2017

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

Strona internetowa Muzeum Śląskiego dla niedowidzących. Kilka uwag praktycznych

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

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

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

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

omnia.pl, ul. Kraszewskiego 62A, Jarosław, tel

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

RAPORT Z TESTÓW UŻYTKOWNIKA PLATFORMY WDIALOGU. Bartosz Stępień

Warszawa, dnia 9 kwietnia 2014 r. Poz. 464 ROZPORZĄDZENIE MINISTRA ADMINISTRACJI I CYFRYZACJI 1) z dnia 26 marca 2014 r.

KONFIGURACJA PRZEGLĄDAREK. Poniższa konfiguracja dedykowana jest dla Bankowości Internetowej SGB

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

Klient z niepełnosprawnością wzrokową. Wskazówki dla pracowników branży turystycznej

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

O uniwersalnym projektowaniu kursów e-learningowych

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

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

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

SPECYFIKACJA PHARMA KODU

Zasady konstruowania tekstu łatwego w czytaniu

Testowanie oprogramowania

Serwis jest dostępny w internecie pod adresem Rysunek 1: Strona startowa solidnego serwisu

Zastosowanie darmowych rozwiązań do testów użyteczności aplikacji internetowych

Pozycjonowanie elementów

Instrukcja interpretacji Raportu podobieństwa systemu Antyplagiat

Łódź, dn ROZEZNANIE RYNKU DOTYCZĄCE OFERTY WSPÓŁPRACY NR 3/ UDA-POKL /11-00 PROGRAMIŚCI

STRONA WWW A LANDING PAGE

Dokumentacja techniczno-użytkowa Serwis internetowy

INTERFEJS DLA OSÓB Z DYSFUNKCJĄ WZROKU

Instrukcja interpretacji Raportu podobieństwa serwisu Plagiat.pl

ZAPYTANIE OFERTOWE nr I.ZOWI /15 z dnia

PL Zjednoczona w różnorodności PL A8-0188/336. Poprawka 336 Thomas Händel w imieniu Komisji Zatrudnienia i Spraw Socjalnych

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

ZAPEWNIENIE DOSTĘPNOŚCI W PROJEKTACH INTERREG VA POLSKA - SŁOWACJA (czy wystarczy stosować przepisy?)

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3

Profesjonalny efekt szybko i łatwo z darmowym oprogramowaniem Avery Design & Print

Pełnomocnik Rektora PŁ ds. Bezpieczeństwa Systemów Teleinformatycznych. Szkolenie redaktorów i administratorów serwisów WWW Politechniki Łódzkiej

Klient poczty elektronicznej

Dlaczego Strefa Wiedzy?

EKSPERTYZA DOTYCZĄCA DOBRYCH PRAKTYK W ZAKRESIE WSPIERANIA OSÓB Z RÓŻNYMI RODZAJAMI NIEPEŁNOSPRAWNOŚCI ODBIORCÓW DZIAŁAŃ INSTYTUCJI KULTURY.

Wykorzystanie technologii informacyjnych i komunikacyjnych w administracji

LPO D/15/505 WYSTĄPIENIE POKONTROLNE

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

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę

Informacje techniczne. HP Sure View. Prywatność ekranu urządzenia za dotknięciem jednego przycisku. Może 2018 r. Informacje techniczne HP Sure View 01

Robert Szmurło. Projektowanie Graficznych Interfejsów Użytkownika

INSTRUKCJA OBSŁUGI MODUŁU RODZICA

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

Kategoria obiektu: Nazwa obiektu: Adres obiektu: Telefon: Strona www: Adres

Podstawowe zasady użyteczności i ich wpływ na biznes

Samouczek edycji dokumentów tekstowych

#1 Wartościowa treść. #2 Słowa kluczowe. #3 Adresy URL

Opis przedmiotu zamówienia

Opis przedmiotu zamówienia

2. pokazanie jak funkcjonują w przestrzeni społecznej osoby z niepełnosprawnością szczególnie osób z dysfunkcją wzroku i słuchu.

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Dostępność w projektach INTERREG

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Formatowanie warunkowe

Metody i narzędzia ewaluacji

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

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

Problematyka użyteczności serwisów internetowych

RFP. Wymagania dla projektu. sklepu internetowego B2C dla firmy Oplot

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

Podstawowe wymagania dla stacji kolejowych i peronów dla zapewnienia dostępności kolei dla osób o ograniczonych możliwościach ruchowych

Ostateczna wersja produktu do wdrożenia. Projektodawca. Polskie Stowarzyszenie na rzecz Osób z Niepełnosprawnością Intelektualną

Kryteria oceniania i klasyfikowania z języka francuskiego p. A. Hiszpańska

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl

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

Wprowadzenie do dostępności Dominik Paszkiewicz

Spis treści. Analiza Ryzyka Instrukcja Użytkowania

W każdej sali najważniejszym narzędziem są prawdopodobnie Zasoby. Przyjrzyjmy się teraz temu narzędziu, któremu zmieniono poniżej nazwę na Wspólne

Warszawa, Wytyczne dla projektu Biblioteka GUI

Transkrypt:

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

Dostępność to nie tylko WCAG projektowanie uniwersalne, czyli sposób na lepszy świat.

Projektowanie uniwersalne to projektowanie produktów oraz otoczenia tak, aby były one dostępne dla wszystkich ludzi, w największym możliwym stopniu, bez potrzeby adaptacji bądź wyspecjalizowanego projektowania. Ron Mace - amerykański architekt poruszający się na wózku inwalidzkim, twórca pojęcia projektowania uniwersalnego

Podstawą idei projektowania uniwersalnego jest przekonanie, że przestrzeń i przedmioty, które będą dostępne dla najbardziej wymagających użytkowników, będą dostępne dla wszystkich.

7 ZASAD PROJEKTOWANIA UNIWERSALNEGO

ZASADA 1 Identyczne zastosowanie (equitable use) dla każdego, bez dodatkowych warunków. Wynika z przekonania, że każdy powinien mieć równy dostęp do przestrzeni fizycznej i wirtualnej bez potrzeby spełniania jakichkolwiek dodatkowych warunków.

ZASADA 2 Elastyczność użycia użycie przez możliwie najszerszą grupę odbiorców np. bankomat o odpowiedniej wysokości, z miejscem na wózek, brajlem, podparciem nadgarstka komunikatami głosowymi i możliwością wyboru języka

ZASADA 3 Prosta i intuicyjna obsługa unikanie skomplikowania, możliwość zrozumienia przez użytkownika bez względu na jego wykształcenie, znajomość języka czy np. zdolność utrzymania koncentracji

ZASADA 4 Zauważalna informacja niezależnie od okoliczności przestrzennych i możliwości odbiorcy (np. informacja głosowa na peronach jest bardzo nieuniwersalna ale np. napisy do wszystkich audycji telewizyjnych wyświetlanych w hałaśliwej poczekalni kolejowej to przykład uniwersalnego podejścia)

ZASADA 5 Tolerancja dla błędów Jej zadaniem jest zminimalizować ryzyko błędnego użycia przedmiotów oraz ograniczyć niekorzystne konsekwencje przypadkowego i niezamierzonego użycia danego przedmiotu.

ZASADA 6 Niski poziom wysiłku fizycznego np. klamki/dźwignie, które bez wysiłku można nacisnąć pięścią lub łokciem

ZASADA 7 Wymiary i przestrzeń dla podejścia i użycia odpowiednie wymiary i przestrzeń dla każdego, bez dodatkowych warunków (metro w Warszawie jest dobrym przykładem są tam windy, schody ruchome, bramki wąskie i szerokie, toalety w których zmieści się nawet osoba na wózku elektrycznym).

ZASADA 7 Wymiary i przestrzeń dla podejścia i użycia odpowiednie wymiary i przestrzeń dla każdego, bez dodatkowych warunków (metro w Warszawie jest dobrym przykładem są tam windy, schody ruchome, bramki wąskie i szerokie, toalety w których zmieści się nawet osoba na wózku elektrycznym). Dotyczy również miast, osiedli itp. Bliskość szkół, szpitali, sklepów, parków. Dostępności tych miejsc jak największej ilości osób.

Strony internetowe bez barier!

Dostępność serwisów internetowych i informacji jest ważna dla wszystkich użytkowników, nie tylko dla osób z różnymi niepełnosprawnościami

Jak rozumieć dostępność serwisu internetowego?

O dostępności serwisu internetowego możemy mówić wtedy, gdy osoby niepełnosprawne mają: - pełny dostęp do jego treści, - mogą te treści zrozumieć, - skorzystać z wygodnej nawigacji, interakcji z serwisem.

Dostępność jest dla każdego Osoby niepełnosprawne nie są jedynymi, które potrzebują tego, by informacje zamieszczane w Internecie były dostępne. Dostępność dotyczy wszystkich użytkowników bez wyjątku. Osoba, która ma przemęczony wzrok nie różni się aż tak bardzo od osoby trwale niedowidzącej. Dla obu tych użytkowników serwisu kontrast tekstu w stosunku do tła jest bardzo ważny.

Dostępność to jasne zasady WCAG 2.0 Tworzenie serwisów, które są dostępne dla osób niepełnosprawnych jest precyzyjnie i wyczerpująco opisane w specyfikacji WCAG 2.0 (Web Content Accessibility Guidelines w wersji 2.0). WCAG 2.0 został opracowany przez organizację W3C1 (World Wide Web Consortium). Tę właśnie specyfikację uznaje się za najważniejszy dokument, zawierający szereg wytycznych i wskazówek dotyczących dostępności, a skierowanych głównie do twórców serwisów internetowych, tj. programistów, webmasterów i grafików.

Przydatne narzędzia do badania stron

WAVE Web Accessibility Evaluation Toolbar - https://wave.webaim.org/toolbar/ Errors, Features and Alerts najważniejsza funkcja dodatku WAVE. Po jej uruchomieniu na stronie wyświetla się informacja o znalezionych błędach, cechach i ostrzeżeniach. Taka informacja jest podstawą do wprowadzania zmian w kodzie strony. Błędy (oznaczone kolorem czerwonym) należy bezwzględnie usunąć. Ostrzeżenia (kolor żółty) i cechy (kolor zielony i niebieski) należy przeanalizować i wprowadzić zmiany jeśli jest to konieczne. Struktura/kolejność funkcja wyświetlająca strukturę i kolejność czytania strony przez oprogramowanie wspomagające. Funkcja ułatwia szybkie sprawdzenie czy układ strony jest konsekwentny i logiczny. Tylko tekst funkcja wyświetla wyłącznie elementy tekstowe strony (wraz z zawartością znaczników ALT). Pozwala zobaczyć to co będzie czytał program asystujący (screen reader). Szkic funkcja wyświetla wyłącznie nagłówki strony. Pozwala z łatwy sposób zobaczyć czy struktura i kolejność nagłówków jest logiczna i poprawna.

WCAG Contrast checker - https://addons.mozilla.org/pl/firefox/addon/wcag-contrast-checker/

WCAG Contrast checker - Wskazanie elementów dla których kontrast nie spełnia wymagań WCAG Wskazanie elementów dla których kontrast spełnia wymagania WCAG Możliwość wybory poziomu zgodności wyników testu z WCAG 2.0 Narzędzie pozwalające sprawdzić kontrast dowolnego punktu strony

WCAG Contrast checker - oznaczenie typu elementu i wielkości tekstu oznaczenie zbyt niskiego poziomu kontrastu ze wskazaniem wartości

WCAG Contrast checker - Kliknięcie na jeden z wyników powoduje zaznaczenie czerwoną ramką danego elementu na stronie. Funkcja ta ułatwia zrozumienie wyników testu.

Inne przydatne narzędzia i źródła A3web.org strona umożliwiająca przeprowadzenie testu zgodności strony z WCAG 2.0 na wszystkich poziomach. www.dostepnestrony.pl WCAG w skrócie czyli 25 najważniejszych zasad www.utilitia.pl walidator zgodności z WCAG 2.0

Przydatne narzędzie do badania języka stron

Indeks mglistości języka FOG www.logios.pl Narzędzie do analizy trudności tekstu jasnopis.pl