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.
Kolejnym narzędziem o którym chciałem opowiedzieć
jest webaim webaim jako takim jest po prostu serwisem internetowym stroną
która ma na celu szerzenie informacji i świadomości
społeczeństwa na temat accessibility w sieci konkretnie rozwinięciem
skrótu webaim jest web accessibility in mind no i jest to bardzo
fajna dostępna strona naprawdę polecam w której możecie dowiedzieć się bardzo
wielu rzeczy na przykład są sprawdzacze kontrastu są
raporty dotyczące użytkowników czytników ekranowych
są raporty dotyczące różnych niepełnosprawności są poradniki
jak projektować interfejsy które bardzo mocno polegają
na oficjalnej dokumentacji na rekomendacji wcag-a jak
widać są też workshopy i strona jest bardzo dostępna jeżeli spróbujecie
się nawigować za pomocą klawiatury no to faktycznie zawsze widać na
jakim elemencie się znajdujemy nie ma możliwości tak naprawdę
zagubienia się w tym serwisie co jest naprawdę bardzo fajne i jeżeli byśmy uruchomili
czytnik ekranowy to faktycznie też bardzo wygodnie byśmy się po nim poruszali jest
to bardzo dobre źródło jeżeli chodzi o informacje powiązane z dostępnościa
jest bardzo dużo artykułów i źródeł dotyczących na przykład perspektywy
użytkownika w zależności od różnych niepełnosprawności na przykład niepełnosprawności
wizualnych słuchowych motorycznych właśnie poznawcze to też jest bardzo ciekawy
konspekt czyli jak wspomniałem wcześniej mamy jako ludzie pięć zmysłów
no ale mamy też czasami problemy poznawcze na
przykład niektórzy mogą mieć dysleksję niektórzy mogą mieć jakieś
ataki paniki możemy wolno czytać możemy no naprawdę tego jest bardzo
dużo i trzeba też projektować nasze interfejsy w
oparciu o niepełnosprawności poznawcze powiedzmy że mamy
aplikację która zajmuje się two-factor authentication czyli
musimy potwierdzić logowanie za pomocą smartfona generując jakiś
tam kod no i te kody mają jakiś swój termin przydatności swój
expiry date i osoby na przykład z skłonnościami do ataków
paniki i przez to że nie zdążą wpisać tego kodu mogą faktycznie wpaść
w atak oczywiście to jest zrozumiałe dlaczego tego typu
rozwiązania są zaprojektowane w ten sposób ale mniej usprawiedliwiającm
to mogły by być na przykład strony jak booking.com gdzie mamy bardzo dużo modali
które krzyczą kup teraz bo za minutę już w ogóle tej oferty nie
będzie 4 osoby patrzą na dokładnie to samo co ty jak nie kupisz teraz no
to ci przepadnie to jest też kwestia dostępności
w kontekście poznawczym i tak naprawdę projektowanie dostępnych rozwiązań polega
w tym momencie bardziej już na tworzeniu dobrej treści dobrego kontentu niż
pracy programistycznej natomiast wracając tych źródeł jest naprawdę
bardzo dużo na webaimie i są one z bardzo wielu zakresów
dostępności są na przykład też checklisty do 508
czyli wymogów dostępnościowych w stanach zjednoczonych jeżeli
mamy klienta w stanach zjednoczonych no to 508 to jest taka podstawowa checklista
którą musimy spełnić jeżeli chcemy aby nasz produkt był uznawany za dostępny
w europie nie jest to tak bardzo potrzebne bo jest to po prostu mamy inne standardy ale
jeżeli podążamy za standardem wcag 2.0 czy 2.1 no
to tak samo nasze produkty będą generalnie dostępne 508 jest czymś bardzo
specyficznym dla stanów zjednoczonych i webaim jest przetłumaczone
na bardzo wiele języków i porusza bardzo wiele tematów i jest bardzo dobrym źródłem
jeżeli chodzi o wiedzę o dostępności dlatego ją serdecznie polecam tą stronę
bo na pewno jeszcze znajdzie się dużo nowych treści na przełomie
lat na przykład kolejne wyniki ankiet dotyczące użytkowników czytników
ekranowych