Logotyp Fundusze Europejskie dla rozwoju społecznego, Flaga Rzeczpospolita Polska, Flaga Unia Europejska - Dofinansowane przez Unię Europejską

Wykorzystywanie standardu WCAG (Web Content Accessibility Guidelines) przy tworzeniu i dostosowywaniu stron internetowych

Wykorzystywanie standardu WCAG (Web Content Accessibility Guidelines) przy tworzeniu i dostosowywaniu stron internetowych

Osoba posiadająca kwalifikację w zakresie wykorzystywania standardu WCAG przy tworzeniu i dostosowywaniu stron internetowych omawia zagadnienia związane ze standardem WCAG w obszarze dostępności stron internetowych, samodzielnie tworzy stronę www zgodnie ze standardem dostępności WCAG lub dostosowuje istniejącą stronę do wymagań tego standardu, przeprowadza proces badania serwisu narzędziami automatycznymi i lokalizuje, a następnie usuwa problemy z dostępnością serwisu.

Moduł1/Dzień 1 Funkcjonowanie i bariery osób ze szczególnymi potrzebami w świecie cyfrowym

  • Wprowadzenie do tematyki niepełnosprawności
  • Kim jest Klient z niepełnosprawnością? – nowoczesne podejście do obsługi Klienta.
  • Definicja osób ze szczególnymi potrzebami
  • Definicje niepełnosprawności wynikające z regulacji prawnych oraz Konwencji ONZ o prawach osób niepełnosprawnych
  • Modele postrzegania niepełnosprawności (medyczny, społeczny, funkcjonalny)
  • Rodzaje i stopnie niepełnosprawności – charakterystyka, bariery, sposób komunikacji
  • Symulacje niepełnosprawności

Moduł 2/Dzień 2 Technologie asystujące

  • Stereotypy negatywne, pozytywne i neutralne
  • Język włączający
  • Zasady projektowania uniwersalnego
  • Technologie asystujące (wzrok, słuch, mowa, ruch)

Moduł 3/Dzień 3 Ustawa i WCAG 2.1

  • Ustawa o dostępności cyfrowej i jej przepisy
  • Standard WCAG 2.1 – wprowadzenie
  • Wytyczne 1.1-1.4

Moduł 4/Dzień 4 WCAG 2.1 zasady 2-4

  • Wytyczne 2.1-4.1
  • Standard WCAG 2.2

Moduł 5/Dzień 5 Tworzenie stron internetowych – wprowadzenie do HTML

  • Geneza standardu HTML
  • Sposoby tworzenia stron internetowych
  • Budowa znacznika
  • Zapoznanie z edytorem kodu HTML
  • Podstawowa struktura dokumentu HTML
  • Podstawowa struktura dokumentu HTML
  • Ćwiczenia podsumowujące

Moduł 6/Dzień 6 Tworzenie stron z wykorzystaniem języka HTML – kontrast i czytelność, prosty i dostępny tekst, grafika

  • Dobór kolorystyki projektu
  • Badania zgodności kontrastu na stronie z wytycznymi WCAG
  • Budowanie poprawnej hierarchii w dokumencie HTML
  • Tworzenie krótkich i jasnych przekazów informacyjnych
  • Tworzenie opisów alternatywnych
  • Ćwiczenia podsumowujące

Moduł 7/Dzień 7 Tworzenie stron z wykorzystaniem języka HTML – odnośniki, tabele, listy

  • Tworzenie odnośników
  • Odwołania wewnątrz dokumentu
  • Tworzenie prostych tabel
  • Tworzenie tabel z wykorzystaniem semantycznego HTML
  • Tworzenie list uporządkowanych
  • Tworzenie list nieuporządkowanych
  • Ćwiczenia podsumowujące

Moduł 8/Dzień 8 Dostępne szablony – style CSS

  • Geneza CSS
  • Struktura dokumentu CSS
  • Właściwości i wartości w CSS dotyczące:
    • Dotyczące tekstu
    • Dotyczące koloru i tła
    • Dotyczące marginesów i odstępów
    • Dotyczące układu
    • Dotyczące obramowań
    • Dotyczące list
  • Dostępność a szablony CSS
    • Kontrast i czytelność
    • Czytelne czcionki
    • Responsywność
    • Fokus i nawigacja klawiaturą
  • Ćwiczenia podsumowujące

Moduł 9/Dzień 9 Standard ARIA – dostępność treści dynamicznych

  • Geneza standardu ARIA
  • Główne składowe standardu
  • Określanie ról elementów w aplikacji
  • Opisywanie bieżących stanów interfejsu
  • Charakterystyki statycznych i dynamicznych elementów
  • Ćwiczenia podsumowujące

Moduł 10/Dzień 10 Tworzenie dostępnych nawigacji

  • Interfejsy użytkownika (UI)
  • Czym jest interfejs?
  • Rodzaje interfejsów
  • Zasady projektowania dostępnych nawigacji
  • Tworzenie elementów nawigacyjnych
  • Opisywanie
  • Mapa strony
  • Tworzenie kategorii
  • Tworzenie odnośników
  • Testowanie mapy strony
  • Wyszukiwarka
  • Tworzenie etykiet, przycisków
  • Opisywanie elementów wyszukiwarki
  • Testowanie powstałych rozwiązań wyszukiwawczych
  • Ćwiczenia podsumowujące

Moduł 11/Dzień 11 Tworzenie dostępnych formularzy

  • Definicja elementu
  • Zasady dostępności formularzy
  • Budowa formularza
  • Elementy standardowe w budowie formularzy
  • Elementy grupowania pól
  • Opisywanie formularzy przy pomocy standardu ARIA
  • Ćwiczenia podsumowujące

Moduł 12/Dzień 12 Tworzenie i publikowanie w sieci dostępnych dokumentów

  • Wprowadzenie
  • Zasady tworzenia dostępnych dokumentów tekstowych
  • Testowanie powstałych i istniejących dokumentów tekstowych
  • Zasady tworzenia dostępnych prezentacji
  • Testowanie powstałych i istniejących prezentacji
  • Zasady tworzenia dostępnych arkuszy kalkulacyjnych
  • Testowanie powstałych i istniejących arkuszy kalkulacyjnych
  • Zasady tworzenia dostępnych dokumentów PDF
  • Testowanie powstałych i istniejących dokumentów PDF
  • Ćwiczenia podsumowujące

Moduł 13/Dzień 13 Tworzenie i publikowanie na stronach WWW dostępnych multimediów

  • Wprowadzenie: transkrypcja, audiodeskrypcja, napisy rozszerzone
  • Tworzenie napisów w formacie SRT
  • Transkrypcja
  • Napisy rozszerzone
  • Tworzenie audiodeskrypcji
  • Ćwiczenia podsumowujące

Moduł 14/Dzień 14 Systemy zarządzania treścią (CMS) a dostępność cyfrowa

  • Systemy zarządzania treścią – wprowadzenie
  • Konfiguracja środowiska
  • Instalacja
  • WordPress
  • Tworzenie dostępnych artykułów
  • Dodatki zwiększające dostępność
  • Joomla!
  • Tworzenie dostępnych artykułów
  • Dodatki zwiększające dostępność
  • Drupal
  • Tworzenie dostępnych artykułów
  • Dodatki zwiększające dostępność
  • Ćwiczenia podsumowujące

Moduł 15/Dzień 15 Dostępność materiałów w serwisach społecznościowych

  • Dostępność a media społecznościowe – wprowadzenie
  • Opis dostępnych narzędzi i ich ograniczeń
  • Facebook, X
  • Dodawanie napisów do filmów
  • Przygotowywanie plików SRT
  • Dodawanie opisów alternatywnych w postach
  • YouTube
  • Automatyczne napisy na Youtube
  • Edycja napisów automatycznych
  • Tworzenie ręczne napisów
  • Ćwiczenia podsumowujące

Moduł 16/Dzień 16 Audyt dostępności strony internetowej – metody automatyczne

  • Audyt metodami automatycznymi
  • Zalety i ograniczenia
  • Przebieg proces audytu automatycznego
  • Audyt stron własnych opartych o systemy CMS
  • Audyt stron własnych opartych o kod HTML i CSS
  • Opis otrzymanych wyników
  • Audyt stron zewnętrznych
  • Opis otrzymanych wyników
  • Ćwiczenia podsumowujące

Moduł 17/Dzień 17 Audyt dostępności strony internetowej – metody eksperckie

  • Cechy i przebieg audytu eksperckiego
  • Lista kontrolna – samodzielne badanie dostępności cyfrowej strony internetowej
  • Weryfikacja własnych stron internetowych
  • Weryfikacja zewnętrznych stron internetowych
  • Badanie stron internetowych czytnikami ekranu
  • Ćwiczenia podsumowujące

Moduł 18/Dzień 18 Tworzenie raportu dostępności i deklaracji dostępności cyfrowej

  • Raport dostępności
  • Wprowadzenie i cele
  • Metodologia
  • Wyniki badania
  • Opis problemów i zalecenia
  • Dodatkowe informacje
  • Tworzenie raportu dostępności
  • Testy dostępności (metody automatyczne i eksperckie)
  • Opis problemów i zalecenia
  • Deklaracja dostępności
  • Przykładowa deklaracja dostępności
  • Sporządzenie deklaracji dostępności
  • Ćwiczenia podsumowujące

Moduł 19/Dzień 19 Projekt podsumowujący – strona zgodna z WCAG – ręczne

  • Podsumowanie poznanych standardów
  • Manualne tworzenie dostępnego serwisu internetowego
  • Testowanie rozwiązania
  • Wprowadzanie poprawek
  • Prezentacja projektu

Moduł 20/Dzień 20 Projekt podsumowujący – strona zgodna z WCAG (CMS)

  • Podsumowanie – dostępność w poznanych systemach CMS
  • WordPress a dostępność
  • Joomla! a dostępność
  • Drupal a dostępność
  • Tworzenie projektu w wybranym systemie CMS
  • Testowanie rozwiązania
  • Wprowadzanie poprawek
  • Prezentacja projektu