Kogo obowi\u0105zuj\u0105 wytyczne?<\/h2>\n\n\n\n
Obowi\u0105zek wdro\u017cenia standard\u00f3w dost\u0119pno\u015bci dotyczy przede wszystkim stron internetowych i aplikacji mobilnych podmiot\u00f3w publicznych oraz instytucji przez nie finansowanych. Jednak\u017ce wdra\u017canie standard\u00f3w WCAG jest dobr\u0105 praktyk\u0105 r\u00f3wnie\u017c w przypadku prywatnych firm. Warto wspomnie\u0107, \u017ce aby serwis by\u0142 dost\u0119pny cyfrowo nale\u017cy spe\u0142ni\u0107 wszystkie kryteria sukcesu wymagane dla poziomu A<\/strong> oraz AA<\/strong>.<\/p>\n\n\n\n Szczeg\u00f3\u0142owy zapis obowi\u0105zuj\u0105cej w Polsce ustawy znajdziecie w dokumencie Ustawa z 4 kwietnia 2019 roku o dost\u0119pno\u015bci cyfrowej stron internetowych i aplikacji mobilnych podmiot\u00f3w publicznych<\/a>.<\/p>\n\n\n\n W marcu 2023 roku w Dzienniku Ustaw opublikowano zmiany w ustawie o dost\u0119pno\u015bci cyfrowej stron internetowych i aplikacji mobilnych podmiot\u00f3w publicznych. Tekst nowelizacji jest dost\u0119pny pod linkiem<\/a>.<\/p>\n\n\n\n Nowelizacja ustawy o dost\u0119pno\u015bci cyfrowej ma na celu zwi\u0119kszenie efektywno\u015bci wdra\u017cania wymog\u00f3w dotycz\u0105cych dost\u0119pno\u015bci stron internetowych oraz aplikacji mobilnych przez podmioty publiczne.<\/p>\n\n\n\n Wspomniana wy\u017cej ustawa wprowadza obowi\u0105zek umieszczania dost\u0119pnych cyfrowo deklaracji dost\u0119pno\u015bci na stronach internetowych i w aplikacjach mobilnych podmiot\u00f3w publicznych i podmiot\u00f3w przez nie finansowanych.<\/p>\n\n\n\n Czym jest deklaracja dost\u0119pno\u015bci? Jest to dokument sporz\u0105dzany na podstawie wzoru Ministerstwa Cyfryzacji (Warunki techniczne publikacji oraz struktura dokumentu elektronicznego “Deklaracji Dost\u0119pno\u015bci”<\/a>). Okre\u015bla zgodno\u015b\u0107 z wymaganiami WCAG 2.1 dla poziom\u00f3w zgodno\u015bci A i AA.<\/p>\n\n\n\n W du\u017cym skr\u00f3cie Deklaracja zawiera:<\/p>\n\n\n\n Deklaracja powinna by\u0107 aktualizowana do 31 marca ka\u017cdego roku i umieszczona na stronie www w widocznym miejscu (na przyk\u0142ad w stopce lub nag\u0142\u00f3wku).<\/p>\n\n\n\n Og\u00f3lna odpowiedzialno\u015b\u0107 za wdro\u017cenie standard\u00f3w spoczywa na organizacji, do kt\u00f3rej nale\u017cy strona lub aplikacja mobilna. Wykonawcami zalece\u0144 mog\u0105 by\u0107 zar\u00f3wno autorzy tre\u015bci, edytorzy, jak i projektanci UX i UI oraz programi\u015bci. Ka\u017cda z tych os\u00f3b dostosowuje dzia\u0142anie strony na r\u00f3\u017cnym poziomie.<\/p>\n\n\n\n UX designer zajmie si\u0119 u\u017cyteczno\u015bci\u0105 strony maj\u0105c na wzgl\u0119dzie wytyczne WCAG, a grafik dostosuje szat\u0119 graficzn\u0105 pod konieczne wymagania. Na etapie projektowania prototypu b\u0119dzie to na przyk\u0142ad opracowanie sp\u00f3jnej nawigacji, umo\u017cliwienie u\u017cytkownikowi szybkiego dotarcia do istotnych tre\u015bci. Programista opracuje przejrzysty kod, kt\u00f3ry w takiej formie jest mo\u017cliwy do interpretacji przez czytniki ekranu. Bez w\u0105tpienia wa\u017cnym zadaniem jest r\u00f3wnie\u017c opracowanie tre\u015bci, zar\u00f3wno pod wzgl\u0119dem merytorycznym jak i edycyjnym. Zadaniem os\u00f3b za to odpowiedzialnych jest mi\u0119dzy innymi opracowanie i dodanie tekst\u00f3w alternatywnych do grafik czy sporz\u0105dzenie transkrypcji pliku audio.<\/p>\n\n\n\n W ca\u0142ym procesie wa\u017cne jest r\u00f3wnie\u017c testowanie i weryfikacja dost\u0119pno\u015bci na poszczeg\u00f3lnym etapach. Przyk\u0142adowo podczas projektowania konieczne b\u0119dzie sprawdzanie kontrastu element\u00f3w layoutu.<\/p>\n\n\n\n Na dalszym etapie wdro\u017cenia konieczne b\u0119dzie sprawdzenie dost\u0119pno\u015bci strony z poziomu klawiatury. Czy fokus jest wystarczaj\u0105co widoczny? Ustawia si\u0119 na linkach w logicznej kolejno\u015bci? Czy nie ma \u017cadnych pu\u0142apek na klawiatur\u0119? Na koniec upewnijcie si\u0119 czy media maj\u0105 swoj\u0105 alternatyw\u0119 w postaci tekstu.<\/p>\n\n\n\n Szczeg\u00f3\u0142owe kryteria sukcesu zosta\u0142y pogrupowane w wytyczne, a te sk\u0142adaj\u0105 si\u0119 na cztery g\u0142\u00f3wne zasady:<\/p>\n\n\n\n Kryteria sukcesu natomiast mo\u017cna podzieli\u0107 ze wzgl\u0119du na poziom zgodno\u015bci ze standardem WCAG na:<\/p>\n\n\n\n Na samym wst\u0119pie wspomnia\u0142am o u\u017cytkownikach z r\u00f3\u017cnego rodzaju niepe\u0142nosprawno\u015bciami, kt\u00f3rych potrzeby uwzgl\u0119dnia WCAG. Opr\u00f3cz trwa\u0142ych ogranicze\u0144, takich jak dysfunkcja wzroku, s\u0142uchu, ruchu, zdarzaj\u0105 si\u0119 czasowe ograniczenia sprawno\u015bci (kiedy czasowo tracimy zdolno\u015b\u0107 poruszania si\u0119 czy percepcji). Wytyczne bior\u0105 pod uwag\u0119 tak\u017ce potrzeby u\u017cytkownik\u00f3w starszych, czy os\u00f3b z zaburzeniami funkcji poznawczych (maj\u0105cych trudno\u015bci w rozumieniu tre\u015bci, skupieniu uwagi, zapami\u0119tywaniu). Dost\u0119pna strona zapewnia komfort korzystania z niej tak\u017ce u\u017cytkownikom urz\u0105dze\u0144 mobilnych.<\/p>\n\n\n\n Reasumuj\u0105c, wynika z tego prosta zasada: im wi\u0119cej wytycznych zostanie spe\u0142nionych przez tw\u00f3rc\u00f3w strony, tym wi\u0119cej u\u017cytkownik\u00f3w b\u0119dzie w stanie z niej korzysta\u0107. Spe\u0142nienie kryteri\u00f3w dost\u0119pno\u015bci jest szczeg\u00f3lnie wa\u017cne na stronach s\u0142u\u017c\u0105cych og\u00f3\u0142owi spo\u0142ecze\u0144stwa. Internet jest cz\u0119sto g\u0142\u00f3wnym \u017ar\u00f3d\u0142em informacji, dlatego warto zadba\u0107 o dost\u0119pn\u0105 stron\u0119 internetow\u0105.<\/p>\n\n\n\n W kolejnej cz\u0119\u015bci artyku\u0142u<\/a> zapoznacie si\u0119 ze skr\u00f3conym opisem wytycznych WCAG 2.1. Ze wzgl\u0119du na ilo\u015b\u0107 i szczeg\u00f3\u0142owo\u015b\u0107 zasad omawiam jedynie wymagania dla dw\u00f3ch poziom\u00f3w zgodno\u015bci: A i AA. Pomin\u0119\u0142am kryteria sukcesu dla poziomu AAA. Po pe\u0142n\u0105 dawk\u0119 informacji zapraszam na stron\u0119 www.wcag21.lepszyweb.pl\/#toc<\/a> oraz www.w3.org\/TR\/WCAG21<\/a> (w wersji angielskiej).<\/p>\n\n\n\n Mamy nadziej\u0119, \u017ce wiedza zawarta w tym artykule b\u0119dzie dla Ciebie pomocna, a je\u015bli mia\u0142by\u015b jakie\u015b uwagi, to zapraszamy do komentowania na naszym Facebookowym fanpage\u2019u<\/a> \ud83d\ude42<\/p>\n <\/p> Deklaracja dost\u0119pno\u015bci<\/h2>\n\n\n\n
\n
Kto dostosowuje strony?<\/h2>\n\n\n\n
![\"Narz\u0119dzie](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/contrast-ratio-1.png\")
Podstawowy podzia\u0142 WCAG<\/h2>\n\n\n\n
\n
![](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/marcin-stawowiak-56x56.jpeg\"\n\t\t\t\tclass=\"size-[56px])
\n\t\t\t<\/div>\n\t\n
R\u00f3\u017cni u\u017cytkownicy = r\u00f3\u017cne potrzeby<\/h2>\n\n\n\n
![](\"https:\/\/smultron.software\/content\/uploads\/2024\/01\/681c046dafbd67a84a6a2820a207caa9-e1706629988730-768x515.jpeg\"\n\t\t\t\twidth=\"327\"\n\t\t\t\theight=\"204\"\n\t\t\t\tclass=\"w-full)
\n\t\t\t
Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<\/ul><\/div>\n