--- title: "Dostępność cyfrowa: co to jest? Słownik pojęć" description: "Dostępność cyfrowa to projektowanie stron i aplikacji tak, żeby korzystały z nich też osoby z niepełnosprawnościami, np. niewidome albo niesłyszące." url: https://fluostudio.pl/baza-wiedzy/slownik/dostepnosc-cyfrowa/ --- [Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www) # Dostępność cyfrowa Inaczej accessibility, a11y, dostępność stron internetowych Dostępność cyfrowa to projektowanie stron i aplikacji tak, żeby mogły z nich korzystać także osoby z niepełnosprawnościami, np. niewidome, słabowidzące, niesłyszące albo obsługujące komputer tylko klawiaturą. ## W skrócie - Standard: WCAG (wytyczne W3C), w praktyce wymagany poziom AA - Kontrast tekstu do tła co najmniej 4,5:1, dla dużego tekstu 3:1 - Całą stronę da się obsłużyć samą klawiaturą - Zdjęcia, które niosą treść, mają tekst alternatywny ## Usługi - [Strona zgodna z WCAG](https://fluostudio.pl/uslugi/strony-www/strona-zgodna-z-wcag/) - [Strony www](https://fluostudio.pl/uslugi/strony-www/) - [UI / UX design](https://fluostudio.pl/uslugi/product-design/ui-ux-design/) Niewidomy klient wchodzi do [sklepu internetowego](https://fluostudio.pl/baza-wiedzy/slownik/sklep-internetowy/) z czytnikiem ekranu. Czytnik odczytuje mu po kolei: „przycisk, przycisk, grafika, link”. Klient nie wie, który przycisk dodaje do koszyka, a który zamyka okno. Zakupy zrobi gdzie indziej. Dostępność to w większości zwykła, porządna robota projektowa i programistyczna: wystarczający kontrast, czytelna [typografia](https://fluostudio.pl/baza-wiedzy/slownik/typografia/), logiczne nagłówki, opisy zdjęć, etykiety przy polach formularza, obsługa klawiaturą, napisy w filmach. Korzystają na tym też starsi klienci, ktoś z ręką w gipsie i ktoś, kto czyta telefon w pełnym słońcu. ## Co mówią przepisy W Polsce strony i aplikacje podmiotów publicznych muszą spełniać wymagania ustawy o dostępności cyfrowej, oparte na WCAG na poziomie AA, i mieć deklarację dostępności. Od 28 czerwca 2025 r. wymagania dostępności, wynikające z Europejskiego Aktu o Dostępności, objęły też część firm prywatnych, m.in. sklepy internetowe i usługi bankowe dla konsumentów. Czy przepisy dotyczą konkretnej firmy, zależy od rodzaju usług i jej wielkości. To ocena dla prawnika. W praktyce technicznej punktem odniesienia i tak jest WCAG na poziomie AA. ## Czego nie załatwi wtyczka Nakładka dostępności, czyli przycisk w rogu strony, który powiększa tekst i zmienia kolory, nie robi strony dostępnej. Nie doda etykiet do formularza, nie poprawi kolejności nagłówków i nie opisze zdjęć tak, jak zrobiłby to człowiek. Dostępność buduje się w projekcie i w kodzie, czyli na [front-endzie](https://fluostudio.pl/baza-wiedzy/slownik/front-end/). Problemy często zaczynają się wcześniej, w identyfikacji. Jasnozielony kolor marki na białym tle dobrze wygląda w prezentacji, ale tekst w tym kolorze nie przejdzie testu kontrastu. Lepiej wiedzieć to przy projektowaniu [palety kolorów](https://fluostudio.pl/baza-wiedzy/slownik/paleta-kolorow/) niż po wdrożeniu strony. W projekcie Urtica strona miała spełniać WCAG 2.1 na poziomie AA, więc dostępność dostała osobną część warsztatów, a w brandbooku każdy kolor marki ma zasady, jaki tekst może na nim stać. Najpewniejszy test to człowiek: przejście strony samą klawiaturą i z czytnikiem ekranu, a przy większych projektach [testy użyteczności](https://fluostudio.pl/baza-wiedzy/slownik/testy-uzytecznosci/) z osobami z niepełnosprawnościami. Automatyczne narzędzia wyłapią tylko część błędów. ## Zobacz też - [Strony www UX UX (user experience) to doświadczenie człowieka, który korzysta ze strony, aplikacji albo usługi: czy szybko znajduje to, czego szuka, rozumie, co ma zrobić, i kończy sprawę bez frustracji.](https://fluostudio.pl/baza-wiedzy/slownik/ux/) - [Identyfikacja wizualna Paleta kolorów Paleta kolorów to ustalony zestaw barw marki z dokładnymi zapisami do druku i na ekran oraz zasadami, ile którego koloru używać. Bez takich zapisów każdy wykonawca dobiera odcień na oko.](https://fluostudio.pl/baza-wiedzy/slownik/paleta-kolorow/) - [Identyfikacja wizualna Typografia Typografia to dobór i układ liter w tekście: krojów pisma, ich wielkości, odstępów i hierarchii. W identyfikacji wizualnej to zasady, dzięki którym teksty marki łatwo się czyta i wyglądają wszędzie tak samo.](https://fluostudio.pl/baza-wiedzy/slownik/typografia/) - [Strony www Testy użyteczności Testy użyteczności to badanie, w którym prawdziwi użytkownicy wykonują na stronie, w aplikacji albo na prototypie konkretne zadania, a badacz obserwuje, gdzie się wahają, mylą i rezygnują.](https://fluostudio.pl/baza-wiedzy/slownik/testy-uzytecznosci/) - [Strony www Front-end Front-end to część strony lub aplikacji, którą użytkownik widzi i obsługuje, czyli układ, przyciski, formularze i animacje. Powstaje w HTML, CSS i JavaScripcie i działa w przeglądarce.](https://fluostudio.pl/baza-wiedzy/slownik/front-end/) - [Strony www Sklep internetowy Sklep internetowy to serwis, w którym klient sam wybiera produkt, płaci i zamawia dostawę. Za witryną stoi system, który obsługuje zamówienia, płatności, stany magazynowe i zwroty.](https://fluostudio.pl/baza-wiedzy/slownik/sklep-internetowy/) - [Strony www UX writing UX writing to pisanie tekstów w interfejsie: etykiet przycisków, nazw w menu, podpowiedzi w formularzach, komunikatów o błędach i potwierdzeń. Mają poprowadzić człowieka przez zadanie bez zastanawiania się.](https://fluostudio.pl/baza-wiedzy/slownik/ux-writing/) Hasło pojawia się też w: [Color coding](https://fluostudio.pl/baza-wiedzy/slownik/color-coding/), [Ebook](https://fluostudio.pl/baza-wiedzy/slownik/ebook/), [Infografika](https://fluostudio.pl/baza-wiedzy/slownik/infografika/), [Motion guidelines](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/), [Raport roczny](https://fluostudio.pl/baza-wiedzy/slownik/raport-roczny/), [Responsywność](https://fluostudio.pl/baza-wiedzy/slownik/responsywnosc/), [Scrollytelling](https://fluostudio.pl/baza-wiedzy/slownik/scrollytelling/), [UI](https://fluostudio.pl/baza-wiedzy/slownik/ui/), [WebGL](https://fluostudio.pl/baza-wiedzy/slownik/webgl/) ## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)