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



Podobne dokumenty
Oczami niewidomego. Klawiatura fajna jest Uwaga na fokus! Czytnik ekranu (Screenreade)?

Jak projektować dostępne strony

Zapytanie ofertowe dotyczące projektu realizowanego. ramach Regionalnego Programu Operacyjnego Województwa Śląskiego na lata

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

Szkolenia dla pracowników Politechniki Wrocławskiej

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

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

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

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

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Optymalizacja strony (SEO) - podstawy

Dostępne e-podręczniki

64 BGK BAZOWA KSIĘGA MARKI NOŚNIKI IDENTYFIKACJI

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Instrukcja tworzenia dostępnych dokumentów

Podstawy tworzenie prezentacji multimedialnej w programie. MS Power Point

Wojewódzki Urząd Pracy w Toruniu

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

Rozwiązanie ćwiczenia 8a

Formularze w programie Word

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

POWERPOINT GRAFIKA, PREZENTACJE

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

URL:

Dostępne e-podręczniki

Technologie informacyjne. semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2013/2014 Pracownia nr 2 dr inż.

PRZEWODNIK IDENTYFIKACJI WIZUALNEJ Niezależnego Zrzeszenia Studentów

Tematy lekcji informatyki klasa 4a luty/marzec 2013

MySource Matrix CMS. Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES

Okna dialogowe ustawień konfiguracyjnych

Formularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word

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

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

Księga znaku. Copyright MARR S.A. - Małopolska Agencja Rozwoju Regionalnego S.A. All rights reserved

byś cieszył się zielenią

System Informatyczny Oddziału Wojewódzkiego NFZ

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

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

Rozwiązanie ćwiczenia 6a

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

1.Formatowanie tekstu z użyciem stylów

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

dr inż. Jarosław Forenc

STOPKA. Redakcja strony Stopka Linki w stopce Link do nowej podstrony Link do strony zewnętrznej... 6

WebAdministrator GOLD 2.35

Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki

Pierwsza strona internetowa

Żeby dodać artykuł, trzeba się na portalu zarejestrować i w menu użytkownika na stronie portalu kliknąć: Nowy artykuł. W swoim menu zobaczą ten link

Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu

1. Ćwiczenia z programem PowerPoint

4. Druki i dokumenty

MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY

Instrukcja obsługi uczelnianego cmsa

Księga znaku logo. Klub Buldoga Angielskiego w Polsce

za pomocą: definiujemy:

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

KSIĘGA IDENTYFIKACJI WIZUALNEJ

Spis treści. Rozdział 2. Graficzna oprawa witryny...z Stosowanie motywu...s...s.. 19

Edytor tekstu OpenOffice Writer Podstawy

Zadanie 3. Praca z tabelami

ZAJĘCIA KOMPUTEROWE KLASA IV. Opis wymagań, które uczeń powinien spełnić, aby uzyskać ocenę:

4. Materiały reklamowe

Książka znaku ADVERTISING/MEDIA/COMMUNICATION

Centrum Edukacyjne Żelazna Ul. Żelazna 87 pok Warszawa

Nowy szablon stron pracowników ZUT

METROPOLITALNE FORUM WÓJTÓW, BURMISTRZÓW, PREZYDENTÓW I STAROSTÓW

Ćwiczenie 2 (Word) Praca z dużym tekstem

Formatowanie tekstu przy uz yciu stylo w

Jak posługiwać się edytorem treści

Księga znaku SWISSSTANDARDS.PL

Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki.

KSIĘGA IDENTYFIKACJI WIZUALNEJ. PERSONA Sp z.o.o. - Corporate Guideline 2015

WORD praca z dużym tekstem

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

Wymagania edukacyjne z zajęć komputerowych w klasie 5

Wstawianie nowej strony

Instrukcja zarządzania kontem przedsiębiorstwa w serwisie internetowym

Jak stworzyć własny blog w kreatorze Click Web?

Instrukcja zarządzania kontem jednostki samorządu terytorialnego w serwisie internetowym

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

Zasady tworzenia podstron

Tematy lekcji informatyki klasa 4a styczeń 2013

1.1 Logotyp Logotyp Podstawowa wersja logotypu

Pracownia internetowa w każdej szkole (edycja Jesień 2007)

I. Formatowanie tekstu i wygląd strony

1. Przypisy, indeks i spisy.

KILKA WSKAZÓWEK ZWIĄZANYCH ZE SKŁADEM TEKSTU PRACY LICENCJACKIEJ (MAGISTERSKIEJ) I KSIĄŻKI W PROGRAMIE MICROSOFT WORD 2010

I. Spis treści I. Spis treści... 2 II. Kreator szablonów Tworzenie szablonu Menu... 4 a. Opis ikon Dodanie nowego elementu...

Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej

Strukturę naszego Biuletynu tworzą następujące elementy:

Zadanie 11. Przygotowanie publikacji do wydrukowania

Spis treści. Warto zapamiętać...2. Podstawy...3

Instrukcja użytkownika BIP

APLIKACJA SHAREPOINT

O niełatwej sztuce tworzenia prezentacji..

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Samouczek do korzystania z dokumentów Google

Jak publikować na MiMamo.pl

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Transkrypt:

Zgodnie z Rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, minimalnych wymagań dla rejestrów publicznych i wymiany informacji w postaci elektronicznej oraz minimalnych wymagań dla systemów teleinformatycznych dokumenty udostępniane w sieci powinny spełniać określone wymagania zawarte w dokumencie WCAG 2.0 (Web Content Accessibility Guidelines) z uwzględnieniem poziomu AA. 15 ZALECEŃ dla dostępności serwisów internetowych i dokumentów 1. UDOSTĘPNIANE NA STRONIE PLIKI I FORMULARZE PRZYGOTUJ TAK, BY BYŁY DOSTOSOWANE DLA OSÓB NIEWIDOMYCH Pliki PDF, Word i inne popularne pliki do ściągnięcia powinny być przygotowane w taki sposób, by były dostępne dla osób niewidomych, posługujących się programami czytającymi pliki tekstowe. Np. pliki PDF powinny mieć strukturę, która pomaga osobom niewidomym przeglądanie takich dokumentów. Odsyłamy do strony http://www.pad.widzialni.org/ na której znajdują się krótkie kursy, opisujące tworzenie dostępnych dokumentów (rejestracja i kurs są darmowe). 2. FORMULARZE Formularze, w tym formularz wyszukiwarki powinny być zbudowane zgodnie ze standardami. Wszystkie pola formularzy i przyciski powinny być właściwie opisane. Pełną treść kryteriów sukcesu możemy znaleźć na stronie widzialni.org http://wcag20.widzialni.org/ 3. PISZ TEKST PROSTYM JĘZYKIEM Teksty zamieszczone w serwisie powinny być napisane w miarę możliwości w jak najprostszy sposób, aby dostęp do nich miały mniej wykształcone osoby a także osoby z upośledzeniem intelektualnym. 4. STOSUJ NAGŁÓWKI BY UPORZĄDKOWAĆ TREŚĆ STRONY Wszystkie podstrony powinny być oparte o nagłówki. Nagłówki (h1-h6) są podstawowym sposobem porządkowania treści na stronie. Nagłówek h1 powinien być tytułem tekstu głównego na stronie. 5. STOSUJ LISTY DO PORZĄDKOWANIA TREŚĆ TEKSTÓW Do porządkowanie treści w tekstach, czy elementów nawigacji należy wykorzystywać listy nieuporządkowane i uporządkowane. 6. TEKST WYRÓWNAJ DO LEWEJ, ZADBAJ O JEGO CZYTELNOŚĆ

Teksty powinny być opublikowane w czytelny sposób: Podziel tekst na paragrafy, stosuj listy i inne sekcje; Nie justuj do prawej i lewej krawędzi strony, lecz wyrównaj do lewej krawędzi; Stosuj w tekście nagłówki (h1-h6), aby osoby niewidome korzystające z programów, które czytają dokumenty tekstowe, mogły sprawnie przejść do interesującej ich sekcji. Jeśli chcemy wyróżnić pewną część treści nie należy stosować w tym celu jedynie koloru, gdyż nie zostanie to zauważone przez osoby, który mają problemy z rozróżnianiem kolorów. Należy zastosować dodatkowe sposób wyróżnienia np. zmienić rozmiar czcionki lub ją pogrubić. Odradzamy wykorzystywanie kursywy dla bloków tekstu, gdyż znacząco to utrudnia odbiór informacji dla osób niedowidzących i dyslektyków. Tworząc dostępny dokument należy wziąć pod uwagę kwestię wyboru odpowiedniej czcionki. Ma to szczególne znaczenie dla osób niedowidzących czy też osób z dysleksją. Odradzamy wybór czcionek szeryfowych np. Times New Roman oraz czcionek ozdobnych, które znacznie utrudniają odczyt dokumentów, a zalecamy wybór czcionek bez szeryfowych m.in. takich jak Arial, Helvetica, Tahoma, Verdana czy też Calibri. Zalecenia przy tworzeniu dostępnych dokumentów dotyczą również rozmiaru czcionki. Minimalnym rozmiarem jest 12 punktów (Solveo: medium), jednakże zaleca się używanie czcionek o rozmiarach 14 punktów lub więcej. Należy pamiętać, że rozmiar 14 punktów dla różnych czcionek nie oznacza takiej samej wielkości, np. czcionka Arial o ozmiarze 14 punktów jest relatywnie większa niż Calibri o takim samym rozmiarze. Skróty literowe, które stosujesz w tekście powinny być rozwinięte w pierwszym wystąpieniu na każdej stronie. 7. WSTAWIAJ TEKST BEZ ANIMOWANYCH ELEMENTÓW Należy unikać animowanych elementów, poruszających się tekstów, ponieważ rozpraszają one wszystkich użytkowników nie tylko niepełnosprawnych. Niektóre, szczególnie agresywnie i szybko animowane grafiki, mogą stanowić zagrożenie dla osób cierpiących na padaczkę fotogenną! 8. WSTAWIAJ UNIKALNE ODNOŚNIKI (LINKI) Wszystkie odnośniki powinny być unikalne i zrozumiałe, także poza kontekstem. Nie należy używać linków w postaci: >> czy więcej albo kliknij tutaj. Odnośniki nie mogą otwierać się w nowym oknie lub zakładce przeglądarki bez ostrzeżenia. Link zły: Wniosek o uzyskanie dowodu osobistego kliknij tutaj Link poprawny: Wniosek o uzyskanie dowodu osobistego

9. PLIKI DŹWIĘKOWE UZUPEŁNIJ TRANSKRYPCJĄ TEKSTOWĄ Wszystkie pliki dźwiękowe (audycje, wywiady, wykłady) powinny być uzupełnione o transkrypcję tekstową. Odtwarzacze tych plików zamieszczone na stronie powinny dać się obsłużyć za pomocą klawiatury i być dostępne dla osób niewidomych. 10. DODAJ NAPISY DO PIKÓW WIDEO Wszystkie plik wideo powinny być uzupełnione o napisy dla osób niesłyszących. Odtwarzacze powinny być dostępne dla osób niewidomych i osób korzystających wyłącznie z klawiatury np: 11. DODAJ PLIKI ALTERNATYWNE DLA PLIKÓW MULTIMEDIALNYCH I FLASH Wszelkie pliki multimedialne i Flash powinny być dostępne lub udostępnione w postaci alternatywnej.

12. DODAJ TEKST ALTERNATYWNY DO GRAFIKI Wszystkie elementy graficzne powinny mieć zwięzły tekst alternatywny (alt), który opisuje to, co znajduje się na grafice lub, jeśli grafika jest odnośnikiem dokąd prowadzi ten odnośnik. Jeśli grafiki są czysto dekoracyjne, powinny mieć pusty atrybut alt. HTML : do znacznika img należy dodać atrybut alt. MS Word: Uwaga! Program Microsoft Word ma poważny błąd związany ze wstawianymi zdjęciami/ilustracjami i innymi elementami możliwymi do wstawienia we wstążce Wstawianie. Związane jest to z nieprzewidywalną kolejnością podczas eksportu do pliku PDF. Patrz lekcje poświęcone Acrobat Pro (widzialni.org). Po wstawieniu zdjęcia/ilustracji należy go zaznaczyć i z menu kontekstowego Formatuj obraz -> Tekst alternatywny Solveo: 13. WYRÓŻNIAJ CYTATY Cytaty powinny być odpowiednio wyróżnione co najmniej cudzysłowami, a najlepiej zastosuj odrębne formatowanie np. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur vitae velit non mattis. Aenean maximus lorem et justo

fringilla, a faucibus nulla varius. Quisque pellentesque lectus a urna posuere. 14. TABELE Tabele służące do przekazania danych powinny być zbudowane w możliwie prosty sposób i posiadać nagłówki,. 15. DODAJ TYTUŁ DOKUMENTU Aby dodać tytuł dokumentu (pliki doc), należy przejść do menu Plik i w sekcji Właściwości odnaleźć pole do wpisania Tytułu dokumentu. Rys. 4. Zrzut ekranu ze wskazanym polem do wpisania tytułu