Kurs Accessibility

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

14 ocen

Wprowadzenie

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.

  1. Poznaj najczęstsze błędy dostępności
  2. Naucz się rozwiązywać niecodzienne przypadki
  3. Poznasz nowe źródła oraz dokumenty z których czerpać wiedzę
  4. Unikalne przykłady
  5. Zrozumiesz czym są i jak działają czytniki ekranowe
  6. Nauczysz się nawigacji klawiaturą i uczyń krok ku zostaniu power-userem!
  7. Poznasz przydatne narzędzia do udzielania audytów dostępności

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Autor: Wojciech Połowniak

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

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

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Wojciech Połowniak

Czas: 3 godzin 32 minut

Wersja: -

Aktualizacja: 04.05.2020

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wprowadzenie

  • Wprowadzenie

Dlaczego warto się tym zajmować

  • Poszerzanie horyzontów

  • Aspekty moralne

  • Aspekty biznesowe

  • Pełnosprawność jest ulotna

Narzędzia przydatne przy tworzeniu dostępnych stron

  • Czytniki ekranowe

  • Webaim

  • Whocanuse

  • Accessibility Insights

  • Narzędzia developerskie przeglądarek

  • Axe

  • Symulatory problemów ze wzrokiem

Najczęstsze błędy dostępności

  • Tekst alternatywny

  • Etykiety

  • Ikony

  • Element poboczny

  • Linki bez kontekstu

  • Język treści

  • Zbyt niski kontrast

  • Nieskalowalny tekst

  • Brak wsparcia dla nawigacji klawiaturą

Informacje dla czytników ekranowych

  • Domyślne zachowanie przeglądarki

  • Treść tylko dla użytkowników czytników ekranowych

  • Treść tylko dla użytkowników widzących

  • Na co jeszcze zwrócić uwagę

O nawigacji klawiaturą

  • Kolejność elementów

  • Linki omijające

O wskaźnikach skupienia

  • Domyślny outline

  • Wskaźnik z użyciem tła i koloru tekstu

  • Wskaźnik z użyciem obramowania

  • Wskaźnik z użyciem cienia

  • Nowe pseudoklasy

Podsumowanie

  • Czy a11y ma wpływ na SEO?

  • Podziękowania

}