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"> </a> <img src="ofirmie.png" alt="o firmie" /> <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