Prezentacja programu PowerPoint

14.09.2012
Przemysław Marcinkowski
Fundacja Widzialni
Budowa dostępnej strony www
placówek publicznych
Dostępność stron internetowych
Accessibility
(A11y)
Kto jest narażony na wykluczenie cyfrowe?
• niewidomi, niedowidzący,
• Głusi i głuchoniewidomi,
• osoby niepełnosprawne intelektualnie,
• osoby starsze,
• osoby niezamożne,
• społeczności z biednych regionów,
• osoby korzystające ze starych typów komputerów,
• osoby korzystające z przeglądarek tekstowych,
• osoby korzystające z urządzeń mobilnych
Jedynie 8% stron internetowych administracji
publicznej w Polsce spełnia minimalne
wymagania
Konsorcjum W3C
Umożliwienie wszystkim ludziom korzystania z dobrodziejstw Sieci
bez względu na ich:
•
sprzęt,
•
oprogramowanie,
•
infrastrukturę,
•
język,
•
kulturę i położenie geograficzne,
•
możliwości umysłowe lub fizyczne.
WAI
Web Accessibility Initiative
WCAG
Web Content Accessibility Guidelines
Dostępność stron internetowych
Aspekty prawne
Europejska Agenda Cyfrowa
Program rozwoju Społeczeństwa informacyjnego W Unii Europejskiej w
latach 2010-2015
Pkt 2.5, 2.6
Ustawa o języku migowym i innych
środkach komunikowania się
Art. 3.
Ilekroć w ustawie jest mowa o:
5) środkach wspierających komunikowanie się - należy przez to rozumieć
rozwiązania lub usługi umożliwiające kontakt, w szczególności poprzez:
e) strony internetowe spełniające standardy dostępności dla osób
niepełnosprawnych;
Art. 9, Art. 14
Rozporządzenie Rady Ministrów 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
Dla systemu teleinformatycznego podmiotu realizującego zadania
publiczne, służącego prezentacji zasobów informacji należy
zapewnić realizację wymagań Web Content Accessibility
Guidelines (WCAG 2.0) z uwzględnieniem poziomu AA.
Konstytucja RP
Rozdział II, Art. 32
1. Wszyscy są wobec prawa równi. Wszyscy mają prawo do
równego traktowania przez władze publiczne.
2. Nikt nie może być dyskryminowany w życiu politycznym,
społecznym lub gospodarczym z jakiejkolwiek przyczyny.
Dostępność stron internetowych
Podstawy dostępnej strony
Podstawy dostępnej strony
•
Odpowiedniki tekstowe dla elementów graficznych, audio oraz video
•
Etykiety pól formularzy oraz ich grupowanie
•
Poprawne użycie nagłówków, list, tabel
•
Odpowiedni kontrast tekstów w stosunku do tła
•
Jednoznaczne tytuły stron
•
Obsługa serwisu przy pomocy klawiatury
•
Zapewnienie bezpośredniego dostępu do treści (skiplinks)
•
Dostęp do informacji na różne sposoby (wyszukiwarka, mapa strony)
•
Dodatkowe ułatwienia (zmiana kontrastu, powiększanie czcionek, język
migowy)
•
Poprawność kodu (X)HTML, CSS
13
Podstawy dostępnej strony
Odpowiedniki tekstowe dla elementów graficznych, audio oraz video
<img src=”j_kowalski.jpg” alt=”Jan Kowalski – prezes firmy” />
<a href="ofirmie.html">
<img src="ofirmie.png" alt="O firmie" />
</a>
<img src=”separator.png” alt=”” />
14
Podstawy dostępnej strony
Etykiety pól formularzy oraz ich grupowanie
<form>
<fieldset>
<legend>Wyszukiwarka</legend>
<label for="kword">Szukana fraza:</label>
<input id="kword" name="kword" type="text" value=""
title="Tutaj wpisz szukaną frazę" />
<input type="image" src="butSearch.png" title="Kliknij aby
wyszukać" alt="Szukaj" name="search" />
</fieldset>
</form>
15
Podstawy dostępnej strony
Poprawne użycie nagłówków
<h1>Fundacja Widzialni - Prawo o dostępności</h1>
<h2>Menu główne</h2>
<h2>Opinie</h2>
<h2>Prawo o dostępności</h2>
<h3>Deklaracja Ministrów Państw Członkowskich UE</h3>
<h3>Prawo polskie</h3>
<h3>Rada Europy Komitet Ministrów</h3>
<h2>Pliki do pobrania</h2>
<h2>Patronat honorowy</h2>
<h2>Patronat medialny</h2>
16
Podstawy dostępnej strony
Poprawne użycie list
<ul>
<li><a href="...">Strona główna</a></li>
<li><a href="...">O fundacji</a></li>
<li><a href="...">Publikacje</a>
<ul>
<li><a href="...">Osoby głuche w internecie</a></li>
<li><a href="...">Dostępność - korzyści w biznesie</a></li>
</ul>
</li>
<li><a href="...">Szkolenia</a></li>
<li><a href="...">Kontakt</a></li>
</ul>
17
Podstawy dostępnej strony
Poprawne użycie tabel
<table summary="Streszczenie tabeli">
<caption>Tytuł tabeli</caption>
<tr>
<th>Nagłówek kolumny</th>
<th>Nagłówek kolumny</th>
</tr>
<tr>
<td>wartość</td>
<td>wartość</td>
</table>
18
Podstawy dostępnej strony
Odpowiedni kontrast tekstów w stosunku do tła
Tekst lub grafiki tekstowe powinny
posiadać kontrast w stosunku
4,5:1
Program do analizy kontrastu
http://www.paciellogroup.com/resources/contrast-analyser.html
19
Podstawy dostępnej strony
Jednoznaczne tytuły stron
<title>Fundacja Widzialni - Szkolenia</title>
<title>Szkolenia - Fundacja Widzialni</title>
20
Podstawy dostępnej strony
Obsługa serwisu przy pomocy klawiatury
• Wszystkie funkcje strony powinny być dostępne przy użyciu klawiatury: rozwijane
menu, slajdy, itp. Należy unikać stosowania zdarzeń zależnych od urządzenia
(JavaScript: onclick, onmouseover; jQuery: click, hover) zwłaszcza jeśli użyte są
do nieaktywnych elementów.
• Skróty klawiaturowe i accesskeys (które zwykle powinny być opuszczane) nie
powinny wchodzić w konflikt pomiędzy istniejącymi skrótami w przeglądarce lub
programie czytającym.
21
Podstawy dostępnej strony
Zapewnienie bezpośredniego dostępu do treści (skiplinks)
<ul class="nav">
<li><a href="#mm">Przejdź do menu głównego</a></li>
<li><a href="#txt">Przejdź do treści</a></li>
<li><a href="#srch">Przejdź do wyszukiwarki</a></li>
<li><a href="index.php?p=map">Mapa strony</a></li>
</ul>
22
Podstawy dostępnej strony
Dostęp do informacji na różne sposoby (wyszukiwarka, mapa strony)
• Zapewnić wiele sposobów na znalezienie innych stron w serwisie – przynajmniej
dwa z następujących:
• spis treści,
• mapa serwisu,
• wyszukiwarka,
• wszystkich podstron.
23
Podstawy dostępnej strony
Dodatkowe ułatwienia (zmiana kontrastu, powiększanie czcionek, język migowy)
Fundacja Widzialni
Europoseł Rafał Trzaskowski
BBC
PUP Śrem
T:RAF Rybnik
24
Podstawy dostępnej strony
Poprawność kodu (X)HTML, CSS
• Unikać błędów semantycznych HTML/XHTML (bez względu na wersje)
• Kod może zostać sprawdzony, przeanalizowany na:
• http://validator.w3.org
• http://jigsaw.w3.org/css-validator
• http://wave.webaim.org
• http://www.totalvalidator.com
25
Dziękuję za uwagę
Przemysław Marcinkowski
Fundacja Widzialni
www.widzialni.org