Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 7/ 34Webaim
Accessibility: Webaim
Czego się nauczysz
- Poznaj najczęstsze błędy dostępności
- Naucz się rozwiązywać niecodzienne przypadki
- Poznasz nowe źródła oraz dokumenty z których czerpać wiedzę
- Unikalne przykłady
- Zrozumiesz czym są i jak działają czytniki ekranowe
- Nauczysz się nawigacji klawiaturą i uczyń krok ku zostaniu power-userem!
- Poznasz przydatne narzędzia do udzielania audytów dostępności
Accessibility - Dostępność stron WWW
Nawet najbardziej estetyczna, nowoczesna strona czy aplikacja internetowa jest bezużyteczna, gdy użytkownik nie może z niej skorzystać w wygodny sposób. Na twórcy stron WWW ciąży duża odpowiedzialność - powinien tworzyć strony, które są nie tylko atrakcyjne wizualnie, ale też dostępne i użyteczne dla wszystkich. Niestety, wielu developerów zapomina o tym aspekcie lub nie posiada odpowiedniej wiedzy, potrzebnej do tego, by tworzyć strony dostępne dla użytkownika. Znajomość zagadnień z tego Kursu pomoże Ci tworzyć lepsze, zoptymalizowane dla wszystkich użytkowników strony, zadbać o user experience, jak i poznać nowoczesne, praktyczne rozwiązania, które wykorzystasz w codziennej pracy.
Przede wszystkim dostępność
HTML został wynaleziony już w 1989 roku i jest on podstawą tworzenia stron internetowych do dziś. W ciągu ponad 30 lat społeczność programistów tworzących strony internetowe odkrywała coraz to nowe problemy w tworzeniu treści pod unikalne medium jakim jest internet. Jednak na przełomie dekad społeczność zdaje się zapominać o pierwotnych założeniach sieci - treści dostępnych dla każdego. W czasach gdy nowe JavaScriptowe frameworki stawiają... developer experience ponad user experience, paradoksalnie - jest coraz mniej stron internetowych, które są szybkie oraz dostępne dla szerokiej grupy odbiorców.
Strony dostępne dla każdego
Dostępność w tym kontekście to tworzenie rozwiązań, z których korzystać może każdy - niezależnie od tego czy zapomniał słuchawek, niedowidzi, zepsuła mu się myszka czy mówi w innym języku. To także troska o użytkownika bez względu na jego potencjalne ograniczenia. Przekłada się to bezpośrednio na ilość osób, które mogą skorzystać z Twojej strony WWW. To właśnie przedstawimy Ci w tym kursie - poznasz techniki tworzenia stron internetowych, które z założenia dbają o użytkownika i pozostawiają kontrolę w jego rękach. Dowiesz się też jaki ma to wpływ dla biznesu czy Ciebie - jako użytkownika sieci.
Korzyści dla warstwy biznesowej
Troska o użytkownika to dobry User Experience - co z kolei tworzy przywiązanie do produktu. Ale mniej oczywistymi aspektami dostępności jest wpływ na pozycjonowanie stron internetowych. Poprzez korzystanie z semantycznych znaczników i jawne wyrażanie treści poprzez markup możemy - jako przyjemny efekt uboczny - wpłynąć na silniki wyszukiwarek internetowych, by pojawiać się w wynikach wyżej niż dotychczas.
Poznasz najczęstsze błędy dostępności
Niestety, łatwo jest tworzyć strony niedostępne - głównie ze względu na niewiedzę. W kursie zrozumiesz najczęściej popełniane błędy dostępności, przez które Twoje treści mogą nie docierać do Twoich potencjalnych użytkowników, oraz dowiesz się jak tworzyć te same rozwiązania w sposób dostępny.
Poszerzaj horyzonty
Jesteś znudzony tym, co oferuje Front-End? Każdy framework brzmi jak koło wynajdywane na nowo? Wątek dostępności to zupełnie nowy poziom postrzegania produktu i pracy na rzecz użytkownika. Ilość potencjalnych przypadków do rozwiązania, jeśli chodzi o formę konsumpcji treści przez użytkownika, jest ogromna - możesz ponownie rozpalić swoje zainteresowanie web developmentem!
Dla kogo jest ten kurs?
Aby móc efektywnie skorzystać z tego kursu, potrzebujesz podstawowej wiedzy na temat HTML i CSS. Przyda się również znajomość języka angielskiego, ale nie jest to obowiązkowe, pojedyncze zwroty są tłumaczone na bieżąco.
Linki
Kurs Accessibility
8 rozdziałów34 lekcje3h 32min
Wprowadzenie
2min
- Wprowadzenie2min(zablokowana)
Dlaczego warto się tym zajmować
24min
- Poszerzanie horyzontów7min(zablokowana)
- Aspekty moralne8min(zablokowana)
- Aspekty biznesowe5min(zablokowana)
- Pełnosprawność jest ulotna4min(zablokowana)
Narzędzia przydatne przy tworzeniu dostępnych stron
- Czytniki ekranowe11min(zablokowana)
- Webaim(zablokowana)
- Whocanuse5min(zablokowana)
- Accessibility Insights7min(zablokowana)
- Narzędzia developerskie przeglądarek6min(zablokowana)
- Axe3min(zablokowana)
- Symulatory problemów ze wzrokiem6min(zablokowana)
Najczęstsze błędy dostępności
1h 15min
- Tekst alternatywny10min(zablokowana)
- Etykiety8min(zablokowana)
- Ikony7min(zablokowana)
- Element poboczny9min(zablokowana)
- Linki bez kontekstu7min(zablokowana)
- Język treści11min(zablokowana)
- Zbyt niski kontrast6min(zablokowana)
- Nieskalowalny tekst10min(zablokowana)
- Brak wsparcia dla nawigacji klawiaturą8min(zablokowana)
Informacje dla czytników ekranowych
28min
- Domyślne zachowanie przeglądarki7min(zablokowana)
- Treść tylko dla użytkowników czytników ekranowych6min(zablokowana)
- Treść tylko dla użytkowników widzących7min(zablokowana)
- Na co jeszcze zwrócić uwagę8min(zablokowana)
O nawigacji klawiaturą
14min
- Kolejność elementów7min(zablokowana)
- Linki omijające8min(zablokowana)
O wskaźnikach skupienia
29min
- Domyślny outline7min(zablokowana)
- Wskaźnik z użyciem tła i koloru tekstu7min(zablokowana)
- Wskaźnik z użyciem obramowania4min(zablokowana)
- Wskaźnik z użyciem cienia5min(zablokowana)
- Nowe pseudoklasy6min(zablokowana)
Podsumowanie
8min
- Czy a11y ma wpływ na SEO?8min(zablokowana)
- Podziękowania1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
Bio
Cześć! Nazywam się Wojtek i moja obecna rola to Full Stack Engineer - tworzeniem stron zajmuję się już od ponad dziesięciu lat. Jeśli miałbym wskazać moją pasję, to zdecydowanie byłoby to programowanie w technologiach webowych i dalsze szerzenie się wiedzą :)
Możesz kojarzyć mnie z kanału Koduje na Youtube, gdzie stworzyłem ponad 50 darmowych poradników dotyczących różnych zagadnień z Front-Endu, czy jako głównego koordynatora cyklicznych spotkań Meet.js Warszawa. Poza tym jestem też członkiem programu Mozilla TechSpeakers - technologie open-source, ich tworzenie oraz przemowy publiczne również nie są mi obce. Od czasu do czasu prowadzę również indywidualne zajęcia dla osób poszukujących swojej pierwszej pracy jako Front-End developer.
Uwielbiam tematykę dostępności sieci - o której świadomość, zwłaszcza na polskim rynku - jest dosyć znikoma. Interesuję się również IoT oraz VR (❤️) czy Game-Developmentem, również w JavaScript!
Uważam, że nauczanie jest zdecydowanie najlepszą metodą, by poszerzać swoje horyzonty i dalej się rozwijać!
https://koduje.pl