Dostępność stron WWW
3 godz. 32 min · HTML i CSS · Full-stack i Programowanie
Wojciech PołowniakSr. Fullstack EngineerHTML 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.
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.
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.
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.
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!
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.
Cześć w tej lekcji opowiem o tym że pełnosprawność
jest de facto ulotna dlatego warto dbać o accessibility
o dostępność w ten sposób abyśmy też my w przyszłości mogli z niej korzystać tutaj
wchodzi do gry termin samolubna dostępność jest to
bardzo popularny nurt generalnie w dużym skrócie idea jest taka że tworzymy
interfejsy tak aby przyszli my byli w stanie z nich korzystać dam
tutaj przykład w zeszłym roku będąc na snowboardzie no niestety doznałem kontuzji
zerwałem więzadło no i byłem wyjęty powiedzmy z normalnego
poruszania się przez 2 miesiące na początku tego samego roku kupiłem grę
taneczną just dance no generalnie fajna gra imprezowa można
potańczyć ze znajomymi coś tam się powygłupiać ja nie jestem tancerzem więc
raczej szło mi zawsze to średnio natomiast w momencie gdy zerwałem to wiązadło
no to nie mogłem w stanie tańczyć już faktycznie połowę tych tytułów które wcześniej
lubiłem które umiałem tańczyć w pewnym sensie czułem się wykluczony z gry
natomiast co bardzo ciekawe just dance udostępnia piosenki
w których faktycznie nie trzeba tańczyć stojąc są piosenki tak
zwane siedzące gdzie po prostu ruszamy rękoma czy górną częścią
naszego ciała w rytm muzyki i to jest to jest taniec w którym możemy faktycznie uczestniczyć
nawet jeżeli mamy na przykład zerwane więzadło skręciliśmy kostkę czy
cokolwiek więc to jest bardzo dobry przykład dostępności w produkcie w tym
przypadku gry wideo gdzie tak naprawdę łatwo jest wdrożyć rozwiązanie
tylko trzeba to zrobić w sposób kreatywny i w momencie kiedy odkryłem te tytuły nie
czułem już się wykluczony ponieważ mogłem tańczyć co prawda tylko część piosenek
ale znajomi mogli ze mną siedzieć na kanapie i faktycznie tańczyć i w tym momencie
nie czułem jakbym faktycznie miał to więzadło zerwane więc designując
projektując produkt warto jest o tym pomyśleć i just dance zrobił
to naprawdę bardzo dobrze i to przenosi nas na drugą
część tego aspektu czyli każdy z nas może być chwilowo niepełnosprawny tak
jak ja dostałem wypadku no i miałem problem z nogą tak samo ktoś
może złamać rękę i nie móc korzystać z myszki ktoś może mieć jakieś problemy
ze wzrokiem chwilowe może mieć jaskrę no i nie będzie w stanie korzystać z mediów wizualnych
wtedy może zacząć korzystać z czytnika ekranowego jeżeli faktycznie chce być niezależny
i chce dalej surfować po internecie możemy zapomnieć słuchawek możemy nie
zapomnieć tych słuchawek i faktycznie jadąc metrem słuchać ulubionej muzyki
no ale umówmy się kto będzie jeżeli scrollujemy na przykład po facebooku czy
instagramie pauzował muzykę której słucha którą lubi żeby obejrzeć
reklamę na instagramie w której nie ma napisów to że napisy
możemy embedować wewnątrz różnych wideo jest też dobre właśnie
z tego powodu ponieważ możemy słuchać innych rzeczy równolegle jeżeli zapomnę okularów
jak wspomniałem w poprzednich lekcjach również
jestem chwilowo niepełnosprawny takich chwilowych
niepełnosprawności jest naprawdę dużo może to być sytuacja że chcemy obejrzeć
sobie w kinie domowym jakiś fajny film no ale akurat urodziło
nam się dziecko 2 miesiące temu no i dziecko śpi więc albo musimy słuchać tego
bardzo cichutko albo mi słuchawki co już nie jest takim dobrym doświadczeniem
tego typu problemów jest naprawdę dużo dlatego warto tworząc produkty
szukać rozwiązań na każde z takich przypadków warto pamiętać że
są takie przypadki ponieważ jeśli sami będziemy kiedyś chcieli skorzystać z takiego produktu
no to może się zdarzyć że nie będziemy w stanie i potem będziemy sobie
pluli w brodę że no nie pomyślałem zawczasu a projektowałem to sam tylko
wtedy nie myślałem o tym że na przykład zepsuje mi się myszka więc jest to bardzo
fajny motywator jeżeli dalej nie jesteś przekonany dlaczego warto zajmować
się dostępnością to możesz po prostu zacząć myśleć o sobie i zatroszczyć
się o siebie z przyszłości