W razie dodatkowych pytań, zapraszamy do pobrania darmowego poradnika dostępności: http://audytwcag.squiz.pl/

1. Dostępność – pierwsza pomoc: demo HTML CodeSniffer
10.09.2013 Warszawa, #efektywnacyfryzacja

2. 2
HTML CodeSniffer
Agenda
Dostępność?
HTML CodeSniffer
Pomoc w praktyce
Dobre praktyki
SQUIZ

3. @snihir
game.. -ing -ification -oholic
SQUIZ

4. SQUIZ
Organizacje? Standardy? Wytyczne?
W3C WAI WCAG
World Wide Web Consortium
Ø Web Accessibility Initiative
• Web Content Accessibility Guidelines, ATAG, UAAG
Rehabilitation Act
Ø Section 508
Rozporządzenie Rady Ministrów 12.04.2012 Krajowe Ramy Interoperacyjności (tzw. KRI)

5. SQUIZ
HTML_CodeSniffer -> GitHub

6. HTML_CodeSniffer
WCAG 2.0 (A, AA, AAA)
Section 508
Sprawdź swoją stronę internetową!
SQUIZ

7. SQUIZ
POMOC W PRAKTYCE (przeglądarka)

8. SQUIZ
POMOC W PRAKTYCE (integracja ze Squiz Matrix)

9. SQUIZ
12 WYTYCZNYCH
Tekst alteratywny (Alt)
Alternatywa dla multimediów
Informacja możliwa do adaptacji (symantyka dokumentu)
Możliwość oddzielenia informacji od tła (kontrast)
Dostępność za pomocą klawiatury
Wystarczający czas (start / stop / pausa / zwolnienie)
Ataki epilepsji
System nawigacji
Informacja możliwa do odczytania i zrozumienia (deklaracja języka)
Przewidywalne zachowanie
Pomoc dla użytkownika (walidacja formularzy)
Kompatybilność treści ze specyfikacją (walidacja kodu)

10. 10
Dziękuję za uwagę!
Zapraszam do dyskusji.
SQUIZ
Michał Rachowski
mrachowski@squiz.pl
+48 508 381 026
@snihir
SQUIZ