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

Podobne dokumenty
Dostępne multimedia Accessibility Camp Monika Szczygielska, Dostępni.eu

Dostępne multimedia w polityce Monika Szczygielska

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

SZCZEGÓŁOWY OPIS PRZEDMIOTU ZAMÓWIENIA

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

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

Dostępne e-podręczniki

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

Formularz zgłaszania uwag do projektu ustawy o dostępności

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

Slajdy. 1. STRONA uruchom program PowerPoint usuń ramki z napisami Narzędzia główne Układ Pusty

Tworzenie infografik za pomocą narzędzia Canva

Poziom dostępności: AAA

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

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

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

WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO

Jak projektować dostępne strony

Wojewódzki Urząd Pracy w Toruniu

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

1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books)

Dostępne e-podręczniki

Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna

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

BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT

Publikowanie treści na stronach internetowych Rawski Uniwersytet Trzeciego Wieku

Tworzenie prezentacji w MS PowerPoint

Sposoby wyszukiwania multimedialnych zasobów w Internecie

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

Jak przygotować pokaz album w Logomocji

Wymagania edukacyjne z zajęć komputerowych w klasie 5

Dalej będziemy tworzyli prezentacje filmową złożoną ze zdjęd, filmów i muzyki.

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.

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

Jak przesłać mapę do urządzenia lub na kartę pamięci?

Tworzenie prezentacji multimedialnej Microsoft PowerPoint

Bydgoskie Centrum Archiwizacji Cyfrowej sp. z o.o.

Skuteczna prezentacja PowerPoint. Opracowanie: Anna Walkowiak

1. Przypisy, indeks i spisy.

Wirtualna tablica. Padlet: Padlet nazywany jest wirtualną tablicą, ścianą lub kartką strony internetowej.

Wymagania na poszczególne oceny w klasach I gimnazjum

Polska Fundacja Osób Słabosłyszących. Działamy na rzecz pełnej dostępności przestrzeni publicznej dla osób słabosłyszących w Polsce

Wstawianie filmu i odtwarzanie go automatycznie

Samouczek do korzystania z dokumentów Google

Tematy lekcji informatyki klasa 4a luty/marzec 2013

WYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV

dr inż. Jarosław Forenc

Kolory elementów. Kolory elementów

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

Kryteria ocen zajęcia komputerowe klasa 4

W tym poradniku... Tworzenie wydarzenia. Prowadzenie prezentacji. Pierwsze kroki. Otwórz pokój webinarowy.

za pomocą: definiujemy:

Wdrażanie audiodeskrypcji do oferty programowej przez nadawców telewizyjnych

Prezentacja jest dostępna na licencji. Uznanie autorstwa - użycie niekomercyjne 3.0 Polska

Instrukcja 3wcms najważniejsze funkcje

DODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ

WORDPRESS INSTRUKCJA OBSŁUGI

Napisy dla osób głuchych oraz słabosłyszących i tłumaczenia w języku migowym w telewizji standardy, dobre praktyki, stan obecny

Prezentacja systemu zarządzania treścią CMS

Instrukcja tworzenia dostępnych dokumentów

Instrukcja - blogi OK zeszyt Logowanie

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Wytyczne ws. dostępności wydarzeń dla m.st. Warszawy. Monika Szczygielska i Anna Żórawska. Wersja do konsultacji społecznych

Przyjazne i dostępne kino

Pokaz slajdów na stronie internetowej

Zasady tworzenia prezentacji multimedialnych

Wstawianie nowej strony

Okulografia w badaniach percepcji napisów do programów audiowizualnych dla osób niesłyszących i niedosłyszących. wstępny opis badania

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

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Jak zainstalować i skonfigurować komunikator MIRANDA, aby wyglądał i funkcjonował jak Gadu Gadu Tutorial by t800.

Tworzenie grafiki na potrzeby WWW

Jak zmienić ustawienia cookies?

Praca z widokami i nawigacja w pokazie

budowa i zasady użycia znaku Fundacji

konspekt pojedynczy slajd sortowanie slajdów strona notatek 1. Widok normalny/konspekt 2. Widok sortowania slajdów 3.

Instrukcja wejścia na lekcje on-line

Tematy lekcji informatyki klasa 4a styczeń 2013

UNIWERSYTET WARSZAWSKI INSTYTUT LINGWISTYKI STOSOWANEJ

Na komputerze z Windowsem

Proste kody html do szybkiego stosowania.

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

TWORZENIE PREZENTACJI MS POWERPOINT

Brelok do kluczy DeLuxe, 1,5"

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

Instrukcja użytkowania. Ładowanie urządzenia

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

ToonDoo Maker tworzenie pojedynczej sceny komiksowej

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

Jeszcze raz więc powtarzam - wymieramy NIE i przechodzimy do kolejnego obrazka.

FARA INTENCJE ONLINE. Przewodnik dla użytkownika programu FARA. Włodzimierz Kessler SIGNUM-NET

4.10 Odtwarzanie multimediów

Warszawa, r.

Podstawy tworzenie prezentacji multimedialnej w programie. MS Power Point

Tworzenie menu i authoring w programie DVDStyler

DARMOWA PRZEGLĄDARKA MODELI IFC

SPIS ILUSTRACJI, BIBLIOGRAFIA

Przekazywanie i zdobywanie informacji jest ważne! opracowanie Dorota Tłoczkowska, Warszawa luty 2007 r.

POWERPOINT GRAFIKA, PREZENTACJE

Transkrypt:

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

Dostępne multimedia to możliwe! Monika Szczygielska Fundacja Widzialni

Grafiki dostępne dla niewidomych Przydatne także: słabowidzącym, użytkownikom przeglądarek z wyłączonym ładowaniem grafiki, użytkownikom wolnych łączy internetowych.!!!

Alternatywa tekstowa Programy czytające dla osób niewidomych odczytują tekst a nie obrazki Tekst/opis alternatywny /alt/ opis dla programu czytającego, precyzyjna informacja o tym, co przedstawia obrazek Podpis /title/ informacje uzupełniające lub komentarz

Przykład 1 Opis alternatywny: Powitanie Prezydentów RP i USA. W tle samoloty F16 oraz flagi RP i USA. Fot. Wojciech Grzedzinski. Podpis: Spotkanie Prezydentów RP i USA z polskimi i amerykańskimi pilotami samolotów F16.

Typy grafik na www Rozróżniamy: grafiki funkcjonalne (elementy nawigacji na www) grafiki ozdobne (tła, ramki) PUSTY ALT grafiki informacyjne (infografiki, zdjęcia)

Przykład 2 serwis sprzedaży nieruchomości: wolnostojący dom jednorodzinny gra dla dzieci, w której należy zaznaczyć przedmioty niebieskie: niebieski domek menu: strona główna

Infografiki W zwięzłej formie tekstowej precyzyjnie przekazujemy informacje zawarte na obrazku. Zamieszczamy: wszystkie teksty, informacje przekazane w formie wykresów i diagramów (tu: wykresy kołowe informujące o zmianie trendów), dane procentowe. Pomijamy: elementy graficzne o charakterze ozdobnym (tu: droga, wykrzyknik), obrazującym informacje tekstowe (tu: radar, flagi)

Najczęstsze błędy: Najczęstsze błędy: Mylenie opisu dla programu czytającego (alt) z podpisem (title), w efekcie informacja jest niepełna lub jej brak Wstawianie tej samej treści w alt i title, co skutkuje efektem jąkania się programu czytającego Zbyt ogólny opis obrazka, z którego nic nie wynika Niepotrzebny opis obrazka o charakterze ozdobnym (obrazek o charakterze ozdobnym) Pomylenie funkcji obrazka (opis zamiast funkcji)

Filmy dostępne dla niesłyszących Przydane także: słabosłyszącym, głuchoniewidomym, dyslektykom, autystykom, obcokrajowcom, wszędzie tam, gdzie jest problem z użyciem dźwięku.!!!!

Rozwiązania: Odbiorca Głuchy, którego natywnym językiem jest język migowy Niesłyszący, który utracił słuch Słabosłyszący Głuchoniewidomi Obcokrajowiec, dyslektyk, autystyk, osoba korzystająca z multimediów w głośnym miejscu lub bez możliwości włączenia dźwięku Rozwiązanie Polski Język Migowy (PJM) - naturalny język osób Głuchych rzadziej System Językowo Migowy (SJM) PJM, SJM, napisy, napisy pełna transkrypcja w pliku tekstowym napisy

Jak? Napisy pełne czy uproszczone Liczymy się z opinią odbiorców Napisy dla niesłyszących = ścieżka dialogowa + dźwięki z tła Napisy 1:1 Napisy uproszczone

Jak? Napisy otwarte czy zamknięte Napisy zamknięte Napisy otwarte + można wyłączyć, + mogą zostać odczytane przez program czytający przez osoby głuchoniewidome, - tworzone w specjalistycznym oprogramowaniu. + ich plusem jest to, że mogą być tworzone w programach montażowych, które pozwalają na proste zamieszczanie symboli, + zwiększają oglądalność filmu - wszędzie się otworzą, - często amatorskie, - mogą rozpraszać.

Jak? Napisy otwarte czy zamknięte Napisy zamknięte Napisy otwarte Zamknięte (plik tekstowy, który można wyłączyć). Otwarte (fragment obrazu). Zawsze: czarne tło i bezszeryfowy, jasny font zwiększa czytelność napisów. Umieszczone tak, aby nie zasłaniać innych elementów. Zsynchronizowane z obrazem.

Przykład 3 2 wiersze tekstu, wiersz do 40 znaków, min. 3 sek. na ekranie, zdania pojedyncze, jedna myśl w jednym zdaniu, nie rozbijamy związków międzywyrazowych, zaznaczamy osoby mówiące, uzupełniamy tekst o dźwięki tła,

Przykład 4 W filmach wielojęzycznych zaznaczamy język wypowiedzi, a tekst piszemy po polsku, w nawiasach zapis tła i komentarze

Zadanie: korekta błędów

Tłumaczenia migowe wybór języka Tłumaczenia migowe, o ile klient nie zleci inaczej, wykonujemy w PJM: Polski Język Migowy System Językowo Migowy

Przykłady wideotłumaczeń Dostępni.eu: odpowiednie ujęcie i oświetlenie postaci, zachowany kontrast dłoni i twarzy do tła, estetyczne niebieskie tło z elementami graficznymi.

Dobrą praktyką jest umieszczanie tłumacza w prawym dolnym rogu, w zależności od wielkości okna na wysokość 1/3 ½ ekranu, tak by nie przysłaniał np. napisów oraz nie był przysłaniany przez inne elementy. Kluczowe znaczenie ma synchronizacja tłumaczenia z obrazem i napisami.

Inne możliwości: Tłumacz podczas konferencji prasowych Burmistrza Nowego Jorku tłumaczy na żywo i tak jest rejestrowany. Inne możliwości: Przykład z BBC - tłumacz w lewym dolnym rogu, by nie przysłaniał napisów.

Osadzanie wideotłumaczeń na www: Jeśli film z tłumaczeniem jest umieszczony jako alternatywna wersja artykułu alt powinien pozostać pusty. Pliki wideo zamieszczone jako alternatywa treści nie wymagają udostępnienia (WCAG 2.0-1.2.)

Osadzanie wideotłumaczeń na www: Odbiorcą wideotłumaczenia może być osoba głuchoniewidoma, dlatego warto zadbać o dostępność odtwarzacza wideo dodatkowe przyciski.

Audiodeskrypcja w filmach dla osób niewidomych Przydane także: osobom słabowidzącym, osobom z niepełnosprawnością intelektualną.!!

Przykład 5 Audiodeskrypcja spotu wyborczego PSL (materiał warsztatowy Fundacji Katarynka)

Jak zamówić SIWZ? Napisy do filmów, audiodeskrypcja/ transkrypcja (KRI, WCAG 2.0. AA) Napisy na żywo w transmisji online (WCAG 2.0. AA, projekt dyrektywy o dostępności publicznych stron stanowisko PE z listopada 2013, napisy na żywo w transmisji online będą obowiązkowe od 1.01.2017r.)

Jak zamówić SIWZ? Tłumaczenie migowe (ustawa o języku migowym, ustawa o dostępie do informacji publicznej)

Dziękuję Monika Szczygielska monika@widzialni.org Prezentacja dostępna na licencji Creative Commons (Uznanie Autorstwa 3.0 Polska)