{"id":9209,"date":"2019-01-23T12:59:12","date_gmt":"2019-01-23T12:59:12","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=9209"},"modified":"2019-01-23T12:59:12","modified_gmt":"2019-01-23T12:59:12","slug":"dostepnosc-strony","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/dostepnosc-strony\/","title":{"rendered":"Dost\u0119pno\u015b\u0107 strony: co to jest i dlaczego jest tak istotna?"},"content":{"rendered":"

Internet jest tak globalnym i wszechobecnym zjawiskiem, \u017ce wp\u0142ywa na wszystkie aspekty naszego \u017cycia. Pomy\u015bl o tym, czy mo\u017cesz sobie wyobrazi\u0107 \u015bwiat bez Internetu?<\/p>\n

I chcocia\u017c ja sama pochodz\u0119 z pokolenia, kt\u00f3re nie mia\u0142o gad\u017cet\u00f3w w dzieci\u0144stwie (mo\u017ce opr\u00f3cz elektronicznego chi\u0144skiego zegarka), ale faktem jest, \u017ce \u015bwiat bez Internetu stanie si\u0119 zupe\u0142nie inny. Sie\u0107 \u0142\u0105czy ludzi z ca\u0142ego \u015bwiata, pomaga nam otrzymywa\u0107 wiadomo\u015bci i informacje, przechowywa\u0107 dokumenty, planowa\u0107 trasy podr\u00f3\u017cy, a nawet\u00a0dba\u0107 o nasze zdrowie. Jednak dost\u0119pno\u015b\u0107 sieci nie zawsze jest gwarantowana.<\/p>\n

<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n

M\u00f3wi\u0105, \u017ce\u00a0Sie\u0107\u00a0toleruje wszystko i ka\u017cdy mo\u017ce wej\u015b\u0107 do internetu i nauczy\u0107 si\u0119 czego\u015b. Brzmi \u015bwietnie, ale to nieprawda.\u00a0Obecnie istnieje wiele stron, niedost\u0119pnych dla os\u00f3b niepe\u0142nosprawnych. Porozmawiajmy wi\u0119c o tym czym jest dost\u0119pno\u015b\u0107 strony\u00a0i dlaczego tak wa\u017cne jest aby Twoja witryna by\u0142a dost\u0119pna dla wszystkich.<\/p>\n

<\/div>\n
\n
<\/div>\n

Czym w\u0142a\u015bciwie jest dost\u0119pno\u015b\u0107 strony?<\/h2>\n
<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n

Oko\u0142o 15% ludzi na Ziemi ma wady s\u0142uchu, wzroku, poruszania si\u0119 lub zdolno\u015bci poznawczych. \u00a0I chocia\u017c dost\u0119p do informacji dla takich os\u00f3b przestrzega lista praw cz\u0142owieka, wci\u0105\u017c niekt\u00f3re ze stron www s\u0105 niedost\u0119pne dla nich. Aby zapewni\u0107 pewien poziom dost\u0119pno\u015bci, strona musi by\u0107 odpowiednio zaprojektowana i zakodowana.<\/p>\n

<\/div>\n
\n
<\/div>\n

Sposoby na u\u0142atwienie dost\u0119pu<\/strong><\/h3>\n
<\/div>\n

Kontrast kolor\u00f3w<\/strong><\/h4>\n
<\/div>\n

Subtelne przej\u015bcie kolor\u00f3w mo\u017ce wygl\u0105da\u0107 naprawd\u0119 pi\u0119knie i wyrafinowane, ale s\u0105 ludzie, kt\u00f3rzy nie widz\u0105 wystarczaj\u0105co dobrze lub maj\u0105 trudno\u015bci z postrzeganiem kolor\u00f3w. U\u017cywanie bardzo kontrastowych kolor\u00f3w (jak czarny i bia\u0142y, \u017c\u00f3\u0142ty i czarny, czerwony i bia\u0142y) mo\u017ce nie tylko wygl\u0105da\u0107 wspaniale, a by\u0107 wygodne dla takich os\u00f3b.<\/p>\n

<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n
\n
<\/div>\n

Rozpoznawanie g\u0142osu<\/strong><\/h4>\n
<\/div>\n

Dzi\u0119ki pojawieniu\u00a0takich serwis\u00f3w jak Siri<\/a>,\u00a0Alexa<\/a>\u00a0i\u00a0Cortana<\/a>, sterowanie gad\u017cetami za pomoc\u0105 g\u0142osu staje si\u0119 coraz bardziej popularne. S\u0105 te\u017c ludzie, kt\u00f3rzy z jakiego\u015b powodu nie mog\u0105 u\u017cy\u0107 swoich r\u0105k. Jednak\u00a0oni b\u0119d\u0105 mog\u0142y\u00a0korzysta\u0107 z witryny za pomoc\u0105 g\u0142osu tylko wtedy, gdy zostanie ona dostosowana do takich manipulacji.<\/p>\n

<\/div>\n
\n
<\/div>\n

Tekst na mow\u0119<\/strong><\/h4>\n
<\/div>\n

Ludzie, kt\u00f3rzy maj\u0105 problemy z wzrokiem\u00a0lub s\u0105 ca\u0142kowicie \u015blepi, u\u017cywaj\u0105 wyspecjalizowanego oprogramowania, kt\u00f3re t\u0142umaczy tekst na mow\u0119. Jednak oprogramowanie to nie b\u0119dzie w stanie okre\u015bli\u0107, co jest na\u00a0zdj\u0119ciu, chyba \u017ce wpiszesz jaki\u015b tekst jako opis alternatywny<\/strong>.<\/p>\n

<\/div>\n
\n
<\/div>\n

Layout\u00a0i design<\/strong><\/h4>\n
<\/div>\n

Skomplikowany i oryginalny\u00a0design mo\u017ce zaimponowa\u0107 odwiedzaj\u0105cemu, ale mo\u017ce te\u017c go\u00a0zmyli\u0107. Je\u015bli odwiedzaj\u0105cy nie rozumie, co powinien zrobi\u0107\u00a0na witrynie - zdecydowanie zrobi\u0142e\u015b co\u015b z\u0142ego. W takim przypadku im \u0142atwiejsza jest nawigacja i uk\u0142ad, tym lepiej.<\/p>\n

<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n
\n
<\/div>\n

Powiadomienia<\/strong><\/h4>\n
<\/div>\n

Niekt\u00f3rzy w\u0142a\u015bciciele witryn nie uwa\u017caj\u0105, \u017ce trzeba powiadamia\u0107 u\u017cytkownik\u00f3w o dzia\u0142aniach, kt\u00f3re wykonuj\u0105. Ale kiedy wype\u0142nisz formularz, a nast\u0119pnie zniknie bez \u017cadnego potwierdzenia, mo\u017ce to by\u0107 raczej nieprzyjemna niespodzianka. To samo dotyczy powiadomie\u0144 o b\u0142\u0119dach. Nienawidz\u0119 wiadomo\u015bci \"Nieprawid\u0142owe dane<\/em><\/strong>\". Gdy komunikat o b\u0142\u0119dzie wyra\u017anie informuje, co zrobi\u0142e\u015b \u017ale i jak to naprawi\u0107, pomo\u017ce to u\u017cytkownikowi zaoszcz\u0119dzi\u0107 sporo czasu.<\/p>\n

<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n
\n
<\/div>\n

Du\u017ce elementy kontrolne<\/strong><\/h4>\n
<\/div>\n

Ma\u0142e przyciski i klikalne elementy s\u0105 dobre tylko wtedy, gdy chcesz, aby u\u017cytkownicy nigdy ich nie klikali. U\u017cytkownicy komputer\u00f3w z normaln\u0105 zwinno\u015bci\u0105 b\u0119d\u0105 mogli je klikn\u0105\u0107, ale Ci, kt\u00f3rzy wejd\u0105 na Twoj\u0105 stron\u0119 z tabletu lub smartfona, albo starsi ludzie b\u0119d\u0105 mieli problemy z kierowaniem ma\u0142\u0105 strza\u0142k\u0105 kontroln\u0105. Upewnij si\u0119, \u017ce najwa\u017cniejsze przyciski (np. \"Kup teraz\") Twojej witryny s\u0105 wystarczaj\u0105co du\u017ce.<\/p>\n

<\/div>\n

\"Dost\u0119pno\u015b\u0107

<\/div>\n
\n
<\/div>\n

Konfigurowalna zawarto\u015b\u0107<\/strong><\/h4>\n
<\/div>\n

R\u00f3\u017cni ludzie maj\u0105 r\u00f3\u017cne potrzeby. Niekt\u00f3rzy wol\u0105 pomniejszy\u0107 tekst i zdj\u0119cia, inni nie b\u0119d\u0105 w stanie odczyta\u0107 tekstu, je\u015bli litery s\u0105 zbyt ma\u0142e. Je\u015bli podasz zapewnisz im r\u0119czn\u0105 kontrol\u0119 dostosowania rozmiar\u00f3w, zdecydowanie ulepszy to UX<\/strong>.<\/p>\n

<\/div>\n
\n
<\/div>\n

Elementy steruj\u0105ce klawiatury<\/strong><\/h4>\n
<\/div>\n

Nie ka\u017cdy mo\u017ce korzysta\u0107 z myszy. Mo\u017cna by pomy\u015ble\u0107, \u017ce korzystanie z myszy jest \u0142atwym zadaniem, ale s\u0105 ludzie, kt\u00f3rzy maj\u0105 problemy z koordynacj\u0105 lub mog\u0105 u\u017cywa\u0107 tylko przycisk\u00f3w na klawiaturze. Je\u015bli Twoja strona mog\u0142aby by\u0107 obs\u0142ugiwana za pomoc\u0105 klawiatury, z pewno\u015bci\u0105 u\u0142atwi\u0142aby \u017cycie takich os\u00f3b.<\/p>\n

<\/div>\n
\n
<\/div>\n

Napisy do film\u00f3w<\/strong><\/h4>\n
<\/div>\n

G\u0142uche i osoby s\u0142abo s\u0142ysz\u0105ce r\u00f3wnie\u017c chc\u0105 ogl\u0105da\u0107 filmy, ale\u00a0jest to niemo\u017cliwe bez\u00a0do\u0142\u0105czonych do nich napis\u00f3w. Dodanie tekstu do filmu nie jest tak skomplikowane, jak mo\u017cesz sobie wyobrazi\u0107, wi\u0119c powiniene\u015b o tym pomy\u015ble\u0107.<\/p>\n

Oczywi\u015bcie, lepiej zobaczy\u0107 raz, ni\u017c przeczyta\u0107 tysi\u0105c razy,\u00a0poni\u017cej jest wideo W3C Web Accessibility Initiative, kt\u00f3re opisuje wszystkie te funkcje w szczeg\u00f3\u0142ach:<\/p>\n

<\/div>\n