Dostępność stron internetowych Wprowadzenie do WCAG Dział ds. Osób Niepełnosprawnych ul. Retoryka 1/210 31-108 Kraków tel.: 12 424 29 50, fax.: 12 424.

Prezentacja na temat: "Dostępność stron internetowych Wprowadzenie do WCAG Dział ds. Osób Niepełnosprawnych ul. Retoryka 1/210 31-108 Kraków tel.: 12 424 29 50, fax.: 12 424."— Zapis prezentacji:

1

2 Dostępność stron internetowych Wprowadzenie do WCAG Dział ds. Osób Niepełnosprawnych ul. Retoryka 1/210 31-108 Kraków tel.: 12 424 29 50, fax.: 12 424 29 52 e-mail: don@uj.edu.pl

3 Dla kogo jest WCAG? osoby z niepełnosprawnością wzrokową osoby z niepełnosprawnością ruchową osoby z niepełnosprawnością słuchową inni zagrożeni wykluczeniem

4 Poziomy dostępności Poziom A (podstawowy) – musi być spełniony, aby większość użytkowników mogła korzystać z serwisu internetowego. Poziom AA (rozszerzony) – powinien być spełniony, aby większość użytkowników mogła swobodnie korzystać z serwisu internetowego. Poziom AAA (pełny) – może być spełniony, jeżeli chcemy, by wszyscy użytkownicy mogli z serwisu korzystać w sposób komfortowy.

5 Co nas obowiązuje? Źródło: Rozporządzenie Rady Ministrów z dnia 12 kwietnia 2012r. w sprawie Krajowych Ram Interoperacyjności.

6 Kto odpowiada za dostępność strony? Redaktorzy treści Programiści, projektanci stron

7 Dostępność stron internetowych Wskazówki dla redaktorów treści Dział ds. Osób Niepełnosprawnych ul. Retoryka 1/210 31-108 Kraków tel.: 12 424 29 50, fax.: 12 424 29 52 e-mail: don@uj.edu.pl

8 Nagrania „tylko” audio Do nagrania tylko audio powinna być zapewniona jego transkrypcja. Nagrania „tylko” wideo Do nagrania tylko wideo powinien być zapewniony tekst i/lub nagranie audio, w którym znajdują się te same informacje, co w nagraniu wideo. Wyjątki Nagranie jest alternatywą dla tekstu i w taki sposób jest oznaczone.

9 Filmy Napisy Audiodeskrypcja lub opis w formie tekstowej Wyjątki Film jest alternatywą dla tekstu i w taki sposób jest oznaczony.

10 Grafika Treści nietekstowe posiadają swoją tekstową alternatywę.

11 Grafika

12

13 Jednoznaczne nazwy

14

15 Język strony i elementów określony w kodzie HTML

16 Struktura tekstu Używanie odpowiednich nagłówków

17 Tabele Używanie odpowiednich znaczników - tytuły kolumn - tytuł tabeli Oprócz tego „standardowe” znaczniki:,,.

18 Wrażenia zmysłowe Sformułowania nie opierają się jedynie na wrażeniach zmysłowych, np.: W prawej kolumnie Kliknij wyżej / niżej Aby przejść dalej kliknij zieloną strzałkę Użycie koloru Kolor nie jest wykorzystywany jako jedyny wizualny sposób przekazywania informacji czy wyróżnienia elementów w tekście.

19 Kontrast Minimum 4,5:1 Dla tekstu dużego (czcionka rozmiar 18 lub pogrubiona 14) – minimum 3:1 Jak sprawdzić?

20 Kontrast http://webaim.org/resources/contrastchecker/

21 Kontrast

22

23

24

25 Przydatne linki Wytyczne WCAG 2.0 http://www.w3.org/TR/WCAG20/ http://fdc.org.pl/wcag2/ Ocena kontrastu http://webaim.org/resources/contrastchecker/ Konsultacje ws. dostępności stron UJ Radosław Zarembaradoslaw.zaremba@uj.edu.plTel.: 12 424 29 61radoslaw.zaremba@uj.edu.pl Katarzyna Pyrytkatarzyna.pyryt@uj.edu.plTel.: 12 424 29 70katarzyna.pyryt@uj.edu.pl