Cyfrowe ułatwienia dostępu (potocznie określane skrótem „a11y”) mają na celu projektowanie i tworzenie stron oraz aplikacji internetowych, z którymi niepełnosprawni użytkownicy mogą wchodzić w interakcje w znaczący, równoważny sposób.
Kurs jest przeznaczony dla początkujących i zaawansowanych programistów stron internetowych. Możesz zapoznać się z serią od początku do końca, aby poznać ogólne metody i testowanie ułatwień dostępu, lub wykorzystać ją jako źródło informacji na konkretne tematy. Jeśli natkniesz się na nieznane termin, zajrzyj do naszego słowniczka. Jeśli nie masz doświadczenia w tworzeniu stron internetowych, zapoznaj się z kursami Naucz się HTML, które zawierają podstawowe informacje o znacznikach, i kursami Poznaj CSS (w języku angielskim) dotyczącymi podstaw stylu.
To nie jest wyczerpujące materiały referencyjne. Każda sekcja przedstawia temat sekcji, podaje kontekst i przykłady. Znajdują się tam linki do odwołań do tematów, takich jak specyfikacje MDN i WCAG oraz inne artykuły na web.dev. W każdej sekcji będzie krótka ocena, która pomoże odbiorcom potwierdzić zdobytą wiedzę.
Niektóre sprawdzone metody dotyczące ułatwień dostępu różnią się w zależności od problemu dotyczącego niepełnosprawności. Ważne jest, aby zrozumieć swoich użytkowników i słuchać, co osoby z niepełnosprawnościami mówią Ci, czego potrzebują.
Chętnie poznamy Twoją opinię. Zgłoś problem w serwisie GitHub i podaj jak najwięcej informacji, abyśmy mogli go rozwiązać.
Czego się nauczysz:
Co to jest cyfrowa dostępność i dlaczego jest taka ważna?
Projektuj i twórz witryny oraz aplikacje internetowe, z których niepełnosprawni użytkownicy mogą wchodzić w interakcje w znaczący, równoważny sposób. Poznaj ich konsekwencje biznesowe i prawne.
ARIA i HTML
Kiedy używać ARIA zamiast HTML?
Struktura treści
Używaj semantycznych znaczników HTML, punktów orientacyjnych i tabel, aby ułatwić dostęp do treści.
Dokument
Dodatkowe elementy HTML, które należy wziąć pod uwagę podczas tworzenia dostępnych witryn i aplikacji internetowych.
Sterowanie za pomocą klawiatury
Poznaj i ulepszaj kolejność i styl nawigacji za pomocą klawiatury.
JavaScript
Zapisuj zdarzenia aktywujące ułatwienia dostępu, tytuły stron, zawartość dynamiczną i inne elementy.
Obrazy,
Twórz obrazy z ułatwieniami dostępu.
Kolor i kontrast
Twórz łatwo dostępne palety kolorów z odpowiednim kontrastem.
Animacja i ruch
Pomagaj osobom ze wszystkimi zaburzeniami wywołanymi ruchem.
Typografia
Wybierz odpowiedni układ i rozmiar czcionki oraz dostosuj strukturę tekstu dzięki przystępnemu układowi.
Wideo i audio
Alternatywne typy multimediów, które umożliwiają dostęp do treści wideo i audio.
Formularze
Twórz formularze z ułatwieniami dostępu.
Wygląd i wygoda użytkowników
Twórz łatwo dostępne projekty i oceniaj wrażenia użytkowników.
Automatyczne testowanie ułatwień dostępu
Jak przeprowadzić automatyczne testowanie ułatwień dostępu.
Ręczne testowanie ułatwień dostępu
Jak ręcznie przetestować ułatwienia dostępu.
Testowanie technologii wspomagających osoby z niepełnosprawnością
Jak przeprowadzać testy z wykorzystaniem technologii wspomagających osoby z niepełnosprawnością (AT).
Podsumowanie i kolejne kroki
Dalsze zasoby, które pomogą Ci wykonać kolejne kroki.
Słowniczek
Poznaj typowe terminy i koncepcje związane z ułatwieniami dostępu.
Chcesz poznać ułatwienia dostępu? Zaczynamy.