{"id":30607,"date":"2022-07-06T09:36:34","date_gmt":"2022-07-06T07:36:34","guid":{"rendered":"https:\/\/nearshore-it.eu\/artykuly\/dostepnosc-cyfrowa\/"},"modified":"2024-11-07T13:28:55","modified_gmt":"2024-11-07T12:28:55","slug":"dostepnosc-cyfrowa","status":"publish","type":"post","link":"https:\/\/nearshore-it.eu\/pl\/artykuly\/dostepnosc-cyfrowa\/","title":{"rendered":"Testowanie dost\u0119pno\u015bci \u2013 zadbaj o cyfrow\u0105 dost\u0119pno\u015b\u0107 strony internetowej&nbsp;"},"content":{"rendered":"\n<div class=\"table-of-contents\">\n    <p class=\"title\">Przejd\u017a do: <\/p>\n    <ol>\n                    <li><a href=\"#Czym-jest-dost\u0119pno\u015b\u0107?\">1.  Czym jest dost\u0119pno\u015b\u0107?\u00a0<\/a><\/li>\n                    <li><a href=\"#Zapewnienie-dost\u0119pno\u015bci-cyfrowej\">2.  Zapewnienie dost\u0119pno\u015bci cyfrowej\u00a0<\/a><\/li>\n                    <li><a href=\"#Standard-WCAG\">3.  Standard WCAG<\/a><\/li>\n                    <li><a href=\"#Deklaracja-dost\u0119pno\u015bci\">4.  Deklaracja dost\u0119pno\u015bci\u00a0<\/a><\/li>\n                    <li><a href=\"#Dost\u0119pno\u015b\u0107-cyfrowa-w-polskich-przepisach\">5.  Dost\u0119pno\u015b\u0107 cyfrowa w polskich przepisach\u00a0<\/a><\/li>\n                    <li><a href=\"#Audyt-dost\u0119pno\u015bci-cyfrowej-stron-internetowych\">6.  Audyt dost\u0119pno\u015bci cyfrowej stron internetowych\u00a0<\/a><\/li>\n                    <li><a href=\"#Dane-o-dost\u0119pno\u015bci-cyfrowej-w-Polsce\">7.  Dane o dost\u0119pno\u015bci cyfrowej w Polsce\u00a0\u00a0<\/a><\/li>\n                    <li><a href=\"#Testowanie-dost\u0119pno\u015bci-cyfrowej\">8.  Testowanie dost\u0119pno\u015bci cyfrowej<\/a><\/li>\n                    <li><a href=\"#Korzy\u015bci-z-testowania-dost\u0119pno\u015bci\">9.  Korzy\u015bci z testowania dost\u0119pno\u015bci\u00a0<\/a><\/li>\n            <\/ol>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Czym-jest-dost\u0119pno\u015b\u0107?\">Czym jest dost\u0119pno\u015b\u0107?&nbsp;<\/h2>\n\n\n\n<p>Zacznijmy od podstaw, czyli od definicji dost\u0119pno\u015bci cyfrowej. Dost\u0119pno\u015b\u0107 to poj\u0119cie stosowane do opisania stopnia, w jakim dany system mo\u017ce by\u0107 u\u017cywany przez mo\u017cliwie jak najwi\u0119ksz\u0105 grup\u0119 ludzi. <strong>Dost\u0119pno\u015b\u0107 to mo\u017cliwo\u015b\u0107.<\/strong> A mo\u017cliwo\u015b\u0107 ta realnie wp\u0142ywa na zminimalizowanie wykluczenia os\u00f3b z niepe\u0142nosprawno\u015bci\u0105 czy os\u00f3b starszych.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Zapewnienie-dost\u0119pno\u015bci-cyfrowej\">Zapewnienie dost\u0119pno\u015bci cyfrowej&nbsp;<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/nearshore-it.eu\/wp-content\/uploads\/2024\/09\/jpro_2022.07.06_graphic_4.png\" alt=\" class=\" class=\"wp-image-66985\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Wiele element\u00f3w typowych dla wytycznych w zakresie dost\u0119pno\u015bci cyfrowej jest wykorzystywanych nie tylko przez osoby z niepe\u0142nosprawno\u015bciami. Przyk\u0142adowo, napisy w filmach przydaj\u0105 si\u0119 zar\u00f3wno osobom nies\u0142ysz\u0105cym, jak i s\u0142ysz\u0105cym, kt\u00f3re z jakiego\u015b powodu w danym momencie nie mog\u0105 w\u0142\u0105czy\u0107 d\u017awi\u0119ku lub przebywaj\u0105 w g\u0142o\u015bnym pomieszczeniu. Podobnie w przypadku dost\u0119pno\u015bci cyfrowej. Ze strony internetowej zaprojektowanej zgodnie z <a href=\"https:\/\/www.pfron.org.pl\/fileadmin\/ftp\/publikacje\/Podrecznik_Dostepnosc.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">dobrymi praktykami<\/a> skorzystaj\u0105 zar\u00f3wno osoby niewidome i niedowidz\u0105ce, korzystaj\u0105c z czytnik\u00f3w ekranu, jak i osoby zmagaj\u0105ce si\u0119 z tak cz\u0119stym dzi\u015b zm\u0119czeniem wzroku.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Jak w takim razie sprawi\u0107, aby strony internetowe by\u0142y dost\u0119pne dla jak najszerszego grona odbiorc\u00f3w?&nbsp;<\/strong><\/p>\n\n\n\n<p>Z pomoc\u0105 przychodz\u0105 najr\u00f3\u017cniejsze standardy tworzenia stron i aplikacji, stosowane przez producent\u00f3w i tw\u00f3rc\u00f3w oprogramowania. Jednym z takich dokument\u00f3w jest <strong>WCAG (Web Content Accessibility Guidelines).<\/strong>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Standard-WCAG\">Dost\u0119pno\u015b\u0107 cyfrowa strony internetowej \u2013 standard WCAG&nbsp;<\/h2>\n\n\n\n<p><strong>Wytyczne WCAG to dokument okre\u015blaj\u0105cy, jak zwi\u0119kszy\u0107 dost\u0119pno\u015b\u0107 tre\u015bci w sieci dla os\u00f3b z niepe\u0142nosprawno\u015bciami i nie tylko. <\/strong>Dotyczy to najr\u00f3\u017cniejszych sytuacji: os\u00f3b niedowidz\u0105cych, os\u00f3b niewidomych, niepe\u0142nosprawno\u015bci ze wzgl\u0119du na s\u0142uch czy mow\u0119, jak r\u00f3wnie\u017c ogranicze\u0144 mobilnych, poznawczych czy neurologicznych. Nie jest mo\u017cliwe, aby wytyczne w spos\u00f3b jednoznaczny odpowiada\u0142y na potrzeby wszystkich u\u017cytkownik\u00f3w. Natomiast dzi\u0119ki nim tre\u015bci staj\u0105 si\u0119 bardziej u\u017cyteczne i dost\u0119pne dla wi\u0119kszej cz\u0119\u015bci spo\u0142ecze\u0144stwa.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">WCAG 2.1&nbsp;<\/h3>\n\n\n\n<p>Pierwsza wersja dokumentu powsta\u0142a ju\u017c w 1994 roku. Aktualnie obowi\u0105zuj\u0105c\u0105 wersj\u0105 jest <a href=\"https:\/\/www.w3.org\/Translations\/WCAG21-pl\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.1. z 2018 r<strong>.<\/strong><\/a> <\/p>\n\n\n\n<p>Standard sk\u0142ada si\u0119 z czterech g\u0142\u00f3wnych zasad. S\u0105 to:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>postrzegalno\u015b\u0107&nbsp;&nbsp;<\/strong><\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>funkcjonalno\u015b\u0107&nbsp;<\/strong><\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>zrozumia\u0142o\u015b\u0107&nbsp;&nbsp;<\/strong><\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>solidno\u015b\u0107 &nbsp; <br><\/strong>&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>W obr\u0119bie ka\u017cdej zasady podane s\u0105 okre\u015blone, bardziej szczeg\u00f3\u0142owe wytyczne. Definiuj\u0105 one podstawowe cele, do kt\u00f3rych powinni d\u0105\u017cy\u0107 tw\u00f3rcy stron. Opr\u00f3cz tego ka\u017cda wytyczna zawiera mierzalne kryteria sukcesu, kt\u00f3re w jednoznaczny spos\u00f3b pozwalaj\u0105 oceni\u0107, czy za\u0142o\u017cenia zosta\u0142y spe\u0142nione. Zdefiniowane s\u0105 przez trzy poziomy zgodno\u015bci:&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A \u2013 najni\u017cszy <\/strong><\/li>\n\n\n\n<li><strong>AA \u2013 \u015bredni&nbsp;&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>AAA \u2013 najwy\u017cszy&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Dodatkowo do ka\u017cdej wytycznej zebrano szereg technik, kt\u00f3re pomagaj\u0105 tw\u00f3rcom sprawnie je realizowa\u0107.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">G\u0142\u00f3wne zasady WCAG&nbsp;<\/h3>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Postrzegalno\u015b\u0107&nbsp;<\/strong><\/h5>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full\"><img decoding=\"async\" src=\"https:\/\/nearshore-it.eu\/wp-content\/uploads\/2024\/09\/jpro_2022.07.06_graphic_3.png\" alt=\" class=\" class=\"wp-image-66983\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Pierwsz\u0105 zasad\u0105 jest postrzegalno\u015b\u0107. Dotyczy czytelno\u015bci tre\u015bci, tak <strong>aby interfejs by\u0142 dostrzegalny dla okre\u015blonych zmys\u0142\u00f3w.<\/strong> Przeprowadzaj\u0105c testy dost\u0119pno\u015bci danej strony, musimy zwr\u00f3ci\u0107 uwag\u0119 na jej czytelno\u015b\u0107 i logiczn\u0105 struktur\u0119 tre\u015bci, gdzie wyr\u00f3\u017cnienia nie opieraj\u0105 si\u0119 tylko na kolorze. Nag\u0142\u00f3wki powinny mie\u0107 okre\u015blon\u0105 wielko\u015b\u0107, jednoznacznie sugeruj\u0105c\u0105 tytu\u0142, podtytu\u0142 i tre\u015b\u0107. Strona g\u0142\u00f3wna i podstrony powinny by\u0107 oparte na tej samej logice. Warto sprawdzi\u0107, czy mamy, jako u\u017cytkownicy, wp\u0142yw na wygl\u0105d strony (rozmiar czcionki, dostosowanie kontrastu itp.). Wa\u017cne, aby opcja ta by\u0142a \u0142atwo dost\u0119pna.&nbsp;&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/nearshore-it.eu\/wp-content\/uploads\/2024\/09\/jpro_2022.07.06_graphic_2.png\" alt=\" class=\" class=\"wp-image-66995\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Aby oznaczy\u0107 dost\u0119pno\u015b\u0107 stron internetowych dla os\u00f3b niepe\u0142nosprawnych, tw\u00f3rcy korzystaj\u0105 cz\u0119sto z ikony jednoznacznie kojarz\u0105cej si\u0119 z niepe\u0142nosprawno\u015bci\u0105. Czasem na stronach s\u0105 litery AAA, czasem ciemny kwadrat sugeruj\u0105cy zmian\u0119 kontrastu. Tre\u015bci multimedialne, audio i video, powinny mie\u0107 transkrypcje, a tre\u015bci nietekstowe, grafiki i zdj\u0119cia, alternatywny opis tekstowy.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Funkcjonalno\u015b\u0107&nbsp;<\/strong><\/h5>\n\n\n\n<p>Kolejn\u0105 zasad\u0105 jest funkcjonalno\u015b\u0107. M\u00f3wi ona o tym, \u017ce niezale\u017cnie od sposobu, w jaki u\u017cytkownik nawiguje po stronie \/ aplikacji (czy to z pomoc\u0105 myszki, czy innych narz\u0119dzi) \u2013 <strong>powinien mie\u0107 mo\u017cliwo\u015b\u0107 obs\u0142u\u017cenia wszystkiego z pomoc\u0105 klawiatury.<\/strong> Elementy wybrane powinny mie\u0107 dobr\u0105 widoczno\u015b\u0107 (fokus). Wa\u017cne s\u0105 te\u017c brak migaj\u0105cych tre\u015bci i mo\u017cliwo\u015b\u0107 \u0142atwego wy\u0142\u0105czenia ruchomych element\u00f3w przez u\u017cytkownika (pewnie ka\u017cdy z nas natkn\u0105\u0142 si\u0119 kiedy\u015b na migaj\u0105cy element w okienku, kt\u00f3rego wy\u0142\u0105czenie wydawa\u0142o si\u0119 niewykonalne). Przegl\u0105daj\u0105c niekt\u00f3re portale, nawet informacyjne, mam spore w\u0105tpliwo\u015bci, czy zosta\u0142y wykonane testy zwi\u0105zane z dost\u0119pno\u015bci\u0105 cyfrow\u0105.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Bardzo wa\u017cnym elementem decyduj\u0105cym o funkcjonalno\u015bci jest czas potrzebny do przeczytania i skorzystania z tre\u015bci. Chodzi o mo\u017cliwo\u015b\u0107 dostosowania limitu czasu (gdy np. ciasteczka na stronie s\u0105 ustawione tak, \u017ce po kilku minutach nast\u0119puje wylogowanie u\u017cytkownika).&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/nearshore-it.eu\/wp-content\/uploads\/2024\/09\/jpro_2022.07.06_graphic_5.png\" alt=\" class=\" class=\"wp-image-66987\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Kryteria okre\u015blaj\u0105, \u017ce limit mo\u017cna zwi\u0119kszy\u0107 przynajmniej 10 razy, a przed up\u0142yni\u0119ciem okre\u015blonego czasu dostaje si\u0119 informacj\u0119 o mo\u017cliwo\u015bci wyd\u0142u\u017cenia limitu za pomoc\u0105 prostej czynno\u015bci. Funkcjonalno\u015b\u0107 to te\u017c wszelkie gesty dotykowe, jak i rozmiar celu dotykowego. &nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Zrozumia\u0142o\u015b\u0107&nbsp;<\/strong><\/h5>\n\n\n\n<p>Trzeci\u0105 zasad\u0105 jest zrozumia\u0142o\u015b\u0107. Wymaga od autor\u00f3w tre\u015bci, by <strong>u\u017cytkownik rozumia\u0142 tre\u015b\u0107 i dzia\u0142anie strony.<\/strong> Cz\u0119\u015bciowo \u0142\u0105czy si\u0119 z poprzedni\u0105 zasad\u0105, bo poprawne funkcjonowanie strony czy aplikacji u\u0142atwia jej zrozumienie. Jest to szczeg\u00f3lnie wa\u017cna zasada w takich miejscach w sieci jak strony rz\u0105dowe, g\u0142\u00f3wne portale informacyjne czy strony internetowe bank\u00f3w. To istotne zw\u0142aszcza w kontek\u015bcie os\u00f3b korzystaj\u0105cych z r\u00f3\u017cnych aplikacji wspomagaj\u0105cych \u2013 prosty, naturalny j\u0119zyk tre\u015bci mo\u017ce by\u0107 bez problemu odczytany przez program (warto zapozna\u0107 si\u0119 ze stron\u0105 Pracowni Prostej Polszczyzny <a href=\"http:\/\/ppp.uni.wroc.pl\/\" target=\"_blank\" rel=\"noreferrer noopener\">Prosto Po Polsku<\/a> Uniwersytetu Wroc\u0142awskiego, na kt\u00f3rej jest wiele ciekawych informacji o tym, jak pisa\u0107 przyst\u0119pnie i zrozumiale, bez zb\u0119dnej formalizacji i komplikowania, a przede wszystkim \u2013 jak pisa\u0107 \u201edo ludzi\u201d).&nbsp;<\/p>\n\n\n\n<p>Pomoc przy wprowadzaniu danych jest kolejnym wa\u017cnym elementem zasady zrozumia\u0142o\u015bci. Przyk\u0142adowo, automatyczne wykrywanie b\u0142\u0119d\u00f3w podczas wprowadzania danych we wszelkiego rodzaju formularzach oraz opis b\u0142\u0119du zmniejsza ryzyko wprowadzenia z\u0142ych danych. Etykiety przy polu formularza powinny by\u0107 widoczne i zrozumia\u0142e, a wprowadzanie danych \u2013 odwracalne.&nbsp;&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Solidno\u015b\u0107&nbsp;<\/strong><\/h5>\n\n\n\n<p>Ostatni\u0105 zasad\u0105 jest solidno\u015b\u0107. W polskim prawie zasada ta nazwana jest kompatybilno\u015bci\u0105. Dotyczy ona <strong>ujednolicenia strony czy aplikacji tak, by by\u0142y one dost\u0119pne w wielu r\u00f3\u017cnych systemach i przegl\u0105darkach<\/strong> u\u017cytkownik\u00f3w. Niezale\u017cnie od tego, jakiej przegl\u0105darki internetowej u\u017cywa dana osoba, tre\u015bci powinny by\u0107 na nich jednakowo dost\u0119pne.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Deklaracja-dost\u0119pno\u015bci\">Deklaracja dost\u0119pno\u015bci&nbsp;<\/h2>\n\n\n\n<p>Co warto wiedzie\u0107 o deklaracji dost\u0119pno\u015bci? Jest to dokument potwierdzaj\u0105cy spe\u0142nienie wszystkich wymaga\u0144 danej normy, wytycznych czy specyfikacji. To w\u0142a\u015bnie za pomoc\u0105 poziom\u00f3w dost\u0119pno\u015bci okre\u015bla si\u0119 zgodno\u015b\u0107 aplikacji z przyj\u0119tymi standardami. Ocenie podlegaj\u0105 ca\u0142e strony internetowe, jak i procesy, jakie na nich zachodz\u0105.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Taka deklaracja powinna zawiera\u0107 podstawowe informacje na temat strony:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dat\u0119 publikacji strony WWW&nbsp;&nbsp;<\/li>\n\n\n\n<li>dat\u0119 ostatniej du\u017cej aktualizacji&nbsp;<\/li>\n\n\n\n<li>dat\u0119 sporz\u0105dzenia deklaracji&nbsp;&nbsp;<\/li>\n\n\n\n<li>informacj\u0119, na jakiej podstawie zosta\u0142a napisana (np. czy by\u0142a to samoocena) &nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Najwa\u017cniejszym elementem takiego dokumentu jest wykaz niedost\u0119pnych tre\u015bci w oparciu o zasady standardu WCAG i odpowiedni komentarz z uzasadnieniem, dlaczego dana funkcja jest niedost\u0119pna. Deklaracja dost\u0119pno\u015bci, poza podmiotami publicznymi, nie jest wymagana w ustawie. Tw\u00f3rcy stron mog\u0105 dostosowa\u0107 swoje tre\u015bci do standard\u00f3w nawet bez deklaracji. Natomiast jej obecno\u015b\u0107 pozwala w \u0142atwy spos\u00f3b skontrolowa\u0107, czy strona jest zgodna z ustaw\u0105, i w jasny spos\u00f3b okre\u015bli\u0107 wa\u017cne kroki przy kolejnej aktualizacji.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Dost\u0119pno\u015b\u0107-cyfrowa-w-polskich-przepisach\">Dost\u0119pno\u015b\u0107 cyfrowa w polskich przepisach&nbsp;<\/h2>\n\n\n\n<p>Ustawa o dost\u0119pno\u015bci cyfrowej stron internetowych i aplikacji mobilnych podmiot\u00f3w publicznych w Polsce jest czym\u015b stosunkowo nowym. Ustawa zosta\u0142a napisana dopiero w 2019 r. Wym\u00f3g zwi\u0105zany z dost\u0119pno\u015bci\u0105 cyfrow\u0105 obowi\u0105zuje od <strong>23 wrze\u015bnia 2020 r. <\/strong>w przypadku stron, natomiast aplikacji mobilnych \u2013 <strong>od 23 czerwca 2021 r.<\/strong> Co to oznacza w praktyce? Strona i aplikacja mobilna jest dost\u0119pna cyfrowo, je\u015bli spe\u0142nia okre\u015blone wymagania, zebrane w tabeli b\u0119d\u0105cej za\u0142\u0105cznikiem do ustawy. Sama tabela natomiast jest r\u00f3wnowa\u017cna standardowi WCAG na poziomie AA.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kogo obowi\u0105zuje deklaracja dost\u0119pno\u015bci cyfrowej?&nbsp;<\/h3>\n\n\n\n<p>Wymagania zawarte w przepisach musz\u0105 spe\u0142nia\u0107 podmioty publiczne, s\u0105 to mi\u0119dzy innymi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>jednostki sektora finans\u00f3w publicznych&nbsp;&nbsp;<\/li>\n\n\n\n<li>pa\u0144stwowe jednostki organizacyjne&nbsp;<\/li>\n\n\n\n<li>organizacje pozarz\u0105dowe dzia\u0142aj\u0105ce na rzecz ochrony i promocji zdrowia, senior\u00f3w czy os\u00f3b z niepe\u0142nosprawno\u015bciami&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Szczeg\u00f3\u0142y w zakresie dost\u0119pno\u015bci stron i aplikacji mobilnych podmiot\u00f3w dost\u0119pne s\u0105 na <a href=\"https:\/\/www.gov.pl\/web\/dostepnosc-cyfrowa\/jak-przygotowac-deklaracje-dostepnosci\" target=\"_blank\" rel=\"noreferrer noopener\">stronie rz\u0105dowej.<\/a> Ka\u017cdy u\u017cytkownik mo\u017ce zg\u0142osi\u0107 skarg\u0119 dotycz\u0105c\u0105 braku dost\u0119pno\u015bci strony internetowej podmiotu publicznego. Za \u0142amanie zasady dost\u0119pno\u015bci cyfrowej gro\u017c\u0105 kary nawet do 10 tys. z\u0142.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Audyt-dost\u0119pno\u015bci-cyfrowej-stron-internetowych\">Audyt dost\u0119pno\u015bci cyfrowej stron internetowych&nbsp;<\/h2>\n\n\n\n<p>W Polsce, odk\u0105d wprowadzono ustaw\u0119 w zakresie dost\u0119pno\u015bci stron internetowych i aplikacji mobilnych, regularnie wykonuje si\u0119 audyt wybranych stron. Monitoring ten jest wykonywany we wszystkich krajach Unii Europejskiej. Audyt rz\u0105dowy mo\u017ce by\u0107 przeprowadzony na dwa sposoby.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Audyt uproszczony&nbsp;<\/h3>\n\n\n\n<p>Pierwszym rodzajem jest audyt uproszczony. Badania s\u0105 robione automatycznie i s\u0142u\u017c\u0105 og\u00f3lnej ocenie statystycznej. Badana jest du\u017ca liczba stron, a testowane s\u0105 tylko wybrane wymagania dost\u0119pno\u015bci.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Audyt szczeg\u00f3\u0142owy&nbsp;&nbsp;<\/h3>\n\n\n\n<p>Audyt szczeg\u00f3\u0142owy jest wykonywany przez ekspert\u00f3w wraz z u\u017cytkownikami z okre\u015blonymi niepe\u0142nosprawno\u015bciami. Do bada\u0144 wybierane s\u0105 strony i aplikacje, kt\u00f3re znajduj\u0105 si\u0119 w wykazie stron internetowych podmiot\u00f3w publicznych na stronie rz\u0105dowej.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Dane-o-dost\u0119pno\u015bci-cyfrowej-w-Polsce\">Dane o dost\u0119pno\u015bci cyfrowej w Polsce&nbsp;&nbsp;<\/h2>\n\n\n\n<p>Z raportu o dost\u0119pno\u015bci cyfrowej stron internetowych podmiot\u00f3w publicznych z pierwszej po\u0142owy 2020 r., czyli wykonanego przed wej\u015bciem ustawy w \u017cycie, wynika, \u017ce t<strong>ylko 22,2% badanych stron posiada\u0142o poprawn\u0105 deklaracj\u0119 dost\u0119pno\u015bci. <\/strong>Wzi\u0119to pod uwag\u0119<strong> 835 stron,<\/strong> z czego<strong> 52 przetestowano w spos\u00f3b szczeg\u00f3\u0142owy,<\/strong> na pozosta\u0142ych do testowania dost\u0119pno\u015bci wykorzystano testy automatyczne. Opr\u00f3cz instytucji rz\u0105dowych wykonywaniem audyt\u00f3w dost\u0119pno\u015bci cyfrowej stron internetowych zajmuj\u0105 si\u0119 tak\u017ce wszelkiego rodzaju fundacje oraz firmy prywatne. Wykonywanie takich bada\u0144 na stronie internetowej czy w aplikacji pozwala wyci\u0105gn\u0105\u0107 wnioski i zaplanowa\u0107 dzia\u0142ania naprawcze maj\u0105ce na celu zwi\u0119kszenie dost\u0119pu.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Testowanie-dost\u0119pno\u015bci-cyfrowej\">Testowanie dost\u0119pno\u015bci cyfrowej&nbsp;<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img decoding=\"async\" src=\"https:\/\/nearshore-it.eu\/wp-content\/uploads\/2024\/09\/jpro_2022.07.06_graphic_1.png\" alt=\" class=\" class=\"wp-image-66993\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Zesp\u00f3\u0142 tworz\u0105cy nowy produkt cyfrowy sk\u0142ada si\u0119 z developer\u00f3w, jak i tester\u00f3w. I to w\u0142a\u015bnie zadaniem tester\u00f3w jest sprawdzi\u0107 aplikacj\u0119 nie tylko funkcjonalnie i zgodnie z dokumentacj\u0105, ale r\u00f3wnie\u017c zgodnie z ustaw\u0105 o dost\u0119pno\u015bci. Nawet je\u015bli firma nie jest podmiotem publicznym, warto zada\u0107 sobie trud, by finalny produkt by\u0142 dost\u0119pny dla jak najwi\u0119kszej liczby u\u017cytkownik\u00f3w.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dost\u0119pno\u015b\u0107 okiem testera &nbsp;<\/h3>\n\n\n\n<p>Wielu tester\u00f3w oprogramowania zadaje sobie pytanie: <strong>\u201eCo ja, jako tester, mog\u0119 zrobi\u0107, by realnie zwi\u0119kszy\u0107 poziom dost\u0119pno\u015bci?\u201d. <\/strong><\/p>\n\n\n\n<p><strong>Oto kilka dobrych praktyk:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Na&nbsp;pewno warto zacz\u0105\u0107 od&nbsp;postaw \u2013 zapozna\u0107 si\u0119 z&nbsp;celem i&nbsp;og\u00f3lnym poj\u0119ciem dost\u0119pno\u015bci cyfrowej<\/li>\n\n\n\n<li>Kolejnym wa\u017cnym elementem jest zrozumienie g\u0142\u00f3wnych zasad WCAG i&nbsp;zapoznanie si\u0119 z&nbsp;wytycznymi<\/li>\n\n\n\n<li>Testuj\u0105c stron\u0119, mo\u017cna skorzysta\u0107 z&nbsp;<a href=\"https:\/\/www.gov.pl\/web\/dostepnosc-cyfrowa\/jak-zbadac-czy-strona-www-jest-dostepna-cyfrowo\" target=\"_blank\" rel=\"noreferrer noopener\">gotowych list pyta\u0144.<\/a>&nbsp;S\u0105&nbsp;one skonstruowane w&nbsp;taki spos\u00f3b, \u017ce&nbsp;analizuj\u0105 jeden problem na&nbsp;raz. Na&nbsp;ich podstawie mo\u017cemy te\u017c stworzy\u0107 w\u0142asn\u0105 checklist\u0119, kt\u00f3r\u0105 b\u0119dziemy wykorzystywa\u0107 w&nbsp;testach<\/li>\n\n\n\n<li>Nie&nbsp;zawsze mamy mo\u017cliwo\u015b\u0107 przeprowadzi\u0107 badanie z&nbsp;u\u017cytkownikami z&nbsp;niepe\u0142nosprawno\u015bciami. Dobrym sposobem, aby sprawdzi\u0107 dost\u0119pno\u015b\u0107 cyfrow\u0105, jest wczucie si\u0119 na&nbsp;chwil\u0119 w&nbsp;rol\u0119 osoby na&nbsp;przyk\u0142ad nies\u0142ysz\u0105cej i&nbsp;sprawdzenie na&nbsp;w\u0142asnej sk\u00f3rze, jak korzysta si\u0119 z&nbsp;danej strony<\/li>\n\n\n\n<li>Mo\u017cna te\u017c zrezygnowa\u0107 ca\u0142kowicie z&nbsp;nawigacji myszk\u0105 i&nbsp;porusza\u0107 si\u0119 po&nbsp;stronie tylko&nbsp;z&nbsp;pomoc\u0105 klawiatury<\/li>\n<\/ul>\n\n\n\n<p>Powy\u017csze dwa przypadki mo\u017cemy przetestowa\u0107 bez dodatkowych narz\u0119dzi. Natomiast aby przetestowa\u0107 dost\u0119pno\u015b\u0107 strony dla osoby niewidomej, b\u0119dziemy musieli skorzysta\u0107 z dodatkowych aplikacji, czytaj\u0105cych na \u017cywo tre\u015bci zawarte na stronie (jak np. Envision AI, EverNote czy LookOut).&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Korzy\u015bci-z-testowania-dost\u0119pno\u015bci\">Korzy\u015bci z testowania dost\u0119pno\u015bci&nbsp;<\/h2>\n\n\n\n<p>Jest wiele powod\u00f3w, dla kt\u00f3rych warto skupi\u0107 si\u0119 na testowaniu dost\u0119pno\u015bci. Poczynaj\u0105c od najbardziej oczywistego, czyli samej dost\u0119pno\u015bci, kt\u00f3ra jest naszym celem:&nbsp;<\/p>\n\n\n\n<p>1. <strong>Dost\u0119pno\u015b\u0107<\/strong> \u2013 stworzenie produktu dost\u0119pnego dla wszystkich, bez wykluczenia cyfrowego, bez barier w dost\u0119pie do informacji czy aplikacji&nbsp;<\/p>\n\n\n\n<p>2. <strong>U\u017cyteczno\u015b\u0107<\/strong> \u2013 dobrze zaprojektowane strony b\u0119d\u0105 u\u017cyteczne i ch\u0119tniej odwiedzane przez u\u017cytkownik\u00f3w. Nale\u017cy pami\u0119ta\u0107, \u017ce w takim samym stopniu tyczy si\u0119 to os\u00f3b na sta\u0142e potrzebuj\u0105cych wspomagania, jak i os\u00f3b, kt\u00f3re czasowo potrzebuj\u0105 dodatkowej pomocy. Na my\u015bl przychodz\u0105 mi zar\u00f3wno osoby starsze, kt\u00f3rym \u0142atwiej b\u0119dzie czyta\u0107 tekst napisany wi\u0119ksz\u0105 czcionk\u0105, jak i matki ma\u0142ych dzieci, kt\u00f3re chc\u0105 dowiedzie\u0107 si\u0119 czego\u015b z materia\u0142u video, a nie mog\u0105 w\u0142\u0105czy\u0107 d\u017awi\u0119ku, by nie obudzi\u0107 niemowlaka&nbsp;&nbsp;<\/p>\n\n\n\n<p>3. <strong>Komfort <\/strong>\u2013 sama po laserowej korekcji wzroku doceni\u0142am mo\u017cliwo\u015b\u0107 regulacji jasno\u015bci ekranu i dostosowania kontrastu, tak by oczy mniej si\u0119 m\u0119czy\u0142y&nbsp;<\/p>\n\n\n\n<p>4. <strong>Zgodno\u015b\u0107 z prawem <\/strong>\u2013 wa\u017cnym powodem dla testowania dost\u0119pno\u015bci s\u0105 regulacje prawne, coraz bardziej restrykcyjnie przestrzegane w wielu krajach. Dotyczy to zw\u0142aszcza stron finansowanych z bud\u017cetu sektora publicznego. Spe\u0142niaj\u0105c normy prawne, tw\u00f3rcy stron mog\u0105 by\u0107 pewni, \u017ce tworz\u0105 przyst\u0119pny produkt, a przy tym nie gro\u017c\u0105 im kary finansowe&nbsp;<\/p>\n\n\n\n<p>5. <strong>Lepsze pozycjonowanie w wyszukiwarkach<\/strong> \u2013 ostatnim, r\u00f3wnie wa\u017cnym powodem, jest lepsze pozycjonowanie stron w Google. Strona stworzona w zgodzie z obowi\u0105zuj\u0105cymi standardami jest nie tylko bardziej przyst\u0119pna dla wszystkich u\u017cytkownik\u00f3w (w tym tych, kt\u00f3rzy korzystaj\u0105 z czytnik\u00f3w ekranu). Pozwala te\u017c na \u0142atwiejsze pozyskiwanie nowych u\u017cytkownik\u00f3w&nbsp;<\/p>\n\n\n\n<p><strong>Przeczytaj tak\u017ce: <a href=\"https:\/\/nearshore-it.eu\/pl\/artykuly\/testowanie-oprogramowania\/\">Testowanie oprogramowania. Co&nbsp;trzeba wiedzie\u0107?<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Podsumowuj\u0105c&#8230;&nbsp;<\/h2>\n\n\n\n<p>Temat dost\u0119pno\u015bci jest bardzo obszerny i mo\u017cna by godzinami o nim dyskutowa\u0107, a nawet pisa\u0107 prace magisterskie. W ostatnich latach wzros\u0142o zainteresowanie testowaniem dost\u0119pno\u015bci, co jest zdecydowanie na plus. Na temat testowania dost\u0119pno\u015bci i standard\u00f3w mo\u017cna znale\u017a\u0107 coraz wi\u0119cej informacji, nie tylko w j\u0119zyku angielskim, ale r\u00f3wnie\u017c polskim. Zar\u00f3wno tw\u00f3rcom stron, jak i testerom oprogramowania nie pozostaje nic innego, jak dokszta\u0142ca\u0107 si\u0119 i wsp\u00f3lnie d\u0105\u017cy\u0107 do tego, by Internet i szeroko rozumiany \u015bwiat technologii by\u0142 miejscem mo\u017cliwie jak najbardziej dost\u0119pnym dla wszystkich.&nbsp;<\/p>\n\n\n\n<p><strong>Przeczytaj tak\u017ce:<\/strong><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/nearshore-it.eu\/pl\/artykuly\/testowanie-funkcjonalne\/\">Testowanie funkcjonalne<\/a><br><a href=\"https:\/\/nearshore-it.eu\/pl\/artykuly\/testy-niefunkcjonalne\/\">Testowanie niefunkcjonalne<\/a><br><a href=\"https:\/\/nearshore-it.eu\/pl\/artykuly\/quality-assurance-czyli-jak-zagwarantowac-jakosc-i-bezpieczenstwo-w-projektach-it\/\">QA: Zadbaj o jako\u015b\u0107 w projektach IT<\/a><\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czy potrafimy wyobrazi\u0107 sobie sytuacj\u0119, w kt\u00f3rej p\u0142acimy za wyrafinowany projekt architektoniczny, a jaka\u015b cz\u0119\u015b\u0107 nowo powsta\u0142ego budynku jest niedost\u0119pna dla niekt\u00f3rych os\u00f3b, np. starszych lub z niepe\u0142nosprawno\u015bci\u0105 ruchow\u0105? Podobnie sprawa wygl\u0105da, je\u015bli chodzi o zapewnienie dost\u0119pno\u015bci cyfrowej stron internetowych i aplikacji mobilnych. Pi\u0119kny design strony WWW to nie wszystko! Jak zatem mo\u017cemy sprawdzi\u0107, czy strona lub aplikacja mobilna b\u0119dzie dost\u0119pna dla wszystkich u\u017cytkownik\u00f3w, w tym tak\u017ce os\u00f3b z niepe\u0142nosprawno\u015bciami? Przeczytaj artyku\u0142 i poznaj najwa\u017cniejsze zagadnienia zwi\u0105zane z testowaniem dost\u0119pno\u015bci cyfrowej.<\/p>\n","protected":false},"author":183,"featured_media":30624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"iawp_total_views":100,"footnotes":""},"categories":[1,582],"tags":[562],"offering":[513],"class_list":["post-30607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artykuly","category-technologie","tag-qa","offering-application-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/posts\/30607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/users\/183"}],"replies":[{"embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/comments?post=30607"}],"version-history":[{"count":5,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/posts\/30607\/revisions"}],"predecessor-version":[{"id":33837,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/posts\/30607\/revisions\/33837"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/media\/30624"}],"wp:attachment":[{"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/media?parent=30607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/categories?post=30607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/tags?post=30607"},{"taxonomy":"offering","embeddable":true,"href":"https:\/\/nearshore-it.eu\/pl\/wp-json\/wp\/v2\/offering?post=30607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}