Dostępność – pierwsza pomoc: demo HTML CodeSniffer

10.09.2013 Warszawa, #efektywnacyfryzacja

2

HTML CodeSniffer

Agenda Dostępność?

HTML CodeSniffer

Pomoc w praktyce

Dobre praktyki

SQUIZ

@snihir

game.. -ing -ification -oholic

SQUIZ

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)

SQUIZ

HTML_CodeSniffer -> GitHub

HTML_CodeSniffer

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

SQUIZ

SQUIZ

POMOC W PRAKTYCE (przeglądarka)

SQUIZ

POMOC W PRAKTYCE (integracja ze Squiz Matrix)

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

Dziękuję za uwagę!

Zapraszam do dyskusji. SQUIZ

Michał Rachowski

mrachowski@squiz.pl

+48 508 381 026

@snihir

SQUIZ