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.
W tej lekcji opowiem o aspektach biznesowych
dlaczego warto korzystać z accessibility dlaczego warto dbać
o dostępność naszych produktów powodów jest sporo bezpośrednie
korzyści dla biznesu takie pierwsze rzeczy z głowy to jest lepsze user experience
wpływając na dostępność naszego produktu bezpośrednio wpływamy na user
experience czli pozytywne doświadczenia które nasi użytkownicy mają
doświadczać poprzez nasz produkt ważne tutaj jest właśnie to żeby
nasz produkt był jak najprostszy w użyciu i rozwiązywał problemy które
deklarujemy się rozwiązywać a jednocześnie żeby proces od początku
drogi użytkownika do końca był w miarę przystępny nie
był męczący tak żeby po prostu mieć jak najszerszą grupę odbiorczą
no i właśnie jeśli chodzi o szerszą dostępność produktu to tutaj niekoniecznie chodzi
tylko i wyłącznie o dostępność jako taką o której teraz mówimy w
kursie natomiast dostępność na zasadzie pokrycia rynku
właśnie to znaczy jeśli tworzymy strony dostępne
automatycznie poszerzamy grupę odbiorczą o osoby
które wcześniej były z niej wykluczone to znaczy jeśli wcześniej projektowaliśmy
dla osób nawigujących się klawiaturą to jest bardzo duża szansa że ruch
właśnie od osób które nawigują się po stronie w ten sposób traciliśmy
no bo osoba nie była w stanie nawet przejść pierwszego kroku na
przykład w koszyku jeżeli tworzymy jakiś e-commerce jeśli nie dbaliśmy wcześniej
o osoby niepełnosprawne i nagle zaczniemy interesować się rzeczami takimi jak
semantyczny html atrybuty aria i będziemy
robić to w sposób świadomy nasze produkty będą dla tej grupy odbiorców dostępne
a osób z różnymi problemami ze wrokiem
w polsce jest około dwóch milionów czyli jest to tak
naprawdę ilość osób porównywalna do rozmiarów warszawy
czyli tak naprawdę teoretycznie czysto teoretycznie ignorujemy warszawę
jako nasz punkt docelowy jeżeli tworzymy produkty które też dla osób niewidomych
niedowidzących byłyby praktyczne jest z tego jeszcze jedna
korzyść korzystanie z semantycznych tagów wpłynie również
na seo czyli optymalizację naszych produktów pod kątem wyszukiwarek internetowych
czyli to że skupimy się na dostępności
może dać nam jeszcze taki benefit że faktycznie nasze strony będą
pozycjonowane lepiej ponieważ korzystaliśmy z nagłówków korzystaliśmy z semantycznych
tagów generalnie wyszukiwarki internetowe nie działają na zasadzie że ktoś
tam w googlu wymyślił sobie że generalnie h1 to
będzie najlepszy znacznik i jak się tam wpisze dobre słowo kluczowe no
to wtedy będzie się wysoko w rankingu nie google po prostu dba
o dobro użytkowników i jest tak naprawdę narzędziem który parsuje markup czyli jeżeli
robimy markup który jest wymowy i który jest dobry dla użytkowników
no to automatycznie będziemy dostawali tego busta pod kątem seo dlatego
zawsze mówię że jeżeli mamy osobę która zajmuje się seo no to ta
osoba powinna bardzo dobrze rozumieć html i generalnie jako taką dostępność
ponieważ to nie wzięło się znikąd i to że przeglądarki internetowe wyszukiwarki
działają w ten sposób jest bezpośrednio wynikiem tego że te znaczniki są
dobre dla użytkowników kolejnym powodem dlaczego warto zainwestować
w accessibility ponieważ spełnia ono tak zwane pareto principle czyli
zasadę że 20% jakby prób starań
wkładu powiedzmy zyskujemy 80% rozwiązań czyli jeżeli
naprawimy kilka podstawowych błędów dostępności nasze wyniki
mogą naprawdę skoczyć i możemy otrzymać 80% rezultatów
niż gdybyśmy po prostu tego nie zrobili często jest
tak na przykład jest bardzo dobra historia właśnie na wikipedii
o pareto principle że microsoft zajmując się naprawianiem błędów w swoim
systemie operacyjnym zaczął najpierw od 20% najczęściej
zgłaszanych błędów no i naprawiając te 20%
zgłaszanych błędów okazało się że cała reszta systemu też zaczynała działać
poprawnie czyli robiąc te 20% wysiłku
otrzymujemy 80% wyników i tak samo jest w przypadku
accessibility naprawiamy proste najbardziej kardynalne
że tak powiem błędy dostępności no i dostajemy bust od seo
większy ruch lepsze parsowanie właśnie przez wyszukiwarki
może przypadkiem akurat zostaniemy też wymienieni w snippetach
googleowych co jest ogromnym bonusem jeżeli chodzi o optymalizację
pod wyszukiwarki a co za tym idzie ruch na naszej stronie a co za tym idzie zyski
z produktu dlatego jeżeli zastanawiasz się jak przekonać
biznes do skorzystania z accessibility możesz przedstawić to w
ten sposób a jeżeli jesteś osobą zarządzająca biznesem proszę rozważ
to ponieważ jest to dziedzina w której nie ma
przegranych tak naprawdę nie jest to bardzo czasochłonne jeżeli chcemy
zrobić naprawdę podstawową dostępność użytkownicy z tego korzystają seo
na tym korzysta więc twój produkt na tym korzysta a co za tym idzie masz dalsze
środki na jego rozwój więc podsumowując generalnie accessibility
i user experience się opłaca