Dostępność stron internetowych
Czym są dostępne strony internetowe?
Zgodnie z prawem BFSG, strona internetowa musi od 28 czerwca 2025 r. być zaprojektowane bez barier
Czym jest dostępność cyfrowa?
Dostępność cyfrowa opisuje projektowanie stron internetowych, aplikacji i treści cyfrowych w taki sposób, aby mogły być używane przez wszystkie osoby bez ograniczeń. Dotyczy to w szczególności osób z upośledzeniami fizycznymi, sensorycznymi lub poznawczymi. Celem dostępność cyfrowa stron internetowych jest zapewnienie wszystkim równego dostępu do informacji cyfrowych, usług i środków komunikacji - niezależnie od ich indywidualnej sytuacji.
Dostępne strony internetowe uznają różnorodność swoich użytkowników. Niezależnie od tego, czy ktoś jest niewidomy i korzysta z czytnika ekranu, czy osoba ma ograniczone zdolności motoryczne i nie może używać myszy, czy też ktoś z trudnościami w nauce potrzebuje po prostu ustrukturyzowanej treści - dostępna strona internetowa oferuje każdemu taki sam funkcjonalny dostęp. Obejmuje to implementacje techniczne, takie jak semantyczny HTML, wystarczające kontrasty kolorów, napisy do filmów, alternatywne teksty dla obrazów i możliwość sterowania wszystkimi funkcjami za pomocą klawiatury.
Dostępność to jednak nie tylko kwestia społeczna czy etyczna. W wielu krajach jest to wymóg prawny. W UE, na przykład, dyrektywa (UE) 2016/2102 ma zastosowanie do organów publicznych, a od 2025 r. Ustawa o wzmocnieniu dostępności (BFSG) obowiązuje również wielu prywatnych dostawców. Tworzenie dostępnych ofert cyfrowych nie tylko zwiększa zasięg i zadowolenie użytkowników, ale także zmniejsza ryzyko prawne.
W czasach zmian demograficznych cyfryzacja staje się coraz bardziej powszechna. Dostępność stron internetowych również staje się coraz bardziej istotne. Starzejące się społeczeństwo rodzi coraz więcej użytkowników z ograniczeniami związanymi z wiekiem, którzy korzystają z dostępnych treści cyfrowych. Firmy i organizacje, które wcześnie rozpoznają tę potrzebę, zapewnią sobie przewagę rynkową.
Podsumowując: Dostępność cyfrowa oznacza uczynienie treści cyfrowych użytecznymi dla jak największej liczby osób. Jest to oznaka jakości, integracji, ochrony prawnej i przewidywania ekonomicznego.
Dlaczego dostępność cyfrowa jest ważna?
Dostępność cyfrowa to znacznie więcej niż specjalistyczny temat dla osób niepełnosprawnych. Jest to centralny aspekt nowoczesnej przyjazności dla użytkownika, sprawiedliwości społecznej i zrównoważonego rozwoju gospodarczego.
Około 15 % światowej populacji żyje z jakąś formą niepełnosprawności. Oznacza to ponad miliard osób, które są zależne od treści cyfrowych spełniających ich potrzeby. Jednak dostępność dotyczy również osób z tymczasowymi ograniczeniami (np. złamana ręka, uraz oka) lub ograniczeniami sytuacyjnymi (np. światło słoneczne na wyświetlaczu, hałaśliwe otoczenie bez słuchawek). Osoby starsze z upośledzonym wzrokiem, słuchem lub zdolnościami motorycznymi również odnoszą znaczne korzyści z dostępnego projektowania.
Dla firm oznacza to Dostępność stron internetowych znacznie rozszerzoną grupę docelową. Docierają do większej liczby użytkowników, zwiększają współczynnik konwersji i poprawiają swoje wyniki SEO, ponieważ dostępne treści są bardziej uporządkowane i czytelne dla maszyn. Dostępność wzmacnia również wizerunek marki. Pokazuje odpowiedzialność społeczną i pozwala uniknąć negatywnych nagłówków spowodowanych barierami lub dyskryminacją.
Wreszcie, dostępność cyfrowa jest często wymagana przez prawo. Na przykład w Niemczech instytucje publiczne są zobowiązane przez BITV do udostępniania swoich usług cyfrowych. Od czerwca 2025 r. wielu prywatnych dostawców będzie również zobowiązanych przez BFSG, dostępne strony internetowe i aplikacje. Ci, którzy nie zdążą się przygotować, ryzykują ostrzeżenia, grzywny lub utratę klientów.
Dostępność jest również motorem innowacji. Zmusza programistów, projektantów i menedżerów treści do pracy w jasny, prosty i zorientowany na użytkownika sposób. Przynosi to korzyści wszystkim: osobom niepełnosprawnym i bez niepełnosprawności.
Krótko mówiąc, dostępność jest ważna dla ponad miliarda ludzi na całym świecie. Przynosi korzyści ekonomiczne, zapewnia zgodność z prawem, poprawia komfort użytkowania dla wszystkich i sygnalizuje odpowiedzialność społeczną.
Jak rozpoznać dostępność cyfrową?
Dostępność nie jest dziełem przypadku, ale wynikiem świadomego projektowania, rozwoju i obsługi redakcyjnej. Ale jak rozpoznać, czy strona internetowa, aplikacja lub dokument cyfrowy są dostępne?
Po pierwsze, narzędzia techniczne pomagają we wstępnej ocenie: WAVE, axe lub Google Lighthouse Audit mogą być wykorzystane do wykrycia typowych źródeł błędów, takich jak brakujące teksty alternatywne, niewystarczające kontrasty kolorów lub nieużyteczne formularze. Narzędzia te analizują kod źródłowy i sprawdzają, czy przestrzegane są powszechne standardy, takie jak WCAG 2.1 AA.
Innym wskaźnikiem jest użyteczność za pomocą klawiatury: jeśli możesz obsługiwać witrynę całkowicie bez myszy, zwykle masz dobrze zorganizowany interfejs. Wyświetlanie za pomocą czytników ekranu, takich jak NVDA lub VoiceOver, jest również kluczowym testem. Jeśli treść jest odczytywana na głos, ale ważne przyciski nie są rozpoznawalne lub sekwencje są pomieszane, istnieje potrzeba podjęcia działań.
Jednak same testy techniczne nie wystarczą. Kluczowe pytanie brzmi: czy prawdziwi użytkownicy z niepełnosprawnościami mogą zrozumieć i korzystać z treści? Dlatego niezbędne jest zaangażowanie osób testujących z upośledzeniem wzroku, upośledzeniem ruchowym lub wyzwaniami poznawczymi. Jest to jedyny sposób na rozpoznanie rzeczywistych barier, których narzędzia do testowania maszynowego nie są w stanie wykryć.
Listy kontrolne takie jak WCAG (Web Content Accessibility Guidelines) oferują jasne kryteria oceny. Obejmują one cztery zasady: Treść musi być dostrzegalna, użyteczna, zrozumiała i solidna. Dostępny dokument lub interfejs ma przejrzystą strukturę, jest prosty językowo, bogaty w kontrasty, łatwo skalowalny i oferuje alternatywy dla treści wizualnych, dźwiękowych lub interaktywnych.
Rozpoznawalne są dostępne strony internetowe również poprzez obecność "Oświadczenia o dostępności" na stronie internetowej, które zawiera informacje na temat statusu wdrożenia i oferuje opcję informacji zwrotnej.
Wnioski: Dostępność stron internetowych można rozpoznać nie tylko po kodzie, ale przede wszystkim po doświadczeniach prawdziwych użytkowników. Narzędzia techniczne, testy klawiatury, korzystanie z czytników ekranu i jasno określone standardy pomagają wizualizować bariery i stopniowo je usuwać.
Szybkie, proste i dostępne strony internetowe
Szybciej, lepiej
i tańsze niż wszystkie inne!
1) Narzędzie do zamawiania oprogramowania
2) Wybierz kolor i pozycję
3) Skopiuj fragment kodu
4) Umieść fragment kodu w nagłówku swojej witryny.
Gotowe!
Konfiguracja wtyczki
Instalacja wtyczki
Uwaga! Działa tylko w połączeniu z aktywną subskrypcją
Instrukcje instalacji
Ważna uwaga dotycząca wdrożenia
Aby nasz system działał prawidłowo, dostarczony skrypt musi zostać umieszczony w obszarze nagłówka witryny. Prosimy o przekazanie tej informacji twórcy witryny, aby mógł poprawnie zintegrować kod.
Uwaga techniczna dla dewelopera:
Skrypt należy wstawić bezpośrednio przed zamykającym znacznikiem /head, aby zapewnić bezbłędne wykonanie.
Rekomendacja WordPress:
W przypadku WordPressa polecamy lekką i darmową wtyczkę Skrypty nagłówka i stopki
Uwaga: Możliwe, że inne skrypty blokują nasz skrypt. W takim przypadku niestety nie jesteśmy w stanie zapewnić wsparcia - prosimy o kontakt z webmasterem.
Przykładowa deklaracja dostępności
Przykładowy tekst deklaracji dostępności
The (nazwa firmy) dokłada wszelkich starań, aby jej strona internetowa www.ai4performance.com była dostępna zgodnie z Barrierefreiheitsstärkungsgesetz (BFSG) i Barrierefreie-Informationstechnik-Verordnung (BITV 2.0).
Ta strona jest obecnie częściowo dostępna. Wymagania BITV 2.0 są w dużej mierze spełnione. Obecnie nie są spełnione:
- Brak automatycznych tekstów alternatywnych dla obrazów/grafik
- Brak obsługi napisów audio/wideo, audiodeskrypcji, języka migowego
- Brak automatycznego etykietowania semantycznego (np. ARIA, punkty orientacyjne)
- Brak kontroli/dostosowania kolejności odczytu
- Brak sprawdzenia, czy informacje są przekazywane wyłącznie za pomocą kolorów
- Brak gwarancji dla reflow/zoom (400%)
- Brak automatycznej obsługi dodatkowej zawartości po najechaniu kursorem/ogniskowaniu
- Brak sprawdzania pułapek klawiaturowych
- Brak mechanizmów limitów czasowych, pauzowania, przerywania
- Brak automatycznego sprawdzania migotania/migania
- Brak mechanizmu pomijania łącza/obejścia
- Brak sprawdzania/ustawiania
</li> <li>Brak automatycznej strukturyzacji z nagłówkami</li> <li>Brak obsługi alternatywnych metod wprowadzania danych (gesty, cele, aktywacja ruchem)</li> <li>Brak automatycznego oznaczania zmian językowych</li> <li>Brak mechanizmów dla nietypowych słów, skrótów, poziomów czytania</li> <li>Brak automatycznego wykrywania błędów/opisów/sugestii dla formularzy</li> <li>Brak kontroli spójności nawigacji/komponentów</li> <li>Brak automatycznego zapisywania nazwy, roli, wartości (ARIA)</li> <li>Brak automatycznego oznaczania komunikatów o stanie dla czytników ekranu</li> </ul> <p>Niedostępne treści obejmują w szczególności</p> <ul> <li>Katalogi PDF i materiały informacyjne, które nie są w pełni dostępne.</li> <li>Obrazy i grafiki, w których częściowo brakuje alternatywnych opisów tekstowych (tekstów ALT).</li> <li>Formularze (np. formularze rezerwacji podróży), które nie zawsze są w pełni użyteczne dla czytników ekranu.</li> <li>Filmy, które obecnie nie są konsekwentnie opatrzone napisami lub opisem dźwiękowym.</li> </ul> <p>Nieustannie pracujemy nad usunięciem tych barier i poprawą dostępności naszej oferty cyfrowej.</p> <p>Przygotowanie niniejszego oświadczenia</p> <p>Oświadczenie to zostało wydane w dniu <strong><span style="color: #ed1c24;">(Data utworzenia)</span></strong> stworzony.</p> <p>Ocena opiera się na samoocenie zgodnie z wymogami BITV 2.0.</p> <p>Deklaracja została ostatnio zaktualizowana w dniu <strong><span style="color: #ed1c24;">(data ostatniego testu)</span></strong> sprawdzone.</p> <p>Informacje zwrotne i kontakt</p> <p>Jeśli zauważysz jakiekolwiek niedociągnięcia w odniesieniu do projektu naszej strony internetowej bez barier lub jeśli potrzebujesz informacji na temat treści, które nie są pozbawione barier, możesz skontaktować się z nami w dowolnym momencie:</p> <p><strong><span style="color: #ed1c24;">(Nazwa i adres firmy)</span></strong></p> <p>E-mail: <strong><span style="color: #ed1c24;">(Twój adres e-mail)</span></strong></p> <p>Postaramy się odpowiedzieć na Twoje zapytanie tak szybko, jak to możliwe.</p> <p>Procedura arbitrażowa</p> <p>Jeśli uważasz, że na Twoje zapytanie dotyczące dostępności nie udzielono satysfakcjonującej odpowiedzi, możesz skontaktować się z odpowiednim organem pojednawczym:</p> <p>Centrum arbitrażowe zgodnie z ustawą o równości osób niepełnosprawnych (BGG)</p> <p>w Federalnym Ministerstwie Pracy i Spraw Socjalnych</p> <p>Mauerstrasse 53</p> <p>10117 Berlin</p> <p>Strona internetowa: <a href="https://www.schlichtungsstelle-bgg.de/">www.schlichtungsstelle-bgg.de</a></p> <p>E-mail: info@schlichtungsstelle-bgg.de</p> </div> </div> </div> </div> <style> #col-1932542750 > .col-inner { padding: 0px 5% 0px 5%; } </style> </div> </div> <div id="text-1018658044" class="text"> <style> #text-1018658044 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-1018658044 { font-size: 1rem; text-align: left; } } @media (min-width:850px) { #text-1018658044 { text-align: left; } } </style> </div> </div> <style> #section_1401338370 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_1401338370 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_1401338370 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-1036576063"> <div id="col-345714915" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-1646064261" class="text"> <p>Aktywuj swoją dostępną stronę internetową w zaledwie kilka minut</p> <style> #text-1646064261 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-1646064261 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-1646064261 { text-align: left; } } </style> </div> </div> <style> #col-345714915 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-345714915 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_721598041 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1031934175"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1080096920"> <div id="col-1581884981" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/pl/produkt-3/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Narzędzie dla dostępnej strony internetowej</span> </a> </div> </div> </div> </div> <style> #section_1031934175 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1296021675"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1301681708"> <div id="col-180847488" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-30607324"> <div id="col-867217654" class="col small-12 large-12" > <div class="col-inner" style="background-color:#084085;" > <section class="section dark" id="section_1882576833"> <div class="section-bg fill" > <div class="video-overlay no-click fill visible"></div> <video class="video-bg fill visible" preload playsinline autoplay muted loop> <source src="https://ai4performance.com/wp-content/uploads/2024/11/6407491_Developer_Vr_1280x720_h264.mp4" type="video/mp4"> </video> <div class="section-bg-overlay absolute fill"></div> </div> <div class="section-content relative"> <div class="row" id="row-1076318325"> <div id="col-1003587854" class="col medium-12 small-12 large-10" > <div class="col-inner text-left" > <div id="gap-260794443" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-260794443 { padding-top: 30px; } </style> </div> <div id="text-677577160" class="text"> <h2><strong>Poczuj z nami różnicę</strong></h2> <style> #text-677577160 { font-size: 1.25rem; line-height: 0.75; text-align: center; color: rgb(255, 255, 255); } #text-677577160 > * { color: rgb(255, 255, 255); } @media (min-width:550px) { #text-677577160 { font-size: 1.7rem; line-height: 1.65; text-align: left; } } @media (min-width:850px) { #text-677577160 { font-size: 1.85rem; text-align: left; } } </style> </div> <div id="text-3980843954" class="text"> <h4>M<strong>maksymalna wydajność</strong>, <strong>zminimalizowane koszty.</strong> <strong>Wszystko z jednego źródła.</strong> Żadnych drogich agencji!</h4> <style> #text-3980843954 { font-size: 0.95rem; line-height: 1.2; text-align: center; color: rgb(255,255,255); } #text-3980843954 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-3980843954 { font-size: 1.15rem; text-align: left; } } @media (min-width:850px) { #text-3980843954 { font-size: 1.3rem; text-align: left; } } </style> </div> <div id="gap-1359121302" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1359121302 { padding-top: 20px; } </style> </div> <a href="#kontakt" class="button white is-large hide-for-medium" style="padding:0px 30px 0px 30px;"> <span>Proszę zarezerwować konsultację</span> </a> <a data-animate="fadeInUp" href="#kontakt" class="button white is-large expand show-for-small" style="padding:0px 30px 0px 30px;"> <span>Proszę zarezerwować konsultację</span> </a> </div> <style> #col-1003587854 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-1003587854 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-1003587854 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> </div> <style> #section_1882576833 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_1882576833 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.558); } @media (min-width:550px) { #section_1882576833 { min-height: 500px; } } </style> </section> <div class="row row-collapse" id="row-1127692518"> <div id="col-1351668107" class="col medium-9 small-12 large-6" > <div class="col-inner" > <div class="icon-box featured-box icon-box-left text-left" > <div class="icon-box-text last-reset"> <div id="text-515740445" class="text"> <h3><strong>Z AI4PERFORMANCE:</strong></h3> <style> #text-515740445 { font-size: 1.25rem; line-height: 2; text-align: center; color: rgb(255,255,255); } #text-515740445 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-515740445 { text-align: left; } } </style> </div> <div id="gap-1715535173" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1715535173 { padding-top: 10px; } </style> </div> <div id="text-1473182886" class="text"> <ul> <li>Szybka konfiguracja w zaledwie kilka minut bez znajomości programowania!</li> <li>Elastyczne pozycjonowanie ikony</li> <li>Bezkonkurencyjny stosunek ceny do wydajności: do 7 razy tańszy niż wszystkie inne.</li> <li>Może być używany globalnie w wielu różnych językach</li> <li>Działająca nawigacja za pomocą klawiatury</li> <li>Adaptacje dla czytników ekranu</li> <li>Ustawianie brakujących atrybutów ARIA</li> <li>Uzupełnianie pustych opisów obrazów</li> </ul> <style> #text-1473182886 { font-size: 1.05rem; color: rgb(255,255,255); } #text-1473182886 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-1473182886 { font-size: 1.15rem; } } </style> </div> </div> </div> </div> <style> #col-1351668107 > .col-inner { padding: 0px 0px 20px 0px; margin: 0px 0px -100px 0px; } @media (min-width:550px) { #col-1351668107 > .col-inner { margin: 0px 0px 20px 0px; } } </style> </div> <div id="col-1231016450" class="col medium-9 small-12 large-6" > <div class="col-inner dark" > <div class="icon-box featured-box icon-box-top text-left" > <div class="icon-box-text last-reset"> <div id="gap-1839918508" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1839918508 { padding-top: 40px; } @media (min-width:550px) { #gap-1839918508 { padding-top: 0px; } } </style> </div> <div id="text-2761807962" class="text"> <h3><span style="color: #c0c0c0;">Inne agencje:</span></h3> <style> #text-2761807962 { font-size: 1.25rem; line-height: 2; text-align: center; color: rgb(255,255,255); } #text-2761807962 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-2761807962 { text-align: left; } } </style> </div> <div id="gap-1238342479" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1238342479 { padding-top: 10px; } </style> </div> <div id="text-808701431" class="text"> <ul> <li>Skomplikowana i czasochłonna konfiguracja</li> <li>Mała elastyczność w integracji i prezentacji</li> <li>zazwyczaj do 7 razy droższe</li> <li>Nie ma globalnego zastosowania w różnych językach</li> <li>Nie działa nawigacja za pomocą klawiatury</li> <li>Brak adaptacji dla czytników ekranu</li> <li>Brak ustawienia brakujących atrybutów ARIA</li> <li>Brak dodawania pustych opisów obrazów</li> </ul> <style> #text-808701431 { font-size: 0.95rem; color: rgb(155, 155, 155); } #text-808701431 > * { color: rgb(155, 155, 155); } @media (min-width:550px) { #text-808701431 { font-size: 1.1rem; } } </style> </div> </div> </div> </div> <style> #col-1231016450 > .col-inner { margin: 20px 0px 0px 0px; } </style> </div> <style> #row-1127692518 > .col > .col-inner { padding: 50px 20px 50px 20px; } @media (min-width:550px) { #row-1127692518 > .col > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> </div> </div> <style> #section_1296021675 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_356338712"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1691061281"> <div id="col-459195406" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/pl/produkt-3/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Dostępne narzędzie internetowe</span> </a> </div> </div> </div> </div> <style> #section_356338712 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_671030615"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1827572918"> <div id="col-1061866524" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-486127576"> <div id="col-1332824976" class="col small-12 large-12" > <div class="col-inner" > <section class="section dark" id="section_772136888"> <div class="section-bg fill" > <img fetchpriority="high" decoding="async" width="2560" height="1707" src="https://ai4performance.com/wp-content/uploads/2025/07/top-view-career-guidance-items-judges-scaled.jpg" class="bg attachment- size-" alt="Dostępność strony internetowej" /> <div class="section-bg-overlay absolute fill"></div> </div> <div class="section-content relative"> <div class="row" id="row-441164908"> <div id="col-552664556" class="col medium-10 small-12 large-9" > <div class="col-inner text-left" > <span class="scroll-to" data-label="Scroll to: #bfsg-gesetz" data-bullet="true" data-link="#bfsg-gesetz" data-title="bfsg-gesetz" ><a name="bfsg-gesetz"></a></span> <div id="gap-1800231248" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1800231248 { padding-top: 30px; } </style> </div> <div id="text-2762834328" class="text"> <h2><span style="font-size: 75%;"><strong>Ustawa o wzmocnieniu dostępności (BFSG)</strong></span></h2> <style> #text-2762834328 { font-size: 1.2rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-2762834328 { font-size: 1.8rem; text-align: left; } } @media (min-width:850px) { #text-2762834328 { text-align: left; } } </style> </div> <div id="text-630117059" class="text"> <p>Dostępność cyfrowa odnosi się do projektowania stron internetowych, aplikacji i treści cyfrowych w taki sposób, aby mogły być używane przez wszystkie osoby bez ograniczeń. <strong>obowiązkowe od 28 czerwca 2025 roku!</strong></p> <p>Pełny tekst ustawy można znaleźć tutaj:</p> <style> #text-630117059 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-630117059 { font-size: 1.4rem; text-align: left; } } @media (min-width:850px) { #text-630117059 { text-align: left; } } </style> </div> </div> <style> #col-552664556 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-552664556 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-552664556 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> <div class="accordion"> <div id="accordion-2176080354" class="accordion-item"> <a id="accordion-2176080354-label" class="accordion-title plain" href="#accordion-item-bfsg-gesetzestext" aria-expanded="false" aria-controls="accordion-2176080354-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Tekst prawny BFSG</span> </a> <div id="accordion-2176080354-content" class="accordion-inner" aria-labelledby="accordion-2176080354-label" > <ul> <li><strong> 1 BFSG Cel i zakres zastosowania</strong></li> </ul> <p>Celem tej ustawy jest zapewnienie dostępności produktów i usług w interesie konsumentów i użytkowników zgodnie z następującymi przepisami.</p> <p>Wzmacnia to prawo osób niepełnosprawnych do uczestnictwa w życiu społecznym i uwzględnia harmonizację rynku wewnętrznego.</p> <p>Prawo to ma zastosowanie do następujących produktów wprowadzanych do obrotu po 28 czerwca 2025 r:</p> <p>Systemy sprzętowe dla komputerów uniwersalnych dla konsumentów, w tym systemy operacyjne przeznaczone dla tych systemów sprzętowych;</p> <p>następujące terminale samoobsługowe:</p> <p>terminale płatnicze oraz powiązany sprzęt i oprogramowanie;</p> <p>następujące terminale samoobsługowe przeznaczone do świadczenia usług objętych niniejszą ustawą:</p> <p>Bankomaty;</p> <p>Automaty biletowe;</p> <p>Maszyny do odprawy;</p> <p>interaktywnych terminali samoobsługowych służących do dostarczania informacji, z wyjątkiem terminali instalowanych jako integralne części pojazdów, samolotów, statków lub pojazdów szynowych;</p> <p>Terminale konsumenckie z interaktywnym zakresem usług, które są wykorzystywane do usług telekomunikacyjnych;</p> <p>konsumenckie urządzenia końcowe z funkcjami interaktywnymi wykorzystywane do uzyskiwania dostępu do audiowizualnych usług medialnych, oraz</p> <p>Czytniki e-booków.</p> <p>Prawo to ma zastosowanie do następujących usług świadczonych konsumentom po 28 czerwca 2025 r:</p> <p>Usługi telekomunikacyjne z wyjątkiem usług transmisji w celu świadczenia usług łączności maszyna-maszyna;</p> <p>następujące elementy usług lotniczego, autobusowego, kolejowego i wodnego transportu pasażerskiego, z wyjątkiem usług transportu miejskiego, podmiejskiego i regionalnego, do których zastosowanie mają wyłącznie elementy wymienione w lit. e):</p> <p>Strony internetowe;</p> <p>Usługi oferowane na urządzeniach mobilnych, w tym aplikacje mobilne;</p> <p>bilety elektroniczne i usługi związane z biletami elektronicznymi;</p> <p>dostarczanie informacji związanych z usługą transportową, w tym informacji o podróży w czasie rzeczywistym, ale w przypadku ekranów informacyjnych tylko wtedy, gdy są to ekrany interaktywne na terytorium Unii Europejskiej; oraz</p> <p>interaktywnych terminali samoobsługowych na terytorium Unii Europejskiej, z wyjątkiem terminali zainstalowanych jako integralne części pojazdów, samolotów, statków i pojazdów szynowych i wykorzystywanych do świadczenia takich usług transportu pasażerskiego;</p> <p>Usługi bankowe dla konsumentów;</p> <p>e-booki i dedykowane oprogramowanie oraz</p> <p>Usługi w handlu elektronicznym.</p> <p>Prawo to nie ma zastosowania do następujących treści stron internetowych i aplikacji mobilnych:</p> <p>zarejestrowane media czasowe opublikowane przed 28 czerwca 2025 r;</p> <p>Formaty plików aplikacji biurowych opublikowanych przed 28 czerwca 2025 r;</p> <p>Mapy online i usługi mapowe, pod warunkiem że podstawowe informacje na mapach do celów nawigacji są dostarczane w dostępnej formie cyfrowej;</p> <p>Treści pochodzące od stron trzecich, które nie są finansowane ani opracowywane przez dany podmiot gospodarczy ani nie podlegają jego kontroli;</p> <p>Treści stron internetowych i aplikacji mobilnych, które są uznawane za archiwalne, ponieważ ich zawartość nie będzie aktualizowana ani zmieniana po 28 czerwca 2025 r.</p> <p>Przepisy art. 45a-45d i 95a-96 ustawy o prawie autorskim oraz rozporządzenia Parlamentu Europejskiego i Rady (UE) 2017/1563 z dnia 13 września 2017 r. w sprawie transgranicznej wymiany kopii niektórych utworów i innych przedmiotów chronionych prawem autorskim lub prawami pokrewnymi w dostępnym formacie między Unią Europejską a państwami trzecimi z korzyścią dla osób niewidomych, osób słabowidzących lub osób z niepełnosprawnościami uniemożliwiającymi zapoznawanie się z drukiem (Dz.U. L 242 z 20.9.2017, s. 1) pozostają nienaruszone przez niniejszą ustawę.</p> <ul> <li><strong> 2 Definicje BFSG</strong></li> </ul> <p>Do celów niniejszej ustawy</p> <p>"Osoby niepełnosprawne" oznaczają osoby, które mają długotrwale naruszoną sprawność fizyczną, umysłową, intelektualną lub w zakresie zmysłów, co w oddziaływaniu z barierami w zakresie postaw i barierami środowiskowymi może uniemożliwiać im uczestnictwo w życiu społecznym na równych zasadach z innymi osobami; długotrwałość definiuje się jako okres, który z dużym prawdopodobieństwem będzie trwał dłużej niż sześć miesięcy;</p> <p>"produkt" oznacza substancję, preparat lub towar wytworzony w procesie produkcyjnym, z wyjątkiem żywności, paszy, żywych roślin i zwierząt, produktów pochodzenia ludzkiego oraz produktów roślinnych i zwierzęcych bezpośrednio związanych z ich przyszłą reprodukcją;</p> <p>"usługa" oznacza usługę w rozumieniu art. 4 ust. 1 dyrektywy 2006/123/WE Parlamentu Europejskiego i Rady z dnia 12 grudnia 2006 r. dotyczącej usług na rynku wewnętrznym (Dz.U. L 376 z 27.12.2006, s. 36);</p> <p>"usługodawca" oznacza każdą osobę fizyczną lub prawną lub spółkę osobową posiadającą osobowość prawną, która świadczy lub oferuje świadczenie usług na rzecz konsumentów na rynku unijnym;</p> <p>"audiowizualne usługi medialne" oznaczają usługi zdefiniowane w art. 1 ust. 1 lit. a) dyrektywy Parlamentu Europejskiego i Rady 2010/13/UE z dnia 10 marca 2010 r. w sprawie koordynacji niektórych przepisów ustawowych, wykonawczych i administracyjnych państw członkowskich dotyczących świadczenia audiowizualnych usług medialnych (Dz.U. L 95 z 15.4.2010, s. 1; L 263 z 6.10.2010, s. 15), zmienionej dyrektywą Parlamentu Europejskiego i Rady (UE) 2018/1808 z dnia 14 listopada 2018 r. (Dz.U. L 303 z 28.11.2018, s. 69);</p> <p>"konsumenckie urządzenie końcowe z funkcjami interaktywnymi wykorzystywane do uzyskiwania dostępu do audiowizualnych usług medialnych" oznacza konsumenckie urządzenie końcowe z funkcjami interaktywnymi, którego głównym celem jest zapewnienie dostępu do audiowizualnych usług medialnych;</p> <p>"usługi telekomunikacyjne" oznaczają usługę telekomunikacyjną w rozumieniu art. 2 pkt 4 dyrektywy Parlamentu Europejskiego i Rady (UE) 2018/1972 z dnia 11 grudnia 2018 r. ustanawiającej Europejski kodeks łączności elektronicznej (Dz.U. L 321 z 17.12.2018, s. 36; L 334 z 27.12.2019, s. 164);</p> <p>"Tekst w czasie rzeczywistym" oznacza formę komunikacji tekstowej w połączeniach punkt-punkt lub wielopunkt, w której wprowadzony tekst jest wysyłany w taki sposób, że komunikacja jest postrzegana przez użytkownika jako ciągła znak po znaku;</p> <p>"udostępnianie na rynku" oznacza dostarczanie produktu w celu jego dystrybucji, używania lub konsumpcji na rynku unijnym w ramach działalności handlowej, odpłatnie lub nieodpłatnie;</p> <p>"Wprowadzenie do obrotu" oznacza pierwsze udostępnienie produktu na rynku unijnym;</p> <p>"Producent" oznacza każdą osobę fizyczną lub prawną lub spółkę osobową posiadającą zdolność prawną, która wytwarza produkt lub zleca opracowanie lub wytworzenie produktu i wprowadza ten produkt do obrotu pod własną nazwą lub marką;</p> <p>"upoważniony przedstawiciel" oznacza osobę fizyczną, prawną lub spółkę osobową posiadającą osobowość prawną z siedzibą w Unii Europejskiej, która otrzymała pisemne pełnomocnictwo od producenta do wykonywania określonych zadań w jego imieniu;</p> <p>"importer" oznacza każdą osobę fizyczną lub prawną lub spółkę osobową posiadającą osobowość prawną mającą siedzibę w Unii Europejskiej, która wprowadza do obrotu w Unii produkt z państwa trzeciego;</p> <p>"dystrybutor" oznacza każdą osobę fizyczną lub prawną lub spółkę osobową posiadającą osobowość prawną w łańcuchu dostaw, która udostępnia produkt na rynku, inną niż producent lub importer;</p> <p>"podmiot gospodarczy" oznacza producenta, upoważnionego przedstawiciela, importera, dystrybutora lub usługodawcę;</p> <p>"Konsument" oznacza każdą osobę fizyczną, która nabywa lub otrzymuje produkt lub usługę objęte niniejszą ustawą w celach, które w przeważającej mierze nie są związane z jej działalnością handlową, gospodarczą lub zawodową;</p> <p>"Mikroprzedsiębiorstwo" oznacza przedsiębiorstwo, które zatrudnia mniej niż dziesięć osób i którego roczny obrót nie przekracza 2 milionów EUR lub roczna suma bilansowa nie przekracza 2 milionów EUR;</p> <p>"małe i średnie przedsiębiorstwa" oznaczają przedsiębiorstwa, które zatrudniają mniej niż 250 osób i których roczny obrót nie przekracza 50 milionów euro lub roczna suma bilansowa nie przekracza 43 milionów euro, z wyjątkiem mikroprzedsiębiorstw;</p> <p>"norma zharmonizowana" oznacza normę zharmonizowaną zdefiniowaną w art. 2 ust. 1 lit. c) rozporządzenia Parlamentu Europejskiego i Rady (UE) nr 1025/2012 z dnia 25 października 2012 r. w sprawie normalizacji europejskiej (c) rozporządzenie Parlamentu Europejskiego i Rady (UE) nr 1025/2012 z dnia 25 października 2012 r. w sprawie normalizacji europejskiej, zmieniające dyrektywy Rady 89/686/EWG i 93/15/EWG oraz dyrektywy Parlamentu Europejskiego i Rady 94/9/WE, 94/25/WE, 95/16/WE, 97/23/WE, 98/34/WE, 2004/22/WE, 2007/23/WE, 2009/23/WE i 2009/105/WE oraz uchylające decyzję Rady 87/95/EWG i decyzję Parlamentu Europejskiego i Rady nr 1673/2006/WE (Dz.U. L 316 z 14.11.2012, s. 12);</p> <p>"specyfikacja techniczna" oznacza specyfikację techniczną w rozumieniu art. 2 pkt 4 rozporządzenia (UE) nr 1025/2012, która stanowi sposób spełnienia wymogów dostępności mających zastosowanie do produktu lub usługi;</p> <p>"Oznakowanie CE" oznacza oznakowanie, za pomocą którego producent wskazuje, że produkt jest zgodny z obowiązującymi wymaganiami określonymi w prawodawstwie harmonizacyjnym Unii Europejskiej przewidującym jego umieszczanie;</p> <p>"Organ nadzoru rynku" oznacza dowolny organ odpowiedzialny za prowadzenie nadzoru rynku na mocy prawa krajowego;</p> <p>"wycofanie z obrotu" oznacza dowolny środek mający na celu zapobieżenie udostępnieniu na rynku produktu w łańcuchu dostaw lub wycofanie z rynku produktu udostępnionego na rynku;</p> <p>"Usługi bankowości konsumenckiej" oznaczają świadczenie następujących usług bankowych i finansowych na rzecz konsumentów:</p> <p>Umowy o kredyt w rozumieniu dyrektywy Parlamentu Europejskiego i Rady 2008/48/WE z dnia 23 kwietnia 2008 r. w sprawie umów o kredyt konsumencki oraz uchylającej dyrektywę Rady 87/102/EWG (Dz.U. L 133 z 22.5.2008, s. 66). 66), pod warunkiem że nie ma zastosowania limit określony w art. 2 ust. 2 lit. c) dyrektywy 2008/48/WE, lub umów o kredyt w rozumieniu dyrektywy Parlamentu Europejskiego i Rady 2014/17/UE z dnia 4 lutego 2014 r. w sprawie konsumenckich umów o kredyt związanych z nieruchomościami mieszkalnymi i zmieniającej dyrektywy 2008/48/WE i 2013/36/UE oraz rozporządzenie (UE) nr 1093/2010 (Dz.U. L 60 z 28.2.2014, s. 34);</p> <p>Usługi zgodnie z sekcją A pkt 1, 2, 4 i 5 załącznika I oraz sekcją B pkt 1, 2, 4 i 5 dyrektywy Parlamentu Europejskiego i Rady 2014/65/UE z dnia 15 maja 2014 r. w sprawie rynków instrumentów finansowych oraz zmieniającej dyrektywy 2002/92/WE i 2011/61/UE (Dz.U. L 173 z 12.6.2014, s. 34; L 74 z 18.3.2015, s. 38; L 188 z 13.7.2016, s. 28; L 273 z 8.10.2014, s. 34). L 173 z 12.6.2014, s. 349; L 74 z 18.3.2015, s. 38; L 188 z 13.7.2016, s. 28; L 273 z 8.10.2016, s. 35; L 64 z 10.3.2017, s. 116; L 278 z 27.10.2017, s. 56), ostatnio zmienione rozporządzeniem (UE) 2019/2115 (Dz.U. L 30 z 11.12.2019, s. 1);</p> <p>Usługi płatnicze zgodnie z art. 1 ust. 1 zdanie 2 ustawy z dnia 17 lipca 2017 r. o nadzorze nad usługami płatniczymi (Federalny Dziennik Ustaw I s. 2446), która została ostatnio zmieniona art. 9 ust. 8 ustawy z dnia 9 grudnia 2020 r. (Federalny Dziennik Ustaw I s. 2773);</p> <p>usług związanych z rachunkiem płatniczym zgodnie z art. 2 ust. 2 ustawy z dnia 11 kwietnia 2016 r. o rachunkach płatniczych (Federalny Dziennik Ustaw I s. 720), która została ostatnio zmieniona art. 9 ust. 7 ustawy z dnia 9 grudnia 2020 r. (Federalny Dziennik Ustaw I s. 2773) oraz</p> <p>Pieniądz elektroniczny zgodnie z art. 1 (2) zdanie 3 ustawy o nadzorze nad usługami płatniczymi;</p> <p>"terminal płatniczy" oznacza urządzenie, którego głównym celem jest dokonywanie płatności przy użyciu instrumentów płatniczych w rozumieniu art. 1(20) ustawy o nadzorze nad usługami płatniczymi w fizycznym punkcie sprzedaży, ale nie w środowisku wirtualnym;</p> <p>"usługi handlu elektronicznego" oznaczają usługi telemedialne oferowane za pośrednictwem stron internetowych i aplikacji na urządzenia mobilne, które są świadczone drogą elektroniczną i na indywidualne żądanie konsumenta w celu zawarcia umowy konsumenckiej;</p> <p>"usługi lotniczego transportu pasażerskiego" oznaczają komercyjne pasażerskie usługi lotnicze zdefiniowane w art. 2 lit. l) rozporządzenia (WE) nr 1107/2006 Parlamentu Europejskiego i Rady z dnia 5 lipca 2006 r. w sprawie praw osób niepełnosprawnych oraz osób o ograniczonej sprawności ruchowej podróżujących drogą lotniczą (Dz.U. L 204 z 26.7.2006, s. 1; Dz.U. R 026 z 26.1.2013, s. 34). 34) w przypadku odlotu z portu lotniczego znajdującego się na terytorium państwa członkowskiego, przylotu do takiego portu lotniczego lub tranzytu przez taki port; w tym lotów z portu lotniczego znajdującego się w państwie trzecim do portu lotniczego znajdującego się na terytorium państwa członkowskiego, jeżeli usługi te są świadczone przez przewoźnika lotniczego z Unii Europejskiej;</p> <p>"usługi autobusowego i autokarowego transportu pasażerskiego" oznaczają usługi objęte art. 2 ust. 1 i 2 rozporządzenia Parlamentu Europejskiego i Rady (UE) nr 181/2011 z dnia 16 lutego 2011 r. dotyczącego praw pasażerów w transporcie autobusowym i autokarowym oraz zmieniającego rozporządzenie (WE) nr 2006/2004 (Dz.U. L 55 z 28.2.2011, s. 1);</p> <p>"usługi kolejowego transportu pasażerskiego" oznaczają wszystkie przejazdy i usługi kolejowe zdefiniowane w art. 2 ust. 1 rozporządzenia (WE) nr 1371/2007 Parlamentu Europejskiego i Rady z dnia 23 października 2007 r. dotyczącego praw i obowiązków pasażerów w ruchu kolejowym (Dz.U. L 315 z 3.12.2007, s. 14), z wyjątkiem usług, o których mowa w art. 2 ust. 2 tego rozporządzenia;</p> <p>"usługi morskiego transportu pasażerskiego" oznaczają wszystkie usługi przewozu pasażerskiego zdefiniowane w art. 2 ust. 1 rozporządzenia Parlamentu Europejskiego i Rady (UE) nr 1177/2010 z dnia 24 listopada 2010 r. o prawach pasażerów podróżujących drogą morską i drogą wodną śródlądową oraz zmieniającego rozporządzenie (WE) nr 2006/2004 (Dz.U. L 334 z 17.12.2010, s. 1), z wyjątkiem usług, o których mowa w art. 2 ust. 2 tego rozporządzenia;</p> <p>"Usługi transportu miejskiego i podmiejskiego" oznaczają usługi transportu kolejowego, autobusowego, metra, tramwajowego i trolejbusowego, których głównym celem jest zaspokojenie potrzeb transportowych obszaru miejskiego lub konurbacji, w tym konurbacji transgranicznych, oraz potrzeb transportowych między obszarem miejskim lub konurbacją a otaczającym je obszarem;</p> <p>"Usługi transportu regionalnego" oznaczają usługi transportu kolejowego, autobusowego, metra, tramwajowego i trolejbusowego, których głównym celem jest zaspokojenie potrzeb transportowych regionu, w tym transportu transgranicznego;</p> <p>"technologie wspomagające" oznaczają dowolny element, urządzenie lub system produktów, w tym oprogramowanie,</p> <p>które są wykorzystywane w celu zwiększenia, utrzymania, zastąpienia lub poprawy zdolności funkcjonalnych osób niepełnosprawnych, lub</p> <p>który służy łagodzeniu i kompensowaniu niepełnosprawności, upośledzenia aktywności lub upośledzenia uczestnictwa osób niepełnosprawnych;</p> <p>"system operacyjny" oznacza oprogramowanie, które, między innymi, kontroluje interfejs sprzętu peryferyjnego, planuje zadania, przydziela pamięć i wyświetla standardowy interfejs konsumentowi, gdy nie jest uruchomiony żaden program użytkownika, w tym graficzny interfejs użytkownika, niezależnie od tego, czy oprogramowanie to jest integralną częścią sprzętu komputerowego ogólnego przeznaczenia dla konsumentów, czy też jest oprogramowaniem zewnętrznym przeznaczonym do uruchamiania na sprzęcie komputerowym ogólnego przeznaczenia dla konsumentów; nie obejmuje programów ładujących system operacyjny, systemu BIOS lub innego oprogramowania układowego wymaganego podczas uruchamiania lub instalowania systemu operacyjnego;</p> <p>"System sprzętowy dla komputerów uniwersalnych dla konsumentów" oznacza kombinację sprzętu,</p> <p>który stanowi kompletny komputer i charakteryzuje się wielofunkcyjnym charakterem oraz zdolnością do wykonywania, za pomocą odpowiedniego oprogramowania, typowych zadań komputerowych wymaganych przez konsumenta, oraz</p> <p>jest przeznaczony do obsługi przez konsumentów; w tym komputery osobiste, w szczególności komputery stacjonarne, notebooki, smartfony i tablety;</p> <p>"zestaw funkcji interaktywnych" oznacza funkcje wspierające interakcję człowieka z urządzeniem w celu umożliwienia przetwarzania i przesyłania danych, głosu lub wideo, lub dowolnej ich kombinacji;</p> <p>"E-book i dedykowane oprogramowanie"</p> <p>usługa polegająca na dostarczaniu plików cyfrowych, które przekazują elektroniczną wersję książki i umożliwiają dostęp, przeglądanie, czytanie i użytkowanie, oraz</p> <p>oprogramowanie zaprojektowane specjalnie w celu uzyskiwania dostępu do danych plików cyfrowych, nawigowania po nich, odczytywania ich i korzystania z nich, w tym usługi i aplikacje mobilne oferowane na urządzeniach mobilnych, z wyłączeniem oprogramowania do czytników e-booków, o którym mowa w pkt 38;</p> <p>"czytnik e-booków" oznacza specjalistyczne urządzenie, w tym sprzęt i oprogramowanie, używane do uzyskiwania dostępu do plików e-booków, nawigowania po nich, czytania ich i korzystania z nich;</p> <p>"bilety elektroniczne" oznaczają systemy, w których zezwolenie na podróż w formie biletu na pojedynczą podróż lub wiele podróży, biletu okresowego lub kredytu podróżnego nie jest drukowane na papierze, ale jest przechowywane elektronicznie na fizycznym bilecie lub innym urządzeniu;</p> <p>"usługi elektronicznej sprzedaży biletów" oznaczają systemy, w których zezwolenia na podróż są nabywane między innymi online za pomocą interaktywnego urządzenia i przekazywane drogą elektroniczną nabywcy, tak aby można je było wydrukować w formie papierowej lub wyświetlić podczas podróży za pomocą interaktywnego urządzenia;</p> <p>"Oddanie do użytku" oznacza pierwsze otwarcie możliwości korzystania z terminala samoobsługowego.</p> <ul> <li><strong> 3 BFSG Dostępność, upoważnienie do wydawania rozporządzeń</strong></li> </ul> <p>Produkty, które podmiot gospodarczy udostępnia na rynku, oraz usługi, które oferuje lub świadczy, muszą być dostępne. 2Produkty i usługi są wolne od barier, jeżeli osoby niepełnosprawne mogą je znaleźć, uzyskać do nich dostęp i korzystać z nich w ogólnie przyjęty sposób, bez szczególnych trudności i zasadniczo bez pomocy z zewnątrz. 3Szczegółowe wymogi dostępności produktów i usług określone w niniejszym ustępie reguluje rozporządzenie wydawane na podstawie ust. 2.</p> <p>1 Federalne Ministerstwo Pracy i Spraw Socjalnych jest upoważnione, w porozumieniu z Federalnym Ministerstwem Finansów, Federalnym Ministerstwem Zdrowia, Federalnym Ministerstwem Gospodarki i Energii oraz Federalnym Ministerstwem Transportu i Infrastruktury Cyfrowej, do uregulowania w drodze rozporządzenia z mocą ustawy za zgodą Bundesratu szczegółowych wymogów dotyczących dostępności produktów zgodnie z § 1 ust. 2 i usług zgodnie z § 1 ust. 3 zgodnie z wymogami załącznika I do dyrektywy Parlamentu Europejskiego i Rady (UE) 2019/882 z dnia 17 kwietnia 2019 r. w sprawie wymogów dostępności produktów i usług (Dz.U. L 151 z 7.6.2019, s. 70). kwietnia 2019 r. w sprawie wymogów dostępności produktów i usług (Dz.U. L 151 z 7.6.2019, s. 70), w szczególności w odniesieniu do</p> <p>projektowanie i wytwarzanie produktów, w tym interfejsu użytkownika,</p> <p>dostępność i organizacja oferty oraz realizacja usług,</p> <p>sposób dostarczania informacji, w szczególności na temat korzystania z produktów, takich jak etykiety, instrukcje użytkowania, informacje dotyczące bezpieczeństwa i funkcjonowania usług, a także cechy dostępności i funkcje dostępności produktów i usług oraz możliwe wykorzystanie technologii wspomagających.</p> <p>W drodze zarządzenia ustawowego zgodnie ze zdaniem 1 można również wydać bardziej szczegółowe przepisy, o ile wymogi dostępności w rozumieniu załącznika I do dyrektywy (UE) 2019/882 zostały określone w aktach delegowanych Komisji Europejskiej zgodnie z art. 4 ust. 9 niniejszej dyrektywy.</p> <p>Ustęp 1 nie ma zastosowania do mikroprzedsiębiorstw, które oferują lub świadczą usługi. Federalne Ministerstwo Pracy i Spraw Socjalnych w porozumieniu z Federalnym Ministerstwem Gospodarki i Energii opracowuje wytyczne dla mikroprzedsiębiorstw w celu ułatwienia stosowania niniejszej ustawy. Federalne Ministerstwo Pracy i Spraw Socjalnych jest uprawnione do korzystania z usług osób trzecich przy sporządzaniu wytycznych zgodnie ze zdaniem 2.</p> <ul> <li><strong> 4 BFSG Domniemanie zgodności na podstawie norm zharmonizowanych</strong></li> </ul> <p>Produkty i usługi zgodne z normami zharmonizowanymi lub ich częściami, do których odniesienia zostały opublikowane w Dzienniku Urzędowym Unii Europejskiej, uznaje się za zgodne z wymogami rozporządzenia, które ma zostać wydane zgodnie z sekcją 3 (2), o ile wymogi te są objęte przedmiotowymi normami lub ich częściami.</p> <ul> <li><strong> 5 BFSG Domniemanie zgodności na podstawie specyfikacji technicznych</strong></li> </ul> <p>Produkty i usługi, które są zgodne ze specyfikacjami technicznymi lub ich częściami, uznaje się za spełniające wymagania rozporządzenia, które ma zostać wydane zgodnie z sekcją 3 (2), o ile są one objęte specyfikacjami technicznymi lub ich częściami.</p> <ul> <li><strong> 6 BFSG Obowiązki producenta</strong></li> </ul> <p>Producent może wprowadzić produkt do obrotu tylko wtedy, gdy</p> <p>produkt został zaprojektowany i wyprodukowany zgodnie z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2),</p> <p>dokumentacja techniczna została sporządzona zgodnie z załącznikiem 2, procedura oceny zgodności została przeprowadzona, a zgodność produktu z obowiązującymi wymogami dostępności została wykazana w ramach tej procedury,</p> <p>producent wystawił deklarację zgodności UE zgodnie z § 18 oraz</p> <p>oznakowanie CE zostało umieszczone zgodnie z § 19.</p> <p>Producent przechowuje dokumentację techniczną oraz deklarację zgodności UE w formie pisemnej lub elektronicznej przez okres pięciu lat po wprowadzeniu produktu do obrotu.</p> <p>Producent powinien stosować odpowiednie procedury w celu zapewnienia, że zgodność z wymogami niniejszej ustawy jest zawsze gwarantowana, nawet w przypadku produkcji seryjnej. Zmiany w projekcie produktu lub jego właściwościach, jak również zmiany w normach lub specyfikacjach technicznych, o których mowa w §§ 4 i 5, do których odniesienie znajduje się w deklaracji zgodności, muszą być odpowiednio uwzględnione.</p> <p>Jeżeli producent jest świadomy lub ma powody, by sądzić, że produkt, który wprowadził do obrotu, nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), niezwłocznie podejmuje niezbędne środki naprawcze w celu zapewnienia zgodności. Jeżeli nie można ustalić zgodności, producent wycofuje produkt z obrotu lub wycofuje go od użytkowników. Jeżeli produkt nie spełnia wymagań dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), producent niezwłocznie informuje organ nadzoru rynku i organy nadzoru rynku państw członkowskich Unii Europejskiej, w których wprowadził produkt do obrotu. Podaje przy tym szczegółowe informacje, w szczególności na temat charakteru niezgodności i podjętych środków naprawczych.</p> <p>Producent prowadzi rejestr produktów, w odniesieniu do których poinformował organy nadzoru rynku o niezgodności z obowiązującymi wymogami dostępności oraz o związanych z tym skargach. Rejestr jest prowadzony w formie pisemnej lub elektronicznej.</p> <ul> <li><strong> 7 BFSG Specjalne etykietowanie i obowiązki informacyjne producenta</strong></li> </ul> <p>Producent zapewnia, aby jego wyrób był opatrzony numerem typu, partii lub serii lub innym elementem umożliwiającym jego identyfikację zgodnie z ust. 4. W przypadku gdy nie jest to możliwe ze względu na rozmiar lub charakter wyrobu, producent zapewnia, aby informacje niezbędne do identyfikacji znajdowały się na opakowaniu lub w dokumencie dołączonym do wyrobu.</p> <p>Wprowadzając produkt do obrotu, producent musi umieścić na nim swoje nazwisko, nazwę firmy lub znak towarowy oraz adres pocztowy. Jeśli nie jest to możliwe ze względu na rozmiar lub charakter produktu, informacje te muszą być podane na opakowaniu lub w dokumencie dołączonym do produktu. Adres pocztowy musi wskazywać centralny punkt, w którym można skontaktować się z producentem. Dane kontaktowe muszą być napisane w języku łatwo zrozumiałym dla konsumenta.</p> <p>Producent zapewnia dołączenie do produktu instrukcji obsługi i informacji dotyczących bezpieczeństwa w języku niemieckim zgodnie z ust. 4.</p> <p>Wszystkie etykiety, instrukcje użytkowania i informacje dotyczące bezpieczeństwa muszą być jasne, zrozumiałe i jednoznaczne zgodnie z wymogami rozporządzenia, które zostanie wydane na podstawie sekcji 3 (2).</p> <p>Producent jest zobowiązany do dostarczenia organowi nadzoru rynku, na jego uzasadnione żądanie, wszelkich informacji i dokumentów niezbędnych do wykazania zgodności. Informacje i dokumenty są dostarczane i przekazywane w języku niemieckim lub w języku łatwo zrozumiałym dla niemieckiego organu nadzoru rynku. Na żądanie organu nadzoru rynku producent podejmuje z nim współpracę w działaniach ukierunkowanych na zapewnienie zgodności wprowadzonego przez niego do obrotu produktu z obowiązującymi wymogami dostępności, w szczególności w działaniach ukierunkowanych na zapewnienie zgodności produktu z obowiązującymi wymogami dostępności.</p> <ul> <li><strong> 8 BFSG Autoryzowany przedstawiciel producenta</strong></li> </ul> <p>Producent może wyznaczyć upoważnionego przedstawiciela na piśmie.</p> <p>Autoryzowany przedstawiciel wykonuje obowiązki powierzone mu przez producenta w imieniu i na rzecz producenta.</p> <p>Producent, który wyznacza autoryzowanego przedstawiciela, musi przypisać mu co najmniej następujące obowiązki:</p> <p>obowiązek przechowywania deklaracji zgodności UE i dokumentacji technicznej zgodnie z sekcją 6 (2) dla organu nadzoru rynku przez okres pięciu lat;</p> <p>obowiązek dostarczenia organowi nadzoru rynku wszystkich informacji zgodnie z sekcją 7 (5) zdanie 1 oraz przekazania wszystkich dokumentów zgodnie z sekcją 7 (5) zdanie 1;</p> <p>obowiązek współpracy z organem nadzoru rynku, na jego żądanie, w działaniach ukierunkowanych na osiągnięcie zgodności w zakresie, w jakim dane produkty wchodzą w zakres zadań autoryzowanego przedstawiciela.</p> <p>Producent nie może przenieść obowiązków wynikających z sekcji 6 (1) nr 1 i obowiązku przygotowania dokumentacji technicznej zgodnie z sekcją 6 (1) nr 2 na upoważnionego przedstawiciela.</p> <ul> <li><strong> 9 BFSG Ogólne obowiązki importera</strong></li> </ul> <p>Importer może wprowadzać do obrotu wyłącznie produkty spełniające wymogi dostępności określone w rozporządzeniu, które zostanie wydane zgodnie z sekcją 3 (2).</p> <p>Importer może wprowadzić produkt do obrotu tylko wtedy, gdy</p> <p>producent przeprowadził procedurę oceny zgodności zgodnie z załącznikiem 2,</p> <p>producent przygotował wymaganą dokumentację techniczną zgodnie z załącznikiem 2,</p> <p>produkt jest oznakowany znakiem CE zgodnie z § 19,</p> <p>do produktu dołączona jest instrukcja obsługi i informacje dotyczące bezpieczeństwa, oraz</p> <p>producent wypełnił zobowiązania zgodnie z sekcją 7 (1) i (2).</p> <p>Jeżeli importer jest świadomy lub ma powody, aby sądzić, że produkt nie spełnia wymogów dostępności określonych w niniejszej ustawie, nie może wprowadzać tego produktu do obrotu, dopóki nie zostanie zapewniona jego zgodność. 2Jeśli produkt nie spełnia wymogów dostępności, importer informuje o tym również producenta i organy nadzoru rynku.</p> <p>Dopóki produkt znajduje się w obszarze odpowiedzialności importera, importer musi zapewnić, że warunki przechowywania lub transportu nie wpływają negatywnie na zgodność produktu z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2).</p> <p>6 ust. 4 i 5 stosuje się odpowiednio.</p> <ul> <li><strong> 10 BFSG Specjalne etykietowanie i obowiązki informacyjne importera</strong></li> </ul> <p>Wprowadzając produkt na rynek, importer musi umieścić na nim swoje imię i nazwisko, nazwę firmy lub znak towarowy, a także adres pocztowy. Jeśli nie jest to możliwe ze względu na rozmiar lub charakter produktu, informacje muszą być podane na opakowaniu lub w dokumencie dołączonym do produktu. 3Dane kontaktowe muszą być napisane w języku łatwo zrozumiałym dla konsumenta.</p> <p>Importer zapewnia, że produktowi towarzyszą instrukcje użytkowania i informacje dotyczące bezpieczeństwa w języku niemieckim, które spełniają wymogi rozporządzenia, które ma zostać wydane zgodnie z sekcją 3 (2).</p> <p>Importer musi przechowywać kopię deklaracji zgodności UE do dyspozycji organów nadzoru rynku przez okres pięciu lat po wprowadzeniu produktu do obrotu i zapewnić, że jest w stanie przedłożyć dokumentację techniczną na ich żądanie.</p> <p>7 ust. 5 stosuje się odpowiednio.</p> <ul> <li><strong> 11 BFSG Obowiązki sprzedawcy detalicznego</strong></li> </ul> <p>Sprzedawca detaliczny może udostępnić produkt na rynku tylko wtedy, gdy</p> <p>produkt jest oznakowany znakiem CE zgodnie z § 19,</p> <p>produktowi towarzyszą dokumenty zgodnie z § 7 ust. 3,</p> <p>producent wypełnił swoje zobowiązania zgodnie z § 7 ust. 1 i 2 oraz</p> <p>importer wypełnił swoje obowiązki wynikające z sekcji 10 (1) i (2).</p> <p>1Jeśli dystrybutor jest świadomy lub ma powody, by sądzić, że produkt nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), nie może udostępniać tego produktu na rynku do czasu ustalenia zgodności. 2Jeśli produkt nie spełnia obowiązujących wymogów dostępności, dystrybutor niezwłocznie informuje o tym również producenta lub importera oraz organy nadzoru rynku.</p> <p>Dopóki produkt znajduje się w obszarze odpowiedzialności dystrybutora, dystrybutor musi zapewnić, że warunki przechowywania lub transportu nie wpływają negatywnie na zgodność produktu z wymogami rozporządzenia, które ma zostać wydane zgodnie z sekcją 3 (2).</p> <p>6 ust. 4 i § 7 ust. 5 stosuje się odpowiednio.</p> <ul> <li><strong> 12 BFSG Importer lub dystrybutor jako producent</strong></li> </ul> <p>Sekcje 6 i 7 stosuje się odpowiednio do importera lub handlowca, jeżeli</p> <p>wprowadza produkt do obrotu pod własną nazwą lub znakiem towarowym, lub</p> <p>modyfikuje produkt już wprowadzony do obrotu w taki sposób, że jego zgodność z wymogami rozporządzenia, które ma zostać wydane na podstawie sekcji 3 (2), może zostać naruszona.</p> <ul> <li><strong> 13 BFSG Określenie podmiotów gospodarczych, upoważnienie do wydawania rozporządzeń</strong></li> </ul> <p>Podmiot gospodarczy musi przekazać organowi nadzoru rynku informacje na temat podmiotów gospodarczych na jego wniosek,</p> <p>od którego zakupił produkt i</p> <p>którym dostarczył produkt.</p> <p>Podmiot gospodarczy zapewnia, aby mógł przekazywać informacje, o których mowa w ust. 1, przez co najmniej pięć lat od daty zakupu lub dostawy produktu.</p> <p>Federalne Ministerstwo Pracy i Spraw Socjalnych jest upoważnione do przedłużenia okresu określonego w ust. 2 dla poszczególnych produktów w drodze rozporządzenia, z zastrzeżeniem zatwierdzenia przez Bundesrat, w porozumieniu z Federalnym Ministerstwem Gospodarki i Energii, jeżeli wydaje się to konieczne w odniesieniu do ekonomicznej żywotności produktu.</p> <ul> <li><strong> 14 BFSG Obowiązki usługodawcy</strong></li> </ul> <p>Usługodawca może oferować lub świadczyć swoje usługi tylko wtedy, gdy</p> <p>usługa spełnia wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 ust. 2, oraz</p> <p>przygotował informacje zgodnie z załącznikiem 3 numer 1 i udostępnił je ogółowi społeczeństwa w formie wolnej od barier; przepisy rozporządzenia, które ma zostać wydane zgodnie z sekcją 3 (2), mają decydujące znaczenie dla dostępności.</p> <p>Usługodawca przechowuje informacje, o których mowa w ust. 1 pkt 2, tak długo, jak oferuje lub świadczy usługę.</p> <p>Usługodawca zapewnia, aby wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2, były zawsze spełniane przy oferowaniu lub świadczeniu usługi. Należycie uwzględnia on zmiany w sposobie świadczenia usługi, zmiany w mających zastosowanie wymogach dostępności oraz zmiany w normach zharmonizowanych lub specyfikacjach technicznych, o których mowa w deklaracji zgodności usługi z wymogami dostępności.</p> <p>W przypadku niezgodności usługodawca podejmuje niezbędne środki naprawcze w celu zapewnienia zgodności usługi z wymogami dostępności określonymi w rozporządzeniu, które ma zostać przyjęte zgodnie z art. 3 ust. 2. Jeżeli usługa nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2, usługodawca niezwłocznie informuje o tym organ nadzoru rynku oraz organy nadzoru rynku państw członkowskich Unii Europejskiej, w których oferuje lub świadczy usługę. 3 Czyniąc to, usługodawca dostarcza szczegółowych informacji, w szczególności na temat charakteru niezgodności i podjętych środków naprawczych.</p> <p>Na uzasadnione żądanie organu nadzoru rynku usługodawca udziela mu wszelkich informacji koniecznych do wykazania zgodności usługi z przepisami zgodnie z ust. 1. Na uzasadnione żądanie organu nadzoru rynku podejmuje z nim współpracę w działaniach ukierunkowanych na zapewnienie zgodności usługi.</p> <ul> <li><strong> 15 BFSG Usługi doradcze świadczone przez Federalną Agencję ds.</strong></li> </ul> <p>Doradztwo świadczone przez Federalną Agencję ds. Dostępności zgodnie z art. 13 ust. 2 zdanie 2 ustawy o równości osób niepełnosprawnych z dnia 27 kwietnia 2002 r. (Federalny Dziennik Ustaw I s. 1467, 1468), która została ostatnio zmieniona art. 3 ustawy z dnia 10 lipca 2018 r. (Federalny Dziennik Ustaw I s. 1117), z późniejszymi zmianami, obejmuje doradztwo dla mikroprzedsiębiorstw w celu ułatwienia im stosowania niniejszej ustawy. Doradztwo zgodnie ze zdaniem 1 obejmuje również doradztwo dla mikroprzedsiębiorstw, które oferują i chcą świadczyć dostępne usługi.</p> <ul> <li><strong> 16 BFSG Podstawowe zmiany</strong></li> </ul> <p>Wymogi dostępności określone w rozporządzeniu, które ma zostać przyjęte na podstawie art. 3 ust. 2, mają zastosowanie wyłącznie w zakresie, w jakim zgodność z nimi nie wymaga istotnej modyfikacji produktu lub usługi, która skutkuje zasadniczą zmianą charakteru produktu lub usługi. Odpowiedni podmiot gospodarczy przeprowadza ocenę, czy zgodność z wymogami dostępności określonymi w rozporządzeniu, które ma zostać przyjęte na podstawie art. 3 ust. 2, pociągałaby za sobą zasadniczą zmianę charakteru produktu lub usługi.</p> <p>Podmiot gospodarczy dokumentuje ocenę, o której mowa w ust. 1 zdanie drugie, i przechowuje ją przez okres pięciu lat od ostatniego udostępnienia produktu na rynku lub od ostatniego wykonania usługi. Na żądanie organu nadzoru rynku przekazuje mu kopię oceny, o której mowa w ust. 1 zdanie drugie.</p> <p>W przypadku gdy podmiot gospodarczy powołuje się na ust. 1 zdanie pierwsze w odniesieniu do konkretnego produktu lub usługi, niezwłocznie informuje o tym organ nadzoru rynku oraz organy nadzoru rynku państw członkowskich Unii Europejskiej, w których produkt jest wprowadzany do obrotu lub usługa jest oferowana lub świadczona.</p> <p>Ust. 2 zdanie 1 i ust. 3 nie mają zastosowania do mikroprzedsiębiorstw zajmujących się wyrobami. Na wniosek organu nadzoru rynku mikroprzedsiębiorstwa zajmujące się produktami, które powołują się na ust. 1 zdanie 1, przedstawiają organowi fakty istotne dla oceny zgodnie z ust. 1 zdanie 2.</p> <ul> <li><strong> 17 BFSG Nieproporcjonalne obciążenia, upoważnienie do wydawania rozporządzeń</strong></li> </ul> <p>Wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2, mają zastosowanie wyłącznie w zakresie, w jakim zgodność z nimi nie prowadziłaby do nieproporcjonalnego obciążenia danego wykonawcy zgodnie z załącznikiem 4. Podmiot gospodarczy przeprowadza odpowiednią ocenę.</p> <p>Podmiot gospodarczy dokumentuje ocenę, o której mowa w ust. 1 zdanie drugie, i przechowuje ją przez okres pięciu lat od ostatniego udostępnienia produktu na rynku lub od ostatniego wykonania usługi. Na żądanie organu nadzoru rynku przekazuje mu kopię oceny, o której mowa w ust. 1 zdanie drugie. Zdanie 1 i zdanie 2 nie mają zastosowania do mikroprzedsiębiorstw zajmujących się produktami. Na żądanie organu nadzoru rynku mikroprzedsiębiorstwa zajmujące się produktami i powołujące się na ust. 1 zdanie pierwsze przedstawiają jednak organowi fakty istotne dla oceny, o której mowa w ust. 1 zdanie drugie.</p> <p>Usługodawca, który powołuje się na ust. 1 zdanie 1, przeprowadza ocenę zgodnie z ust. 1 zdanie 2 dla każdej kategorii lub rodzaju usługi co najmniej raz na pięć lat. Ocena zgodnie ze zdaniem 1 musi być zawsze przeprowadzana, jeżeli</p> <p>oferowana usługa została zmieniona lub</p> <p>usługodawca zostanie o to poproszony przez organ odpowiedzialny za kontrolę zgodności usługi.</p> <p>Jeżeli podmiot gospodarczy otrzymuje niezastrzeżone finansowanie publiczne lub prywatne w celu poprawy dostępności, nie jest uprawniony do powoływania się na ust. 1 zdanie pierwsze.</p> <p>W przypadku gdy podmiot gospodarczy powołuje się na ust. 1 zdanie pierwsze w odniesieniu do konkretnego produktu lub usługi, niezwłocznie informuje o tym właściwy organ nadzoru rynku lub organ odpowiedzialny za weryfikację zgodności usług w państwie członkowskim, w którym produkt jest wprowadzany do obrotu lub usługa jest oferowana lub świadczona. Zdanie 1 nie ma zastosowania do mikroprzedsiębiorstw.</p> <p>Federalne Ministerstwo Pracy i Spraw Socjalnych jest upoważnione, w drodze rozporządzenia podlegającego zatwierdzeniu przez Bundesrat, do określenia i uzupełnienia kryteriów zawartych w załączniku 4, które podmiot gospodarczy musi uwzględnić w ocenie zgodnie z ust. 1, w porozumieniu z Federalnym Ministerstwem Finansów oraz Federalnym Ministerstwem Gospodarki i Energii.</p> <ul> <li><strong> 18 Deklaracja zgodności BFSG UE dla produktów</strong></li> </ul> <p>Przed wprowadzeniem do obrotu produktu spełniającego wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2) w procedurze określonej w załączniku 2, producent musi wydać deklarację zgodności UE.</p> <p>Deklaracja zgodności UE stwierdza, że wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), są spełnione w sposób możliwy do wykazania. Jeżeli skorzystano z możliwości wyłączenia zgodnie z sekcjami 16 lub 17, deklaracja zgodności UE wskazuje, których wymogów dostępności dotyczy to wyłączenie.</p> <p>Deklaracja zgodności UE ma wzór określony w załączniku III do decyzji Parlamentu Europejskiego i Rady nr 768/2008/WE z dnia 9 lipca 2008 r. w sprawie wspólnych ram dotyczących wprowadzania produktów do obrotu, uchylającej decyzję Rady 93/465/EWG (Dz.U. L 218 z 13.8.2008, s. 82). Zawiera ona elementy określone w załączniku 2 i jest aktualizowana. Jest ona tłumaczona na język niemiecki. Wymogi dotyczące dokumentacji technicznej nie mogą nakładać nadmiernych obciążeń na mikroprzedsiębiorstwa oraz małe i średnie przedsiębiorstwa.</p> <p>Jeżeli produkt podlega kilku aktom prawnym Unii Europejskiej, z których każdy wymaga Deklaracji Zgodności UE, producent lub jego upoważniony przedstawiciel sporządza jedną Deklarację Zgodności UE dla wszystkich aktów prawnych Unii Europejskiej. Deklaracja ta powinna określać odpowiednie akty prawne i odniesienia do nich.</p> <ul> <li><strong> 19 Oznaczenie CE BFSG</strong></li> </ul> <p>Przed wprowadzeniem do obrotu produktu, którego zgodność z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), została wykazana w ramach procedury oceny zgodności zgodnie z załącznikiem 2, producent lub jego upoważniony przedstawiciel, o ile zostało mu to powierzone, umieszcza na nim oznakowanie CE zgodnie z ust. 2.</p> <p>Oznakowanie CE powinno być umieszczone w sposób widoczny, czytelny i trwały na produkcie lub na jego tabliczce znamionowej. Jeśli charakter produktu na to nie pozwala lub tego nie uzasadnia, oznakowanie CE należy umieścić na opakowaniu i dokumentach towarzyszących.</p> <p>Do oznakowania CE mają zastosowanie ogólne zasady określone w art. 30 rozporządzenia Parlamentu Europejskiego i Rady (WE) nr 765/2008 z dnia 9 lipca 2008 r. ustanawiającego wymagania w zakresie akredytacji i nadzoru rynku odnoszące się do warunków wprowadzania produktów do obrotu i uchylającego rozporządzenie Rady (EWG) nr 339/93 (Dz.U. L 218 z 13.8.2008, s. 30; Dz.U. L 169 z 25.6.2019, s. 1), z późniejszymi zmianami.</p> <ul> <li><strong> 20 BFSG Zadania organów nadzoru rynku</strong></li> </ul> <p>Kraje związkowe dbają o to, aby ich organy nadzoru rynkowego mogły prawidłowo wypełniać swoje zadania. W tym celu zapewniają im niezbędne zasoby. Zapewniają efektywną współpracę i skuteczną wymianę informacji między swoimi organami nadzoru rynku oraz między swoimi organami nadzoru rynku a organami innych państw członkowskich Unii Europejskiej.</p> <p>Kraje związkowe opracowują strategię nadzoru rynku dla produktów w rozumieniu sekcji 1 ust. 2. Przy opracowywaniu tej strategii art. 13 ust. 1 i 2 rozporządzenia Parlamentu Europejskiego i Rady (UE) 2019/1020 z dnia 20 czerwca 2019 r. w sprawie nadzoru rynku i zgodności produktów oraz zmieniającego dyrektywę 2004/42/WE i rozporządzenia (WE) nr 765/2008 i (UE) nr 305/2011 (Dz.U. L 169 z 25.6.2019, s. 1) stosuje się odpowiednio do produktów w rozumieniu sekcji 1 ust. 2. Kraje związkowe przedkładają swoją strategię nadzoru rynku zgodnie ze zdaniem 1 centralnemu organowi łącznikowemu zgodnie z art. 10 ust. 3 rozporządzenia (UE) 2019/1020.</p> <ul> <li><strong> 21 BFSG Środki nadzoru rynku</strong></li> </ul> <p>Nadzór rynku produktów odbywa się zgodnie ze strategią nadzoru rynku opracowaną przez kraje związkowe zgodnie z § 20 ust. 2 zdanie 1 i innymi przepisami niniejszej ustawy.</p> <p>Art. 2 ust. 3, art. 11 ust. 2, 3 i 5, art. 14 ust. 2, art. 16 ust. 3 lit. g) i ust. 5 oraz art. 17 i 22 rozporządzenia (UE) 2019/1020 stosuje się odpowiednio do nadzoru rynku produktów. Organy nadzoru rynku posiadają uprawnienia określone w art. 14 ust. 4 lit. a), b), e) i j) rozporządzenia (UE) 2019/1020. 3 Uprawnienia określone w art. 14 ust. 4 lit. e) rozporządzenia (UE) 2019/1020 mają zastosowanie wyłącznie w normalnych godzinach pracy i godzinach urzędowania.</p> <p>Organ nadzoru rynku sprawdza, czy producent, importer lub dystrybutor powołał się na § 16 lub § 17,</p> <p>czy podmiot gospodarczy przeprowadził ocenę wymaganą na mocy odpowiedniego rozporządzenia,</p> <p>oceny, w tym właściwego stosowania kryteriów określonych w załączniku 4, oraz</p> <p>czy spełnione są inne wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2).</p> <p>Organ nadzoru rynku udostępnia konsumentowi na jego żądanie, w formie dla niego zrozumiałej, następujące informacje:</p> <p>dostępne mu informacje na temat tego, czy dany podmiot gospodarczy spełnia wymogi dostępności określone w rozporządzeniu, które ma zostać przyjęte zgodnie z art. 3 ust. 2, oraz</p> <p>ocenę przeprowadzoną przez wykonawcę zgodnie z art. 16 ust. 1 zdanie 2 i art. 17 ust. 1 zdanie 2.</p> <p>W razie potrzeby organ nadzoru rynku wyjaśnia dostępne mu informacje w prosty i zrozumiały sposób. Jeżeli takie wyjaśnienie zgodnie ze zdaniem 2 nie jest wystarczające dla konsumenta, organ nadzoru rynku wyjaśnia informacje prostym językiem. Obowiązek określony w zdaniu 1 nie ma zastosowania, jeżeli informacji nie można udzielić ze względu na poufność zgodnie z art. 17 rozporządzenia (UE) 2019/1020.</p> <p>Osoby z upośledzeniem słuchu i mowy mają prawo do komunikowania się z organem nadzoru rynku w niemieckim języku migowym, w języku migowym towarzyszącym mowie lub za pomocą innych odpowiednich środków komunikacji w trakcie procedury zgodnie z ust. 4. Koszty pomocy komunikacyjnych ponosi organ nadzoru rynku. § 5 rozporządzenia w sprawie pomocy komunikacyjnych z dnia 17 lipca 2002 r. (Federalny Dziennik Ustaw I s. 2650), ostatnio zmienionego art. 12 ust. 2 ustawy z dnia 21 grudnia 2020 r. (Federalny Dziennik Ustaw I s. 3229), z późniejszymi zmianami, stosuje się odpowiednio.</p> <p>Sekcje 10 i 11 ustawy o dyskryminacji osób niepełnosprawnych stosuje się odpowiednio do procedury określonej w ust. 4.</p> <ul> <li><strong> 22 BFSG Środki nadzoru rynku dla produktów, które nie spełniają wymogów dostępności</strong></li> </ul> <p>Jeżeli organ nadzoru rynku ma powody sądzić, że produkt nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), sprawdza, czy produkt spełnia te wymogi. W tym celu podmioty gospodarcze są zobowiązane do pełnej współpracy z organem nadzoru rynku.</p> <p>Jeżeli organ nadzoru rynku dojdzie do wniosku, że produkt nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z § 3 ust. 2, niezwłocznie wzywa zainteresowany podmiot gospodarczy do podjęcia odpowiednich środków w celu zapewnienia zgodności produktu w rozsądnym terminie wyznaczonym przez ten organ. W przypadku przesłuchania zainteresowanego podmiotu gospodarczego zgodnie z § 28 ustawy o postępowaniu administracyjnym lub zgodnie z przepisami dotyczącymi przesłuchań krajów związkowych odpowiadającymi temu przepisowi, termin przesłuchania nie może być krótszy niż dziesięć dni.</p> <p>Podmiot gospodarczy dopilnowuje, by środki, które podejmuje w celu osiągnięcia zgodności, obejmowały wszystkie odnośne produkty udostępnione przez niego na rynku Unii Europejskiej.</p> <p>W przypadku gdy podmiot gospodarczy nie podejmuje odpowiednich środków w celu zapewnienia zgodności produktu w terminie, o którym mowa w ust. 2 zdanie pierwsze, organ nadzoru rynku jest zobowiązany podjąć odpowiednie środki w celu ograniczenia udostępniania produktu na rynku niemieckim, zakazania jego udostępniania na rynku lub zapewnienia jego wycofania z obrotu lub odzyskania. Jeżeli żaden podmiot gospodarczy nie ma siedziby na rynku wewnętrznym, środki mogą być skierowane przeciwko każdemu, kto dokonuje transferu w imieniu podmiotu gospodarczego. Ustęp 2 zdanie 2 stosuje się odpowiednio. Jeżeli środek został podjęty bez wysłuchania zainteresowanego podmiotu gospodarczego, musi on mieć możliwość niezwłocznego przedstawienia uwag. Środek zostanie niezwłocznie poddany przeglądowi w odpowiedzi na uwagi.</p> <p>Jeżeli organ nadzoru rynku ma powody, by sądzić, że niezgodność stwierdzona zgodnie z ust. 2 nie ogranicza się do terytorium Niemiec, podejmuje środki, o których mowa w ust. 4, z zastrzeżeniem, że zostaną one uchylone, jeżeli Komisja Europejska stwierdzi, zgodnie z art. 21 ust. 1 dyrektywy (UE) 2019/882, że środki te nie są uzasadnione.</p> <ul> <li><strong> 23 BFSG Środki w przypadku formalnej niezgodności produktów</strong></li> </ul> <p>Jeżeli organ nadzoru rynku stwierdzi niezgodność formalną, żąda od podmiotu gospodarczego usunięcia niezgodności formalnej w rozsądnym terminie. § Artykuł 22 ust. 2 zdanie 2 stosuje się odpowiednio.</p> <p>Niezgodność formalna występuje, jeśli</p> <p>oznakowanie CE nie zostało umieszczone lub zostało umieszczone niezgodnie z wymogami § 19,</p> <p>Deklaracja zgodności UE zgodnie z § 18 nie została wydana lub została wydana nieprawidłowo,</p> <p>dokumentacja techniczna jest niedostępna lub niekompletna,</p> <p>informacje dostarczone przez producenta zgodnie z § 7 ust. 2 lub importera zgodnie z § 10 ust. 1 są brakujące, nieprawidłowe lub niekompletne, lub</p> <p>inny obowiązek formalny zgodnie z § 6, § 7, § 9 lub § 10 nie został spełniony.</p> <p>W przypadku gdy podmiot gospodarczy nie podejmuje odpowiednich środków w celu zapewnienia zgodności produktu w terminie określonym zgodnie z ust. 1, organ nadzoru rynku podejmuje odpowiednie środki w celu ograniczenia udostępniania produktu na rynku lub zakazania udostępniania produktu na rynku do czasu ustalenia zgodności. § 22 ust. 2 zdanie 2 oraz ust. 4 zdanie 4 i 5 stosuje się odpowiednio.</p> <ul> <li><strong> 24 BFSG Obowiązki organu nadzoru rynku i Federalnego Instytutu Bezpieczeństwa i Higieny Pracy w przypadku niezgodności produktów, które nie są ograniczone do terytorium Niemiec</strong></li> </ul> <p>Jeżeli po przeprowadzeniu badania zgodnie z § 22 ust. 1 organ nadzoru rynku uzna, że produkty będące przedmiotem skargi są również dostępne na rynku w innych państwach członkowskich Unii Europejskiej, niezwłocznie informuje o tym Federalny Instytut Bezpieczeństwa i Higieny Pracy. Informuje on również Federalny Instytut Bezpieczeństwa i Higieny Pracy o wynikach kontroli zgodnie z art. 22 ust. 1 oraz o środkach, których podjęcia zażądał od podmiotu gospodarczego.</p> <p>Jeżeli organ nadzoru rynku podejmie środki zgodnie z § 22 ust. 4, niezwłocznie poinformuje Federalny Instytut Bezpieczeństwa i Higieny Pracy o podjętych środkach. Informacja musi zawierać wszystkie dostępne szczegóły, w szczególności dane niezbędne do identyfikacji danego produktu, pochodzenie produktu, charakter domniemanej niezgodności, charakter i czas trwania podjętych środków oraz argumenty przedstawione przez zainteresowany podmiot gospodarczy. Informacje muszą również wskazywać, czy domniemana niezgodność wynika z faktu, że</p> <p>produkt nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2) lub</p> <p>normy zharmonizowane lub specyfikacje techniczne, w odniesieniu do których stosuje się domniemanie zgodności zgodnie z §§ 4 i 5, są wadliwe.</p> <p>Federalny Instytut Bezpieczeństwa i Higieny Pracy sprawdza informacje otrzymane zgodnie z ust. 1 i 2 pod kątem ich kompletności i ostateczności. Niezwłocznie przekazuje te informacje Komisji Europejskiej i pozostałym państwom członkowskim Unii Europejskiej.</p> <p>Organ nadzoru rynku anuluje zastrzeżenie odwołania zgodnie z sekcją 22 (5), jeżeli</p> <p>upłynął okres trzech miesięcy, o którym mowa w art. 20 ust. 7 dyrektywy (UE) 2019/882, a żadne państwo członkowskie Unii Europejskiej nie wyraziło sprzeciwu wobec tych środków, lub</p> <p>Komisja Europejska stwierdziła, że środki te są uzasadnione zgodnie z art. 21 ust. 1 dyrektywy (UE) 2019/882.</p> <p>Organ nadzoru rynku uchyla środki podjęte zgodnie z sekcją 22 ust. 4, jeżeli Komisja Europejska stwierdzi zgodnie z art. 21 ust. 1 dyrektywy (UE) 2019/882, że środki te nie są uzasadnione.</p> <ul> <li><strong> 25 Zobowiązanie do wsparcia BFSG</strong></li> </ul> <p>Organy nadzoru rynku i Federalny Instytut Bezpieczeństwa i Higieny Pracy wspierają się wzajemnie i informują o środkach podjętych zgodnie z niniejszą ustawą.</p> <p>Federalny Instytut Bezpieczeństwa i Higieny Pracy informuje organy nadzoru rynku o powiadomieniach z Komisji Europejskiej lub innego państwa członkowskiego Unii Europejskiej.</p> <ul> <li><strong> 26 BFSG Obowiązki organu nadzoru rynku w przypadku środków podjętych przez inne państwa członkowskie w odniesieniu do produktów naruszających wymogi dostępności</strong></li> </ul> <p>W przypadku gdy organ nadzoru rynku zostanie poinformowany przez Federalny Instytut Bezpieczeństwa i Higieny Pracy, że inne państwo członkowskie wprowadziło środek na podstawie art. 20 ust. 4 dyrektywy (UE) 2019/882, niezwłocznie sprawdza, czy środek ten jest uzasadniony. Organ nadzoru rynku informuje krajowe podmioty gospodarcze w odpowiedni sposób o środku podjętym przez inne państwo członkowskie i umożliwia im przedstawienie uwag. Termin na przedstawienie uwag wynosi cztery tygodnie od momentu otrzymania informacji.</p> <p>Jeżeli organ nadzoru rynku dojdzie do wniosku, że środek nie jest uzasadniony, niezwłocznie przekazuje swoje zastrzeżenia Federalnemu Instytutowi Bezpieczeństwa i Higieny Pracy zgodnie z art. 20 ust. 6 dyrektywy (UE) 2019/882. Federalny Instytut Bezpieczeństwa i Higieny Pracy niezwłocznie przekazuje te zastrzeżenia Komisji Europejskiej i pozostałym państwom członkowskim.</p> <p>Jeżeli ani Komisja Europejska, ani jedno z państw członkowskich Unii Europejskiej nie zgłoszą zastrzeżeń w terminie trzech miesięcy, środek uznaje się za uzasadniony. W takim przypadku organ nadzoru rynku podejmuje odpowiednie środki w celu ograniczenia udostępniania produktu na rynku lub zakazania udostępniania produktu na rynku lub zapewnienia wycofania produktu z obrotu lub jego odzyskania. Organ nadzoru rynku podaje środki do wiadomości publicznej w odpowiedni sposób.</p> <p>Ust. 3 ma również zastosowanie w przypadkach, w których Komisja Europejska stwierdziła, zgodnie z art. 21 ust. 1 dyrektywy (UE) 2019/882, że środek podjęty przez inne państwo członkowskie jest uzasadniony.</p> <ul> <li><strong> 27 BFSG Zadania centralnego biura łącznikowego</strong></li> </ul> <p>Jednolity urząd łącznikowy informuje Komisję Europejską i inne państwa członkowskie Unii Europejskiej:</p> <p>strategii nadzoru rynku przedłożonej przez kraje związkowe zgodnie z art. 20 ust. 2, oraz</p> <p>organy nadzoru rynku i ich obowiązki.</p> <p>W tym celu wykorzystuje system informacyjny i komunikacyjny, o którym mowa w art. 34 rozporządzenia (UE) 2019/1020. Kraje związkowe przekazują centralnemu organowi łącznikowemu informacje wymagane zgodnie ze zdaniem 1 pkt 2.</p> <p>Centralne biuro łącznikowe udostępnia opinii publicznej podsumowanie strategii nadzoru rynku.</p> <p>Centralny organ łącznikowy, w koordynacji z zainteresowanymi ministerstwami federalnymi, wykonuje zadania określone w art. 31 ust. 2 lit. a), f), g) i m) rozporządzenia (UE) 2019/1020 w odniesieniu do nadzoru rynku w zakresie wymogów dostępności produktów zgodnie z dyrektywą (UE) 2019/882.</p> <ul> <li><strong> 28 BFSG Nadzór rynku usług</strong></li> </ul> <p>Jeżeli organ nadzoru rynku ma powody sądzić, że oferta lub świadczenie usługi nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), bada, czy usługa spełnia te wymogi.</p> <p>Organ nadzoru rynku sprawdza usługę, nawet bez konkretnego powodu, na podstawie odpowiednich losowych próbek w odpowiedni sposób i w odpowiednim zakresie, czy i w jakim stopniu usługa spełnia wymogi dostępności określone w rozporządzeniu w sprawie dostępności, które ma zostać wydane zgodnie z sekcją 3 (2). W przypadku stron internetowych lub aplikacji mobilnych odnosi się do specyfikacji w załączniku 1 numer 1 i wybiera losowe próbki usług, które mają zostać przetestowane zgodnie ze specyfikacjami w załączniku 1 numer 2.</p> <p>Organ nadzoru rynku sprawdza, czy usługodawca powołał się na sekcję 16 lub 17,</p> <p>czy usługodawca przeprowadził ocenę wymaganą przez odpowiednie przepisy,</p> <p>oceny, w tym właściwego stosowania kryteriów określonych w załączniku 4, oraz</p> <p>czy spełnione są inne wymogi dostępności.</p> <p>Organ nadzoru rynku udostępnia konsumentowi na jego żądanie, w formie dla niego zrozumiałej, następujące informacje:</p> <p>dostępne mu informacje na temat tego, czy dany podmiot gospodarczy spełnia wymogi dostępności określone w rozporządzeniu, które ma zostać przyjęte zgodnie z art. 3 ust. 2, oraz</p> <p>oceny dokonanej przez wykonawcę zgodnie z art. 16 ust. 1 zdanie 2 lub art. 17 ust. 1 zdanie 2.</p> <p>W razie potrzeby organ nadzoru rynku wyjaśnia dostępne mu informacje w prosty i zrozumiały sposób. Jeżeli wyjaśnienie zgodnie ze zdaniem 2 nie jest wystarczające dla konsumenta, organ nadzoru rynku wyjaśnia informacje prostym językiem. Obowiązek określony w zdaniu 1 nie ma zastosowania, jeżeli informacji nie można udzielić ze względu na poufność zgodnie z art. 17 rozporządzenia (UE) 2019/1020.</p> <p>Osoby z upośledzeniem słuchu oraz osoby z upośledzeniem mowy mają prawo do komunikowania się z organem nadzoru rynku w niemieckim języku migowym, w języku migowym towarzyszącym mowie lub przy użyciu innych odpowiednich środków komunikacji w trakcie procedury zgodnie z ust. 4. Koszty pomocy komunikacyjnych ponosi organ nadzoru rynku. § 5 rozporządzenia w sprawie pomocy komunikacyjnych stosuje się odpowiednio.</p> <p>Sekcje 10 i 11 ustawy o dyskryminacji osób niepełnosprawnych stosuje się odpowiednio do procedury określonej w ust. 4.</p> <ul> <li><strong> 29 BFSG Środki nadzoru rynku dla usług, które nie spełniają wymogów dostępności</strong></li> </ul> <p>Jeżeli organ nadzoru rynku dojdzie do wniosku, że usługa nie spełnia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), niezwłocznie zwraca się do usługodawcy o podjęcie odpowiednich środków w celu ustalenia zgodności w rozsądnym terminie wyznaczonym przez ten organ. § 22 (2) zdanie 2 stosuje się odpowiednio.</p> <p>Jeżeli usługodawca nie podejmie odpowiednich środków naprawczych w terminie określonym zgodnie z ust. 1, organ nadzoru rynku ponownie wzywa usługodawcę, pod groźbą zakazu oferowania lub świadczenia usługi, do podjęcia odpowiednich środków naprawczych w rozsądnym terminie wyznaczonym przez ten organ w celu dostosowania usługi do wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z § 3 ust. 2. § 22 (2) zdanie 2 i (4) zdania 4 i 5 stosuje się odpowiednio.</p> <p>Jeżeli usługodawca nie podejmie odpowiednich działań naprawczych w terminie określonym zgodnie z ust. 2, organ nadzoru rynku podejmuje niezbędne środki w celu usunięcia niezgodności z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2. W szczególności może nakazać zaprzestanie oferowania lub świadczenia usługi w wyznaczonym przez siebie terminie. Jeżeli usługodawca udowodni organowi nadzoru rynku, że stwierdzono zgodność usługi z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2, organ nadzoru rynku uchyla nakaz.</p> <ul> <li><strong> 30 BFSG Środki w przypadku formalnej niezgodności usług</strong></li> </ul> <p>Jeżeli organ nadzoru rynku stwierdzi niezgodność formalną, wymaga od usługodawcy usunięcia niezgodności formalnej w rozsądnym terminie. § Paragraf 22 (2) zdania 2 do 4 stosuje się odpowiednio.</p> <p>Formalna niezgodność istnieje, jeśli niezbędne informacje zgodnie z Załącznikiem 3 nie zostały przygotowane lub nie zostały przygotowane w całości lub jeśli informacje nie zostały udostępnione ogółowi społeczeństwa lub nie zostały udostępnione w całości lub w przystępnej formie.</p> <p>Jeżeli usługodawca nie podejmie odpowiednich działań naprawczych w terminie określonym zgodnie z ust. 1, organ nadzoru rynku ponownie wzywa usługodawcę do podjęcia odpowiednich działań naprawczych w celu zapewnienia zgodności usługi w rozsądnym terminie wyznaczonym przez ten organ, pod rygorem zakazu oferowania lub świadczenia usługi. § Paragraf 22 (2) zdania 2 do 4 stosuje się odpowiednio.</p> <p>Jeżeli usługodawca nie podejmie odpowiednich działań naprawczych w terminie określonym zgodnie z ust. 3, organ nadzoru rynku podejmuje niezbędne środki w celu usunięcia niezgodności formalnej. Jeśli usługodawca wykaże, że zgodność usługi została ustalona, organ nadzoru rynku anuluje zamówienie.</p> <ul> <li><strong> 31 BFSG Publikacja informacji</strong></li> </ul> <p>Organ nadzoru rynku musi informować opinię publiczną w odpowiedni sposób, na przykład na swojej stronie internetowej, o swoim istnieniu, obowiązkach, sposobie kontaktowania się z nim, swojej pracy i decyzjach w przystępny sposób.</p> <p>Na żądanie konsumenta organ nadzoru rynku udziela mu informacji, o których mowa w ust. 1, w zrozumiałej dla niego formie. W razie potrzeby organ nadzoru rynku wyjaśnia wnioskodawcy informacje w prosty i zrozumiały sposób. Jeżeli takie wyjaśnienie nie jest wystarczające dla wnioskodawcy, organ nadzoru rynku wyjaśnia informacje prostym językiem.</p> <ul> <li><strong> 32 BFSG Prawa konsumentów, uznanych stowarzyszeń i uprawnionych instytucji w postępowaniu administracyjnym</strong></li> </ul> <p>Na wniosek konsumenta organ nadzoru rynku wszczyna postępowanie w celu wdrożenia środków zgodnie z sekcją 6 lub sekcją 7 niniejszej ustawy przeciwko podmiotowi gospodarczemu, jeżeli konsument twierdzi, że podmiot gospodarczy narusza przepis niniejszej ustawy lub przepis nakazu ustawowego, który ma zostać wydany zgodnie z sekcją 3 (2), a konsument nie może w związku z tym korzystać z danego produktu lub usługi lub może z nich korzystać jedynie w ograniczony sposób. Konsument ma prawo zlecić stowarzyszeniu uznanemu na mocy art. 15 ust. 3 ustawy o równości osób niepełnosprawnych lub wykwalifikowanej instytucji w rozumieniu art. 3 ust. 1 nr 1 ustawy o nakazach sądowych w wersji opublikowanej w dniu 27 sierpnia 2002 r. (Federalny Dziennik Ustaw I s. 3422, 4346), która została ostatnio zmieniona art. 2 ustawy z dnia 26 listopada 2020 r. (Federalny Dziennik Ustaw I s. 2568), z późniejszymi zmianami, złożenie w jego imieniu lub na jego rzecz wniosku o wszczęcie postępowania zgodnie ze zdaniem 1. 3 Po otrzymaniu wniosku na podstawie zdania 1 zainteresowany podmiot gospodarczy ma możliwość przedstawienia uwag.</p> <p>Postępowanie zgodnie z ust. 1 zdanie 1 przeciwko podmiotowi gospodarczemu wszczyna się również w przypadku, gdy stowarzyszenie uznane zgodnie z § 15 ust. 3 ustawy o równości osób niepełnosprawnych lub instytucja kwalifikowana w rozumieniu § 3 ust. 1 pkt 1 ustawy o nakazach sądowych złoży wniosek o wszczęcie postępowania, pod warunkiem że podmiot gospodarczy narusza przepis niniejszej ustawy lub przepis rozporządzenia, które ma zostać wydane zgodnie z § 3 ust. 2, a naruszenie ma wpływ na odpowiedni ustawowy obszar odpowiedzialności stowarzyszenia lub instytucji kwalifikowanej. Stowarzyszenie lub uprawniony podmiot musi wykazać we wniosku, że dotyczy to jego statutowego obszaru odpowiedzialności. Aby dochodzić prawa wynikającego ze zdania 1, stowarzyszenie nie musi popełnić własnego naruszenia.</p> <p>Organ nadzoru rynku rozstrzyga wniosek zgodnie z ust. 1 lub ust. 2 w drodze decyzji.</p> <p>Osoby z upośledzeniem słuchu i mowy mają prawo do porozumiewania się w postępowaniu administracyjnym zgodnie z ust. 1 i ust. 2 w niemieckim języku migowym, za pomocą języka migowego lub przy użyciu innych odpowiednich środków komunikacji. Koszty pomocy komunikacyjnych ponosi organ nadzoru rynku. § 5 rozporządzenia w sprawie pomocy komunikacyjnych stosuje się odpowiednio.</p> <p>Sekcje 10 i 11 ustawy o dyskryminacji osób niepełnosprawnych stosuje się odpowiednio do postępowania administracyjnego na podstawie tego przepisu.</p> <ul> <li><strong> 33 Środki prawne BFSG</strong></li> </ul> <p>Z zastrzeżeniem wymogów określonych w § 32 ust. 1 zdanie 1, konsument ma prawo zlecić stowarzyszeniu uznanemu zgodnie z § 15 ust. 3 ustawy o równości osób niepełnosprawnych lub wykwalifikowanej instytucji w rozumieniu § 3 ust. 1 zdanie 1 numer 1 ustawy o nakazach sądowych złożenie w jego imieniu lub na jego rzecz odwołania zgodnie z kodeksem postępowania administracyjnego od decyzji skierowanej do niego zgodnie z § 32 ust. 3 lub od jej pominięcia. Uprawnienie do reprezentacji zgodnie ze zdaniem 1 obowiązuje również przed Wyższym Sądem Administracyjnym i Federalnym Sądem Administracyjnym. Jeżeli uznane stowarzyszenie lub wykwalifikowana instytucja działa w imieniu konsumenta, uznane stowarzyszenie lub wykwalifikowana instytucja może również samodzielnie prowadzić spór prawny przed Wyższym Sądem Administracyjnym i Federalnym Sądem Administracyjnym. Przed Federalnym Sądem Administracyjnym uznane stowarzyszenie lub uprawniona instytucja musi działać za pośrednictwem osób uprawnionych do sprawowania urzędu sędziego.</p> <p>Stowarzyszenie uznane zgodnie z § 15 ust. 3 ustawy o równouprawnieniu osób niepełnosprawnych lub wykwalifikowana instytucja w rozumieniu § 3 ust. 1 zdanie 1 numer 1 ustawy o nakazach sądowych może, bez naruszenia własnych praw, złożyć odwołanie zgodnie z kodeksem postępowania administracyjnego od decyzji skierowanej do niego na podstawie § 32 ust. 3 lub od jej pominięcia, jeżeli twierdzi, że naruszono przepis niniejszej ustawy lub nakaz ustawowy, który ma zostać wydany na podstawie § 3 ust. 2, oraz że naruszenie to ma wpływ na odpowiednie ustawowe kompetencje uznanego stowarzyszenia lub wykwalifikowanej instytucji. Uznane stowarzyszenie lub kwalifikowana instytucja może również wnieść spór prawny do Wyższego Sądu Administracyjnego i Federalnego Sądu Administracyjnego. Ustęp 1 zdanie 4 stosuje się odpowiednio.</p> <ul> <li><strong> 34 Arbitraż BFSG</strong></li> </ul> <p>Konsument, który twierdzi, że podmiot gospodarczy narusza przepis niniejszej ustawy lub nakazu ustawowego, który ma zostać wydany zgodnie z art. 3 ust. 2, i który w związku z tym nie może korzystać z danego produktu lub usługi lub może z nich korzystać jedynie w ograniczony sposób, jest uprawniony do złożenia wniosku do organu pojednawczego zgodnie z art. 16 ust. 1 ustawy o równości osób niepełnosprawnych o wszczęcie postępowania pojednawczego. Na wniosek konsumenta organ pojednawczy angażuje organ nadzoru rynku jako stronę postępowania pojednawczego. Przesyła on kopię wniosku o postępowanie pojednawcze podmiotowi gospodarczemu i organowi nadzoru rynku w celu przeprowadzenia postępowania pojednawczego.</p> <p>Ponadto wniosek o wszczęcie postępowania arbitrażowego w celu pozasądowego rozstrzygnięcia sporu wynikającego z umowy konsumenckiej lub dotyczącego istnienia takiego stosunku umownego może być również złożony do komisji arbitrażowej zgodnie z ust. 1.</p> <p>Ustęp 1 stosuje się odpowiednio do stowarzyszenia uznanego zgodnie z § 15 ust. 3 ustawy o równouprawnieniu osób niepełnosprawnych lub instytucji kwalifikowanej w rozumieniu § 3 ust. 1 zdanie 1 numer 1 ustawy o nakazach sądowych, która twierdzi, że przepis niniejszej ustawy lub przepis nakazu ustawowego, który ma zostać wydany zgodnie z § 3 ust. 2, został naruszony, a naruszenie dotyczy odpowiedniego ustawowego obszaru odpowiedzialności stowarzyszenia lub instytucji kwalifikowanej.</p> <p>Postępowanie zgodnie z sekcją 32 (1) lub (2) zostaje zawieszone do czasu zakończenia postępowania arbitrażowego.</p> <p>W przeciwnym razie zastosowanie ma art. 16 ust. 4-7 ustawy o równości osób niepełnosprawnych oraz rozporządzenie w sprawie postępowania pojednawczego w sprawie równości osób niepełnosprawnych z dnia 25 listopada 2016 r. (Federalny Dziennik Ustaw I s. 2659), które zostało zmienione art. 2 rozporządzenia z dnia 21 maja 2019 r. (Federalny Dziennik Ustaw I s. 738).</p> <ul> <li><strong> 35 BFSG Obowiązki podmiotów gospodarczych w zakresie dostarczania informacji</strong></li> </ul> <p>Podmioty gospodarcze są zobowiązane do udzielenia organowi nadzoru rynku, na jego uzasadniony wniosek, informacji niezbędnych do realizacji zadań organów nadzoru rynku wynikających z niniejszej ustawy. Osoba zobowiązana do udzielenia informacji na podstawie niniejszej ustawy może odmówić odpowiedzi na pytania, jeżeli udzielenie odpowiedzi naraziłoby ją lub jedną z osób bliskich, o których mowa w art. 383 ust. 1 pkt 1-3 kodeksu postępowania cywilnego, na ryzyko wszczęcia postępowania karnego lub postępowania na podstawie ustawy o przestępstwach regulacyjnych. Musi on zostać poinformowany o przysługującym mu prawie do odmowy udzielenia informacji.</p> <ul> <li><strong> 36 BFSG Sprawozdawczość dla Komisji Europejskiej</strong></li> </ul> <p>W ramach przygotowań do składania sprawozdań Komisji Europejskiej kraje związkowe przekazują temu ministerstwu lub organowi wyznaczonemu przez to ministerstwo i wchodzącemu w zakres jego kompetencji wszelkie niezbędne informacje zgodnie z art. 33 ust. 3 w związku z ust. 2 dyrektywy (UE) 2019/882, w szczególności informacje na temat postępów w zakresie dostępności produktów i usług oraz wpływu niniejszej ustawy na podmioty gospodarcze i osoby niepełnosprawne, w wyznaczonym terminie. Kraje związkowe udostępniają te informacje drogą elektroniczną.</p> <ul> <li><strong> 37 BFSG Postanowienia dotyczące kar pieniężnych</strong></li> </ul> <p>Każda osoba, która umyślnie lub w wyniku zaniedbania</p> <p>wprowadza produkt do obrotu z naruszeniem § 6 ust. 1 pkt 1 lub § 9 ust. 1, w każdym przypadku w związku z rozporządzeniem wydanym na podstawie § 3 ust. 2,</p> <p>nie przekaże informacji lub przekaże je nieprawidłowo, niekompletnie lub nieterminowo, wbrew § 6 ust. 4 zd. 3, również w związku z § 11 ust. 4, wbrew § 11 ust. 2 zd. 2 lub § 14 ust. 4 zd. 2, w każdym przypadku w związku z rozporządzeniem wydanym na podstawie § 3 ust. 2,</p> <p>wbrew § 7 ust. 1 zd. 1, także w związku ze zdaniem 2, w każdym przypadku w związku z rozporządzeniem wydanym na podstawie § 3 ust. 2, nie zapewnia, że produkt jest opatrzony określonym w nim numerem lub znakiem,</p> <p>wbrew § 7 ust. 2 zd. 1, również w związku ze zdaniem 2, lub § 10 ust. 1 zd. 1, również w związku ze zdaniem 2, nie składa oświadczenia lub składa je w sposób nieprawidłowy, niepełny, w wymagany sposób lub w odpowiednim czasie,</p> <p>nie zapewnia, że produktowi towarzyszy instrukcja użytkowania i określone w niej informacje dotyczące bezpieczeństwa, wbrew § 7 ust. 3 lub § 10 ust. 2, w każdym przypadku w związku z rozporządzeniem wydanym na podstawie § 3 ust. 2,</p> <p>wbrew § 7 ust. 5 zd. 1, § 13 ust. 1 lub § 14 ust. 5 zd. 1 nie udziela informacji, udziela jej w sposób nieprawidłowy, niepełny, niezgodny z przepisami lub nieterminowo lub nie przekazuje dokumentu w sposób prawidłowy, niepełny, niezgodny z przepisami lub nieterminowo,</p> <p>udostępnia produkt na rynku wbrew § 11 ust. 1 zdanie 1 lub ust. 2 zdanie 1 w związku z rozporządzeniem wydanym na podstawie § 3 ust. 2,</p> <p>oferuje lub świadczy usługę sprzeczną z § 14 ust. 1 w połączeniu z rozporządzeniem zgodnie z § 3 ust. 2,</p> <p>wbrew § 19 ust. 1 w związku z instrumentem ustawowym zgodnie z § 3 ust. 2, nie umieszcza oznakowania CE na produkcie lub robi to nieprawidłowo, niekompletnie, w określony sposób lub w odpowiednim czasie, lub</p> <p>umieszcza na produkcie oznakowanie, znak lub napis niezgodnie z art. 19 ust. 3 w związku z art. 30 ust. 5 zdanie pierwsze rozporządzenia Parlamentu Europejskiego i Rady (WE) nr 765/2008 z dnia 9 lipca 2008 r. ustanawiającego wymagania w zakresie akredytacji i nadzoru rynku odnoszące się do warunków wprowadzania produktów do obrotu i uchylającego rozporządzenie Rady (EWG) nr 339/93 (Dz.U. L 218 z 13.8.2008, s. 30).</p> <p>Wykroczenie administracyjne może zostać ukarane grzywną w wysokości do stu tysięcy euro w przypadkach określonych w ust. 1 pkt 1, 7, 8, 9 i 10 oraz grzywną w wysokości do dziesięciu tysięcy euro w pozostałych przypadkach.</p> <ul> <li><strong> 38 BFSG Przepisy przejściowe</strong></li> </ul> <p>Bez uszczerbku dla ust. 2, do dnia 27 czerwca 2030 r. usługodawcy mogą nadal świadczyć swoje usługi przy użyciu produktów, które były już przez nich zgodnie z prawem wykorzystywane do świadczenia tych lub podobnych usług przed dniem 28 czerwca 2025 r. Umowy o świadczenie usług zawarte przed dniem 28 czerwca 2025 r. nie mogą jednak trwać w niezmienionej formie do upływu okresu, na jaki zostały zawarte, ale nie dłużej niż do dnia 27 czerwca 2030 r.</p> <p>Terminale samoobsługowe wykorzystywane przez usługodawców przed 28 czerwca 2025 r. do świadczenia usług zgodnie z obowiązującymi przepisami prawa mogą być nadal wykorzystywane do świadczenia porównywalnych usług do końca ich okresu użytkowania, ale nie dłużej niż piętnaście lat po ich oddaniu do użytku.</p> <p><strong>Załącznik 1 (do sekcji 28 BFSG) Monitorowanie usług</strong></p> <p>Metoda monitorowania</p> <p>Poniższa metoda monitorowania nie dodaje żadnych nowych wymagań do wymagań określonych w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), ani ich nie zastępuje, ani nie ma nad nimi pierwszeństwa.</p> <p>Metoda ta jest niezależna od konkretnych testów, narzędzi oceny dostępności, systemów operacyjnych, przeglądarek internetowych lub konkretnych technologii wspomagających.</p> <p>Metoda monitorowania jest zatem neutralna technologicznie i służy do sprawdzania postrzegalności, użyteczności, zrozumiałości i solidności testowanych usług.</p> <p>W próbce wszystkie etapy procesu są sprawdzane co najmniej w standardowej kolejności normalnego użytkownika w celu świadczenia usługi.</p> <p>Należy unikać nieciągłości nośnika spowodowanych krokami niecyfrowymi.</p> <p>Oceniana jest co najmniej interakcja z formularzami i elementami sterującymi interfejsu użytkownika oraz oknami dialogowymi, potwierdzenia wprowadzenia danych, komunikaty o błędach i inne informacje zwrotne wynikające z interakcji z użytkownikiem, a także zachowanie strony internetowej lub aplikacji mobilnej podczas korzystania z różnego oprogramowania lub technologii wspomagających z różnymi ustawieniami lub ustawieniami domyślnymi.</p> <p>Elementy takie jak dokumenty lub niezbędne zewnętrzne kroki interakcji, które odnoszą się do obiektów poza interfejsem użytkownika, są również sprawdzane, jeśli są niezbędne do pomyślnego zakończenia interakcji.</p> <p>Testy przyjazności dla użytkownika mogą obejmować, na przykład, obserwację i analizę sposobu, w jaki użytkownicy niepełnosprawni lub z ograniczeniami funkcjonalnymi postrzegają i rozumieją zawartość strony internetowej lub aplikacji mobilnej podczas korzystania z różnego oprogramowania lub technologii wspomagających oraz jak trudne jest dla nich korzystanie z niektórych elementów interfejsu użytkownika, takich jak menu nawigacyjne lub formularze.</p> <p>Próbki</p> <p>Dla celów niniejszego punktu "strona" oznacza stronę internetową lub ekran w aplikacji mobilnej.</p> <p>Następujące strony i dokumenty, jeśli są dostępne, zostaną sprawdzone:</p> <p>Strona startowa (Home), rejestracja (Login), przegląd witryny (Sitemap), kontakt, strony pomocy i funkcje pomocy oraz strony z informacjami prawnymi;</p> <p>co najmniej jedna odpowiednia strona dla każdego rodzaju usługi świadczonej przez stronę internetową lub aplikację mobilną, która nie jest jeszcze objęta podwójnym punktem (aa), oraz dla każdego innego głównego celu, w tym funkcji wyszukiwania, który nie jest objęty podwójnym punktem (aa);</p> <p>strony z informacjami lub szczegółami dotyczącymi dostępności zgodnie z sekcją 14 (1) nr 2 w związku z załącznikiem 3;</p> <p>przykładowe wybrane strony o wyraźnie innym wyglądzie lub innych rodzajach treści;</p> <p>co najmniej jeden odpowiedni dokument do pobrania, jeśli taki istnieje, dla każdego rodzaju usługi świadczonej przez stronę internetową lub aplikację mobilną oraz dla każdego innego głównego celu;</p> <p>inne strony uznane za istotne przez organ nadzoru rynku;</p> <p>losowo wybrane dodatkowe strony i dokumenty, jeśli są dostępne, stanowiące co najmniej 10 procent próby określonej pod podwójnymi literami od aa do ff.</p> <p>Jeżeli jedna ze stron w próbie wybranej zgodnie z lit. b) zawiera etap procedury, badane są wszystkie etapy procedury, o których mowa w pkt 1 lit. a).</p> <p><strong>Załącznik 2 (do §§ 6, 9, 18 i 19 BFSG) Procedury oceny zgodności produktów</strong></p> <p>Procedura oceny zgodności jest procedurą wewnętrznej kontroli produkcji, według której producent wywiązuje się ze zobowiązań określonych w pkt 1, 2 i 3 niniejszego załącznika oraz na swoją wyłączną odpowiedzialność zapewnia i oświadcza, że dane produkty spełniają odpowiednie wymagania niniejszej ustawy.</p> <p>Dokumentacja techniczna</p> <p>Producent przygotowuje dokumentację techniczną.</p> <p>Na podstawie dokumentacji technicznej musi być możliwa ocena zgodności produktu z wymogami dostępności określonymi w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2), a jeśli producent powołał się na sekcję 16 lub sekcję 17, wykazanie, że zgodność z tymi wymogami dostępności oznaczałaby zasadniczą zmianę lub nieproporcjonalne obciążenie.</p> <p>Dokumentacja techniczna zawiera jedynie wykaz mających zastosowanie wymagań i obejmuje projekt, produkcję i działanie produktu w zakresie, w jakim są one istotne dla oceny.</p> <p>W stosownych przypadkach dokumentacja techniczna zawiera co najmniej następujące elementy:</p> <p>ogólny opis produktu;</p> <p>wykaz, które normy zharmonizowane i specyfikacje techniczne, do których odniesienia opublikowano w Dzienniku Urzędowym Unii Europejskiej, zostały zastosowane w całości lub w części, oraz opis rozwiązań zastosowanych w celu spełnienia wymogów dostępności określonych w rozporządzeniu, które ma zostać wydane zgodnie z art. 3 ust. 2, w punktach, w których te normy zharmonizowane lub specyfikacje techniczne nie zostały zastosowane; w przypadku częściowego zastosowania norm zharmonizowanych lub specyfikacji technicznych w dokumentacji technicznej wskazuje się części, które zostały zastosowane.</p> <p>Produkcja</p> <p>Producent podejmuje wszelkie niezbędne środki w celu zapewnienia, aby proces produkcji i jego monitorowanie zapewniały zgodność produktów z dokumentacją techniczną, o której mowa w pkt 2 niniejszego załącznika, oraz z wymogami dostępności określonymi w niniejszej ustawie.</p> <p>Oznakowanie CE i deklaracja zgodności UE</p> <p>Producent umieszcza oznakowanie CE, o którym mowa w niniejszej ustawie, na każdym pojedynczym produkcie spełniającym obowiązujące wymagania niniejszej ustawy.</p> <p>Producent sporządza pisemną lub elektroniczną deklarację zgodności UE dla próbki produktu.</p> <p>Deklaracja zgodności UE musi określać, dla jakiego produktu została wydana.</p> <p>Kopia deklaracji zgodności UE zostanie udostępniona właściwym organom na żądanie.</p> <p>Autoryzowany przedstawiciel</p> <p>Obowiązki producenta określone w pkt 4 mogą być wypełniane przez jego upoważnionego przedstawiciela, w jego imieniu i na jego odpowiedzialność, pod warunkiem, że zostały one określone w pełnomocnictwie.</p> <p><strong>Załącznik 3 (do sekcji 14 i 28 BFSG) Informacje o usługach spełniających wymogi dostępności</strong></p> <p>Usługodawca wskazuje w swoich ogólnych warunkach lub w inny wyraźnie widoczny sposób, w jaki sposób spełnia wymogi dostępności określone w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2) dla jego usługi w rozumieniu sekcji 1 (3).</p> <p>Odpowiednie informacje powinny zawierać opis obowiązujących wymogów oraz, jeśli ma to znaczenie dla oceny, obejmować projekt i wdrożenie usługi.</p> <p>Oprócz wymogów dotyczących informacji dla konsumentów zgodnie z art. 246 ustawy wprowadzającej do kodeksu cywilnego, informacje te powinny w każdym przypadku zawierać następujące elementy, w stosownych przypadkach:</p> <p>ogólny opis usługi w dostępnym formacie;</p> <p>Opisy i wyjaśnienia niezbędne do zrozumienia działania usługi;</p> <p>opis sposobu, w jaki usługa spełnia odpowiednie wymogi dostępności wymienione w rozporządzeniu, które ma zostać wydane zgodnie z sekcją 3 (2);</p> <p>nazwę właściwego organu nadzoru rynku.</p> <p>W celu spełnienia wymogów określonych w pkt 1 niniejszego załącznika usługodawca może stosować w całości lub w części zharmonizowane normy i specyfikacje techniczne, do których odniesienia opublikowano w Dzienniku Urzędowym Unii Europejskiej.</p> <p><strong>Załącznik 4 (do sekcji 17, 21 i 28 BFSG) Kryteria oceny nieproporcjonalnego obciążenia</strong></p> <p>Kryteria oceny i dokumentacji oceny są następujące</p> <p>Stosunek kosztów netto związanych ze zgodnością z wymogami dostępności do całkowitych kosztów (wydatków operacyjnych i kapitałowych) produkcji, dystrybucji lub importu produktu lub świadczenia usługi na rzecz podmiotów gospodarczych; kryteria oceny kosztów netto związanych ze zgodnością z wymogami dostępności:</p> <p>Kryteria dotyczące jednorazowych kosztów organizacyjnych, które należy uwzględnić w ocenie:</p> <p>Koszty dodatkowego personelu z doświadczeniem w zakresie dostępności;</p> <p>Koszty związane ze szkoleniem personelu i nabywaniem umiejętności w zakresie dostępności;</p> <p>Koszt opracowania nowego procesu w celu włączenia dostępności do rozwoju produktu lub świadczenia usług;</p> <p>Koszty związane z opracowaniem przewodników dostępności;</p> <p>Jednorazowe koszty związane z zapoznaniem się z sytuacją prawną dotyczącą dostępności;</p> <p>Kryteria dotyczące bieżącej produkcji i kosztów rozwoju, które należy uwzględnić w ocenie:</p> <p>Koszty związane z planowaniem i projektowaniem funkcji dostępności produktu lub usługi;</p> <p>Koszty związane z procesami produkcyjnymi;</p> <p>Koszty związane z testowaniem produktu lub usługi pod kątem dostępności;</p> <p>Koszty związane z przygotowaniem dokumentacji.</p> <p>Szacunkowe koszty i korzyści dla podmiotów gospodarczych, w tym procesy produkcyjne i inwestycje, w odniesieniu do szacunkowych korzyści dla osób niepełnosprawnych, z uwzględnieniem liczby zastosowań i częstotliwości korzystania z danego produktu lub usługi.</p> <p>Stosunek kosztów netto związanych ze zgodnością z wymogami dostępności do obrotów netto podmiotu gospodarczego.</p> <p>Kryteria oceny kosztów netto związanych ze zgodnością z wymogami dostępności:</p> <p>Kryteria dotyczące jednorazowych kosztów organizacyjnych, które należy uwzględnić w ocenie:</p> <p>Koszty dodatkowego personelu z doświadczeniem w zakresie dostępności;</p> <p>Koszty związane ze szkoleniem personelu i nabywaniem umiejętności w zakresie dostępności;</p> <p>Koszt opracowania nowego procesu w celu włączenia dostępności do rozwoju produktu lub świadczenia usług;</p> <p>Koszty związane z opracowaniem przewodników dostępności;</p> <p>Jednorazowe koszty związane z zapoznaniem się z sytuacją prawną dotyczącą dostępności;</p> <p>Kryteria dotyczące bieżącej produkcji i kosztów rozwoju, które należy uwzględnić w ocenie:</p> <p>Koszty związane z planowaniem i projektowaniem funkcji dostępności produktu lub usługi;</p> <p>Koszty związane z procesami produkcyjnymi;</p> <p>Koszty związane z testowaniem produktu lub usługi pod kątem dostępności;</p> <p>Koszty związane z przygotowaniem dokumentacji.</p> </div> </div> </div> </div> <style> #section_772136888 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_772136888 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_772136888 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-1397947005"> <div id="col-1993430267" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-456979966" class="text"> <p>Uniknięcie wysokich grzywien z powodu braku dostępności</p> <h3><strong>Prosty, wydajny, bez wysiłku</strong></h3> <style> #text-456979966 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-456979966 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-456979966 { text-align: left; } } </style> </div> </div> <style> #col-1993430267 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-1993430267 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_671030615 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1818153292"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-5749979"> <div id="col-977371033" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/pl/produkt-3/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Narzędzie dostępności stron internetowych</span> </a> </div> </div> </div> </div> <style> #section_1818153292 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1389152129"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1378200906"> <div id="col-1048991236" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-1594250290"> <div id="col-528704867" class="col small-12 large-12" > <div class="col-inner" > <section class="section dark" id="section_626497141"> <div class="section-bg fill" > <img fetchpriority="high" decoding="async" width="2560" height="1707" src="https://ai4performance.com/wp-content/uploads/2025/07/top-view-career-guidance-items-judges-scaled.jpg" class="bg attachment- size-" alt="Dostępność strony internetowej" /> <div class="section-bg-overlay absolute fill"></div> </div> <div class="section-content relative"> <div class="row" id="row-1459200872"> <div id="col-268812375" class="col medium-10 small-12 large-9" > <div class="col-inner text-left" > <div id="gap-1596291033" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1596291033 { padding-top: 30px; } </style> </div> <span class="scroll-to" data-label="Scroll to: #faq" data-bullet="true" data-link="#faq" data-title="faq" ><a name="faq"></a></span> <div id="text-3007388906" class="text"> <h2><span style="font-size: 75%;"><strong>Strony internetowe z ułatwieniami dostępu FAQ</strong></span></h2> <style> #text-3007388906 { font-size: 1.2rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-3007388906 { font-size: 1.8rem; text-align: left; } } @media (min-width:850px) { #text-3007388906 { text-align: left; } } </style> </div> <div id="text-1234430624" class="text"> <p>Pytania i odpowiedzi dotyczące dostępności cyfrowej</p> <style> #text-1234430624 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-1234430624 { font-size: 1.4rem; text-align: left; } } @media (min-width:850px) { #text-1234430624 { text-align: left; } } </style> </div> </div> <style> #col-268812375 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-268812375 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-268812375 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> <div class="accordion"> <div id="accordion-1711078097" class="accordion-item"> <a id="accordion-1711078097-label" class="accordion-title plain" href="#accordion-item-was-ist-web-barrierefreiheit-und-warum-ist-sie-wichtig?" aria-expanded="false" aria-controls="accordion-1711078097-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Czym jest dostępność stron internetowych i dlaczego jest ważna?</span> </a> <div id="accordion-1711078097-content" class="accordion-inner" aria-labelledby="accordion-1711078097-label" > <p>Dostępność stron internetowych oznacza, że mogą być one używane bez ograniczeń przez wszystkich ludzi - niezależnie od ograniczeń fizycznych lub poznawczych. Obejmuje to na przykład alternatywne teksty dla obrazów, przejrzyste struktury nagłówków, wystarczające kontrasty kolorów i obsługę klawiatury. Dostępność zapewnia, że nikt nie jest wykluczony z oferty online i promuje równy dostęp dla wszystkich użytkowników. Jednocześnie dostępna strona internetowa wzmacnia reputację firmy i buduje zaufanie do marki.</p> </div> </div> <div id="accordion-2082291043" class="accordion-item"> <a id="accordion-2082291043-label" class="accordion-title plain" href="#accordion-item-welche-vorteile-bietet-eine-barrierefreie-website-für-unternehmen?" aria-expanded="false" aria-controls="accordion-2082291043-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakie korzyści oferuje firmom dostępna strona internetowa?</span> </a> <div id="accordion-2082291043-content" class="accordion-inner" aria-labelledby="accordion-2082291043-label" > <p>Dostępna strona internetowa zwiększa potencjalną grupę docelową, ponieważ osoby niepełnosprawne lub seniorzy mogą również dotrzeć do klientów. Ponadto optymalizacje pod kątem dostępności często poprawiają ogólne wrażenia użytkownika (użyteczność) - na przykład poprzez lepszą czytelność i nawigację - co ma pozytywny wpływ na rankingi wyszukiwarek i współczynniki konwersji. Firmy odnoszą zatem podwójną korzyść: spełniają wymogi społeczne i prawne, a jednocześnie osiągają większy zasięg, lepszy ranking SEO i integracyjny wizerunek.</p> </div> </div> <div id="accordion-4107800853" class="accordion-item"> <a id="accordion-4107800853-label" class="accordion-title plain" href="#accordion-item-welche-gesetzlichen-vorgaben-zur-web-barrierefreiheit-gibt-es?" aria-expanded="false" aria-controls="accordion-4107800853-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakie są wymogi prawne dotyczące dostępności stron internetowych?</span> </a> <div id="accordion-4107800853-content" class="accordion-inner" aria-labelledby="accordion-4107800853-label" > <p>W Niemczech jest to regulowane przez <strong>Ustawa o równości osób niepełnosprawnych (BGG)</strong> i <strong>Rozporządzenie w sprawie technologii informatycznych bez barier (BITV 2.0)</strong> Dostępność stron internetowych dla organów publicznych. Na szczeblu UE od 2019 r. <strong>Dyrektywa (UE) 2016/2102</strong> ("Dyrektywa w sprawie dostępności stron internetowych") dla stron internetowych i aplikacji sektora publicznego. Dla sektora prywatnego, dyrektywa <strong>Dyrektywa (UE) 2019/882</strong>w <strong>Europejski akt w sprawie dostępności (EAA)</strong>wprowadziła obowiązkowy wymóg dostępności niektórych produktów i usług, który będzie obowiązywał w Niemczech od czerwca 2025 r. <strong>Ustawa o wzmocnieniu dostępności (BFSG)</strong> jest zaimplementowana. Specyfikacje te zazwyczaj odnoszą się do standardów technicznych, takich jak wytyczne WCAG (patrz poniżej).</p> </div> </div> <div id="accordion-2033653015" class="accordion-item"> <a id="accordion-2033653015-label" class="accordion-title plain" href="#accordion-item-was-ist-die-bitv-2.0-und-für-wen-gilt-sie?" aria-expanded="false" aria-controls="accordion-2033653015-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Czym jest BITV 2.0 i kogo dotyczy?</span> </a> <div id="accordion-2033653015-content" class="accordion-inner" aria-labelledby="accordion-2033653015-label" > <p>The <strong>BITV 2.0 (rozporządzenie w sprawie technologii informatycznych bez barier)</strong> to niemieckie rozporządzenie, które określa wymagania, jakie muszą spełnić instytucje publiczne, aby strony internetowe i aplikacje mobilne zostały uznane za dostępne. Dotyczy to wszystkich stron internetowych i aplikacji władz federalnych oraz - zgodnie z prawem stanowym - krajów związkowych i gmin. BITV 2.0 wdraża dyrektywę UE w sprawie stron internetowych i zasadniczo opiera się na wytycznych WCAG 2.1 (poziom zgodności AA), ale pod pewnymi względami idzie jeszcze dalej. Prywatne firmy nie są bezpośrednio dotknięte przez BITV, ale powinny dobrowolnie wdrożyć dostępność lub mogą podlegać BFSG (od 2025 r.) w przypadku niektórych ofert.</p> </div> </div> <div id="accordion-961261067" class="accordion-item"> <a id="accordion-961261067-label" class="accordion-title plain" href="#accordion-item-was-sind-die-wcag-richtlinien-und-welche-konformitätsstufen-gibt-es?" aria-expanded="false" aria-controls="accordion-961261067-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakie są wytyczne WCAG i jakie są poziomy zgodności?</span> </a> <div id="accordion-961261067-content" class="accordion-inner" aria-labelledby="accordion-961261067-label" > <p>The <strong>Wytyczne dotyczące dostępności treści internetowych (WCAG)</strong> to międzynarodowe wytyczne dotyczące dostępnych treści internetowych, opublikowane przez W3C. Są one uznawane na całym świecie za standard projektowania dostępnych stron internetowych. WCAG 2.1 opiera się na czterech zasadach (postrzegalność, użyteczność, zrozumiałość, solidność) i zawiera łącznie 12 wytycznych z 74 konkretnymi kryteriami sukcesu. Kryteria sukcesu są podzielone na trzy poziomy zgodności: <strong>A</strong>, <strong>AA</strong> i <strong>AAA</strong> (A = podstawowe wymagania, AA = rozszerzone wymagania, AAA = najwyższy poziom). W praktyce i wymaganiach prawnych (BITV, dyrektywy UE) zwykle stosuje się następujące wartości <strong>WCAG 2.1 Poziom AA</strong> jako standard wymagany do uznania strony internetowej za dostępną.</p> </div> </div> <div id="accordion-449956411" class="accordion-item"> <a id="accordion-449956411-label" class="accordion-title plain" href="#accordion-item-was-regelt-die-eu-webseitenrichtlinie-2016/2102?" aria-expanded="false" aria-controls="accordion-449956411-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Co reguluje dyrektywa UE w sprawie stron internetowych 2016/2102?</span> </a> <div id="accordion-449956411-content" class="accordion-inner" aria-labelledby="accordion-449956411-label" > <p>The <strong>Dyrektywa (UE) 2016/2102</strong>często określana jako "dyrektywa UE w sprawie stron internetowych", zobowiązuje wszystkie państwa członkowskie UE do zapewnienia dostępności stron internetowych i aplikacji mobilnych organów publicznych. Zapewnia ona, że na przykład strony internetowe organów publicznych są dostępne zgodnie ze znormalizowanymi kryteriami. Dyrektywa opiera się na WCAG 2.1 (poziom AA) i wymaga, między innymi, aby publiczne strony internetowe publikowały oświadczenie o dostępności i aby odbywało się regularne monitorowanie. W Niemczech dyrektywa ta została wdrożona przez BGG i BITV 2.0 na szczeblu federalnym (oraz odpowiednie rozporządzenia na szczeblu stanowym). Ta konkretna dyrektywa nie jest bezpośrednio wiążąca dla firm, ale ma wpływ na przykład na spółki komunalne lub instytucje publiczne.</p> </div> </div> <div id="accordion-2351943997" class="accordion-item"> <a id="accordion-2351943997-label" class="accordion-title plain" href="#accordion-item-was-bedeutet-der-european-accessibility-act-(eaa)-für-unternehmen?" aria-expanded="false" aria-controls="accordion-2351943997-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Co Europejski akt w sprawie dostępności (EAA) oznacza dla firm?</span> </a> <div id="accordion-2351943997-content" class="accordion-inner" aria-labelledby="accordion-2351943997-label" > <p>The <strong>Europejski akt w sprawie dostępności (EAA)</strong> jest <strong>Dyrektywa UE 2019/882</strong>która rozszerza wymogi dostępności na dużą część sektora prywatnego. Zobowiązuje ona firmy do zapewnienia dostępności niektórych produktów i usług oferowanych publicznie. Obejmuje to <strong>28 czerwca 2025 r.</strong> z.np. strony e-commerce (sklepy internetowe, portale rezerwacyjne), usługi bankowe (bankowość internetowa, bankomaty), e-booki, platformy transportu pasażerskiego (strony rezerwacji biletów kolejowych/lotniczych) i inne. W Niemczech EAA jest regulowana przez Urząd ds. <strong>Ustawa o wzmocnieniu dostępności (BFSG)</strong> który ma zastosowanie do firm zatrudniających 10 lub więcej pracowników i osiągających obrót w wysokości 2 milionów euro. Mikroprzedsiębiorstwa są zwolnione. Dla zainteresowanych firm oznacza to, że od 2025 r. <strong>Obowiązek prawny</strong>zapewnienie dostępności ich odpowiednich stron internetowych i aplikacji zgodnie ze zharmonizowanymi normami (EN 301 549/WCAG 2.1 AA).</p> </div> </div> <div id="accordion-2543521575" class="accordion-item"> <a id="accordion-2543521575-label" class="accordion-title plain" href="#accordion-item-welche-typischen-barrieren-gibt-es-auf-websites?" aria-expanded="false" aria-controls="accordion-2543521575-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakie są typowe bariery na stronach internetowych?</span> </a> <div id="accordion-2543521575-content" class="accordion-inner" aria-labelledby="accordion-2543521575-label" > <p>Częstymi barierami na stronach internetowych są np:</p> <ul> <li><strong>Brakujące teksty alternatywne dla obrazów:</strong> Bez tekstu alternatywnego użytkownicy czytników ekranu nie "widzą", co przedstawia obraz (np. zdjęcia produktów w sklepie internetowym).</li> <li><strong>Niewystarczające kontrasty kolorów:</strong> Tekst o zbyt jasnym kolorze na jasnym tle jest trudny do odczytania dla osób z wadami wzroku. WCAG wymaga co najmniej <strong>Kontrast 4,5:1</strong> dla zwykłego tekstu - wiele projektów tego nie robi ze względów estetycznych.</li> <li><strong>Brak możliwości obsługi klawiatury:</strong> Jeśli menu, formularze lub linki nie są <strong>Zakładka</strong>-przycisk jest dostępny lub fokus nie jest widoczny na stronie, użytkownicy, którzy nie mogą używać myszy, są wykluczeni.</li> <li><strong>Brakujące oznakowanie formularza:</strong> Formularze bez etykiet <label> lub tylko z symbolami zastępczymi dezorientują użytkowników czytników ekranu - nie wiedzą, co należy do pola wprowadzania danych.</li> <li><strong>Brak napisów lub transkrypcji dla mediów:</strong> Filmy bez napisów wykluczają osoby niesłyszące; treści audio bez alternatywy tekstowej nie są dostępne dla wszystkich.</li> </ul> <p>To tylko kilka przykładów. Takie bariery są często spowodowane brakiem świadomości lub przestarzałymi decyzjami projektowymi, ale można je wyeliminować dzięki ukierunkowanym dostosowaniom. Ważne jest, aby rozpoznać i usunąć potencjalne bariery na wczesnym etapie, aby wszyscy użytkownicy mogli uzyskać dostęp do treści bez ograniczeń.</p> </div> </div> <div id="accordion-1925237769" class="accordion-item"> <a id="accordion-1925237769-label" class="accordion-title plain" href="#accordion-item-was-bedeutet-kontrastverhältnis-und-welche-werte-sind-vorgeschrieben?" aria-expanded="false" aria-controls="accordion-1925237769-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Co oznacza współczynnik kontrastu i jakie wartości są zalecane?</span> </a> <div id="accordion-1925237769-content" class="accordion-inner" aria-labelledby="accordion-1925237769-label" > <p>The <strong>Współczynnik kontrastu</strong> opisuje różnicę w jasności między pierwszym planem (np. tekstem) a kolorem tła. Wysoki kontrast jest ważny, aby teksty i elementy sterujące były łatwo rozpoznawalne dla wszystkich - szczególnie dla osób z wadami wzroku lub w niekorzystnych warunkach oświetleniowych. WCAG 2.1 określa jasne wartości minimalne: Dla normalnego tekstu ciągłego, stosunek co najmniej <strong>4,5:1</strong> wymagane, w przypadku większej lub pogrubionej czcionki co najmniej <strong>3:1</strong> (zgodność na poziomie AA) Dla jeszcze lepszej dostępności (AAA) <strong>7:1</strong> resp. <strong>4,5:1</strong> zalecane. W praktyce oznacza to na przykład, że należy unikać jasnoszarej czcionki na białym tle. Firmy powinny sprawdzić swoją paletę kolorów pod tym kątem i dostosować ją w razie potrzeby lub zaoferować alternatywne tryby wyświetlania (np. motywy o wysokim kontraście), aby zapewnić czytelność.</p> </div> </div> <div id="accordion-1478489492" class="accordion-item"> <a id="accordion-1478489492-label" class="accordion-title plain" href="#accordion-item-wie-macht-man-bilder-und-grafiken-auf-websites-barrierefrei?" aria-expanded="false" aria-controls="accordion-1478489492-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jak sprawić, by obrazy i grafiki na stronach internetowych były dostępne?</span> </a> <div id="accordion-1478489492-content" class="accordion-inner" aria-labelledby="accordion-1478489492-label" > <p>Centralnym elementem obrazów bez barier jest <strong>Tekst alternatywny (alt text)</strong>. Ten niewidoczny tekst w HTML opisuje zawartość informacyjną lub cel obrazu, dzięki czemu niewidomi lub niedowidzący użytkownicy mogą go odczytać za pomocą czytnika ekranu. Każdy odpowiedni znacznik obrazu (<img>) powinien mieć znaczący atrybut alt, który przekazuje w zwięzłych słowach, co można zobaczyć na obrazie lub jaką funkcję spełnia. Na przykład, w przypadku obrazu produktu, tekst alt może zawierać nazwę produktu i jego kluczowe cechy. <strong>Obrazy dekoracyjne</strong>które nie zawierają żadnych informacji o treści, otrzymują pusty alt="", dzięki czemu czytnik ekranu je ignoruje. Ponadto złożone grafiki (takie jak infografiki lub wykresy) powinny być opisane bardziej szczegółowo - bezpośrednio w kontekście, na osobnej stronie lub za pomocą longdesc. Dostępne obrazy nie tylko pomagają użytkownikom z wadami wzroku, ale także poprawiają optymalizację pod kątem wyszukiwarek (teksty alternatywne są indeksowane przez Google).</p> </div> </div> <div id="accordion-2775298132" class="accordion-item"> <a id="accordion-2775298132-label" class="accordion-title plain" href="#accordion-item-wie-gestaltet-man-formulare-barrierefrei?" aria-expanded="false" aria-controls="accordion-2775298132-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jak udostępnić formularze?</span> </a> <div id="accordion-2775298132-content" class="accordion-inner" aria-labelledby="accordion-2775298132-label" > <p>Dostępne formularze zapewniają, że wszyscy użytkownicy mogą zrozumieć i wypełnić pola wejściowe. Ważne środki to <strong>Przypisz widoczną etykietę do każdego pola formularza</strong>który jest idealnie połączony z odpowiednim poprzez element <label>. Na przykład czytnik ekranu odczytuje "e-mail, pole edycji" zamiast po prostu "pole edycji", gdy fokus jest ustawiony, a cel jest jasny. Same teksty zastępcze nie są wystarczające do etykietowania. Ponadto <strong>Pola obowiązkowe i komunikaty o błędach są wyraźnie oznaczone</strong> być wyraźniej oznaczone - na przykład dodatkowym tekstem lub symbolami zamiast czerwonych ramek, tak aby osoby niewidome na kolory również mogły zobaczyć informacje. Komunikaty o błędach muszą być rozpoznawalne dla czytników ekranu (np. poprzez aria-live). Logiczne <strong>Kolejność kart</strong> poprzez pola formularza jest niezbędna, podobnie jak widoczne <strong>Ramka ostrości</strong>aby użytkownicy klawiatury zawsze wiedzieli, gdzie się znajdują. Wreszcie, zalecane jest wyraźne potwierdzenie (np. komunikat "Formularz wysłany pomyślnie"), które jest również wydawane przez technologie wspomagające. Takie środki zwiększają użyteczność dla wszystkich i zmniejszają liczbę anulowanych formularzy.</p> </div> </div> <div id="accordion-1965686825" class="accordion-item"> <a id="accordion-1965686825-label" class="accordion-title plain" href="#accordion-item-wie-sorgt-man-für-tastaturbedienbarkeit-auf-der-website?" aria-expanded="false" aria-controls="accordion-1965686825-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jak zapewnić obsługę klawiatury na stronie internetowej?</span> </a> <div id="accordion-1965686825-content" class="accordion-inner" aria-labelledby="accordion-1965686825-label" > <p>Strona internetowa to <strong>Możliwość obsługi za pomocą klawiatury</strong>jeśli wszystkie interaktywne elementy (linki, przyciski, formularze, menu itp.) mogą być dostępne i używane wyłącznie za pomocą klawiatury. Ważne jest tutaj <strong>Kolejność kart</strong>Użytkownicy muszą mieć możliwość logicznego poruszania się po stronie krok po kroku za pomocą klawisza tabulacji. Należy unikać przeskoków lub utknięcia w niektórych elementach. Każda treść, na której można się skupić, powinna mieć <strong>widoczny wskaźnik ostrości</strong> (np. kolorowa ramka lub podkreślenie), aby można było zobaczyć, który element jest aktualnie aktywny - do tego celu powinna być przeznaczona pseudoklasa CSS :focus lub :focus-visible. Programiści nigdy nie powinni usuwać stylu obrysu/ostrości bez zastąpienia, ale w razie potrzeby zastąpić go własnym, wyraźnie widocznym projektem. Elementy takie jak rozwijane menu lub modalne okna dialogowe muszą być również sterowane za pomocą klawiatury (zwykle za pomocą klawiszy strzałek i Esc oprócz Tab). Dobrym testem jest <strong>Test bez myszy</strong>Witryna może być obsługiwana wyłącznie za pomocą klawiszy Tab, Enter, Spacja i Esc. Jeśli działa to bez przeszkód, obsługa klawiatury jest gwarantowana - jeśli nie, należy wprowadzić odpowiednie poprawki (np. ustawienie tabindex, zarządzanie fokusem w skryptach itp.) Nawiasem mówiąc, dobra nawigacja po klawiaturze jest również korzystna dla zaawansowanych użytkowników i jest warunkiem wstępnym korzystania ze sterowania głosowego.</p> </div> </div> <div id="accordion-236728354" class="accordion-item"> <a id="accordion-236728354-label" class="accordion-title plain" href="#accordion-item-was-ist-ein-screenreader-und-wie-unterstützt-man-screenreader-nutzer?" aria-expanded="false" aria-controls="accordion-236728354-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Co to jest czytnik ekranu i jak wspierać jego użytkowników?</span> </a> <div id="accordion-236728354-content" class="accordion-inner" aria-labelledby="accordion-236728354-label" > <p>A <strong>Czytnik ekranu</strong> to program czytnika ekranu, który wyświetla wizualną zawartość strony internetowej w postaci tekstu mówionego lub alfabetu Braille'a. Osoby niewidome i niedowidzące używają czytników ekranu na komputerach, smartfonach lub tabletach, aby strony internetowe i aplikacje były im odczytywane na głos. Przykłady obejmują JAWS i NVDA (dla Windows), VoiceOver (dla macOS/iOS) lub TalkBack (dla Androida). Aby wspierać użytkowników czytników ekranu, strona internetowa powinna <strong>semantycznie poprawny HTML</strong> - tj. nagłówki (<h1>-<h6>), listy, tabele itp. zgodnie z ich znaczeniem. Pozwala to czytnikowi ekranu na ustrukturyzowanie strony i umożliwienie nawigacji. Ważne są również <strong>Atrybuty ARIA</strong> (Accessible Rich Internet Applications), gdzie natywne elementy HTML nie są wystarczające - takie jak aria-label dla tekstów opisowych lub role="navigation" dla kontenera div, który służy jako nawigacja. Ponadto elementy interaktywne, takie jak linki i przyciski, muszą mieć znaczące etykiety (zamiast "Kliknij tutaj" lepiej jest użyć "Dodaj do koszyka"), a stany - np. rozwinięte menu - muszą być rozpoznawalne programowo. Powinieneś sam przetestować za pomocą czytnika ekranu, aby upewnić się, że sekwencja i sformułowania odczytywane na głos mają sens. Takie środki umożliwiają użytkownikom czytników ekranu dostęp do treści na równych zasadach.</p> </div> </div> <div id="accordion-4203254305" class="accordion-item"> <a id="accordion-4203254305-label" class="accordion-title plain" href="#accordion-item-was-sind-aria-attribute-und-wann-sollte-man-sie-verwenden?" aria-expanded="false" aria-controls="accordion-4203254305-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Czym są atrybuty ARIA i kiedy należy ich używać?</span> </a> <div id="accordion-4203254305-content" class="accordion-inner" aria-labelledby="accordion-4203254305-label" > <p><strong>Atrybuty ARIA</strong> (Accessible Rich Internet Applications) to rozszerzenia dla HTML, które zostały opracowane w celu poprawy dostępności - zwłaszcza dynamicznych, interaktywnych aplikacji internetowych. ARIA może być używana do dostarczania dodatkowych informacji semantycznych w kodzie, który jest rozpoznawany i odczytywany przez technologie wspomagające (czytniki ekranu itp.) Przykłady: aria-label dodaje niewidoczny tekst etykiety do elementu (np. przycisk ikony bez tekstu otrzymuje aria-label="Otwórz wyszukiwanie"), aria-expanded="false/true" wskazuje status rozszerzalnego obszaru lub role="navigation" definiuje obszar jako menu nawigacyjne. <strong>Ważne:</strong> ARIA <em>nie zastępuje</em> poprawny HTML, ale uzupełnia go tylko wtedy, gdy elementy natywne nie są wystarczające. Najlepszą praktyką jest <strong>semantyczny HTML</strong> (to już rozwiązuje wiele problemów z dostępnością) i używać ARIA tylko tam, gdzie standardowe znaczniki HTML nie zapewniają odpowiedniego znaczenia. Ponadto role i atrybuty ARIA powinny być prawidłowe i poprawnie aktualizowane (np. aria-current="page" dla aktywnej strony). ARIA może być również szkodliwa, jeśli jest używana nieprawidłowo lub nadmiernie. Jednakże, gdy są używane prawidłowo, atrybuty ARIA pomagają uczynić złożone widżety (takie jak zakładki, modale, suwaki) zrozumiałymi dla czytników ekranu i wypełnić luki w dostępności.</p> </div> </div> <div id="accordion-2702674484" class="accordion-item"> <a id="accordion-2702674484-label" class="accordion-title plain" href="#accordion-item-wie-werden-videos-und-audio-inhalte-barrierefrei-zugänglich-gemacht?" aria-expanded="false" aria-controls="accordion-2702674484-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>W jaki sposób udostępniane są materiały wideo i audio?</span> </a> <div id="accordion-2702674484-content" class="accordion-inner" aria-labelledby="accordion-2702674484-label" > <p>Treści multimedialne muszą być przygotowane w taki sposób, aby mogli je zrozumieć zarówno użytkownicy niesłyszący, jak i niewidomi. <strong>Filmy</strong> powinien przynajmniej <strong>Podtytuł</strong> dla słyszalnych dialogów/dźwięków i najlepiej mieć <strong>Opis audio</strong> (opis obrazu jako ścieżka dźwiękowa lub alternatywnie transkrypcja), które przekazują informacje wizualne. Napisy pomagają nie tylko osobom niesłyszącym, ale także wszystkim użytkownikom, na przykład w hałaśliwym otoczeniu. Napisy na żywo lub nakładki tłumaczące na język migowy są odpowiednie dla filmów na żywo. <strong>Zawartość audio</strong> (takie jak podcasty) powinny zapewniać transkrypcję w formie tekstowej, aby użytkownicy z upośledzeniem słuchu mogli zapoznać się z treścią. Z technicznego punktu widzenia odtwarzacze multimedialne powinny być sprawne i oznakowane: A <strong>Dostępny odtwarzacz wideo</strong> obsługuje obsługę klawiatury (odtwarzanie/pauza za pomocą spacji, głośność za pomocą klawiszy strzałek itp.), ma dostępne elementy sterujące ( z etykietami aria) i używa aria-hidden, aby zapobiec dwukrotnemu wyświetlaniu nieistotnych elementów sterujących przez czytniki ekranu. Należy unikać automatycznego odtwarzania filmów/audio lub przynajmniej mieć możliwość jego wyłączenia. Podsumowując: <strong>Napisy, transkrypcje i sterowalne odtwarzacze</strong> są kluczem do dostępności multimediów. Na przykład osoby niesłyszące, niedosłyszące lub niewidome mogą również odbierać filmy i treści audio.</p> </div> </div> <div id="accordion-3857912343" class="accordion-item"> <a id="accordion-3857912343-label" class="accordion-title plain" href="#accordion-item-welche-design-prinzipien-sollte-man-bei-barrierefreien-webseiten-beachten?" aria-expanded="false" aria-controls="accordion-3857912343-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakich zasad projektowania należy przestrzegać w przypadku dostępnych stron internetowych?</span> </a> <div id="accordion-3857912343-content" class="accordion-inner" aria-labelledby="accordion-3857912343-label" > <p>Dostępne projektowanie stron internetowych nie oznacza, że strona musi wyglądać "prosto" lub nudno - chodzi o to, <strong>Użyteczność i estetyka</strong> dla każdego. Główne zasady projektowania są następujące <strong>Przejrzysta, spójna struktura</strong> stron i nawigacji, wystarczające <strong>Biała przestrzeń</strong> i strukturyzacji, tak aby treść była łatwa do zrozumienia i <strong>Czytelne czcionki</strong>. Teksty powinny być wystarczająco duże (co najmniej ~16px jako podstawa) i mogą być skalowane przez użytkownika, jeśli jest to wymagane. <strong>Kolory</strong> muszą być wybierane ostrożnie: oprócz wystarczająco wysokiego kontrastu (patrz wyżej), kolory nigdy nie powinny być używane jako jedyna cecha wyróżniająca (np. dodatkowo używaj symboli lub wzorów, ponieważ około 8% mężczyzn jest niewidomych na czerwono-zielono). <strong>Efekty skupienia i najechania kursorem</strong> dla linków/przycisków powinny być widoczne (np. łatwo rozpoznawalna kolorowa ramka spełniająca kryteria kontrastu WCAG). Zalecamy również <strong>Chwytliwa hierarchia wizualna</strong>Ważne elementy (przyciski wezwania do działania, główne nagłówki) powinny być wyraźnie podkreślone. <strong>Ikony</strong> powinny być w miarę możliwości opatrzone tekstem objaśniającym (lub przynajmniej etykietą ARIA), jeśli ich znaczenie nie jest całkowicie jasne. Kolejną zasadą jest <strong>Tolerancja błędów</strong>Projektuj interfejsy w taki sposób, aby uniknąć błędów w obsłudze - np. duże klikalne obszary dla przycisków (co najmniej 44×44px zgodnie z WCAG) i łatwo rozpoznawalne komunikaty w przypadku błędów w formularzu (z tekstem i symbolem). Wreszcie <strong>Prosty, jasny język</strong> do zrozumiałości, w razie potrzeby uzupełnione treścią w <em>Łatwy język</em> dla złożonych ofert. Wszystkie te środki zapewniają, że strona internetowa może być intuicyjnie używana przez osoby o różnych umiejętnościach. Pozytywny efekt uboczny: taka dobrze przemyślana, dostępna struktura zazwyczaj zwiększa ogólną łatwość obsługi i zadowolenie wszystkich użytkowników.</p> </div> </div> <div id="accordion-588238464" class="accordion-item"> <a id="accordion-588238464-label" class="accordion-title plain" href="#accordion-item-wie-testet-man-eine-webseite-auf-barrierefreiheit?" aria-expanded="false" aria-controls="accordion-588238464-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jak przetestować witrynę pod kątem dostępności?</span> </a> <div id="accordion-588238464-content" class="accordion-inner" aria-labelledby="accordion-588238464-label" > <p>Proces testowania powinien <strong>wielopoziomowy</strong> być. Pierwsze opcje to <strong>Zautomatyzowane narzędzia testujące</strong> które wykrywają typowe problemy. Na przykład: rozszerzenie przeglądarki <strong>WAVE</strong> natychmiast podkreśla problemy z dostępnością na stronie, <strong>topór</strong> (jako wtyczka DevTools) zapewnia szczegółowe analizy dla programistów, oraz <strong>Google Lighthouse</strong> (zintegrowany z przeglądarką Chrome) zapewnia ocenę dostępności. Narzędzia te automatycznie wykrywają błędy techniczne, takie jak brakujące teksty alternatywne, nieprawidłowe role lub brak kontrastu. Nie rozpoznają jednak wszystkiego - dlatego następnym krokiem jest <strong>Testuj ręcznie</strong>Najpierw strona <strong>Obsługa wyłącznie za pomocą klawiatury</strong> (Tab, Enter itp.) w celu wykrycia problemów z nawigacją. Następnie <strong>Test czytnika ekranu</strong> (np. za pomocą NVDA na komputerze PC lub VoiceOver na komputerze Mac) - sprawdź, czy treść jest odczytywana w logicznej i zrozumiałej kolejności oraz czy wszystkie elementy interaktywne są dostępne i poprawnie nazwane. Przetestuj także różne rozmiary ekranu (responsywny design) oraz różne przeglądarki i systemy operacyjne. Ponadto należy przeprowadzić test z <strong>prawdziwi użytkownicy z niepełnosprawnościami</strong> dostarczyć cennych spostrzeżeń (np. za pośrednictwem paneli użytkowników testowych lub we współpracy z organizacjami osób niepełnosprawnych). Organy publiczne są również zobowiązane do posiadania oficjalnego <strong>Test BITV/WCAG</strong> do przeprowadzenia. Wreszcie <strong>Deklaracja w sprawie dostępności</strong> (obowiązkowe dla publicznych stron internetowych), dzięki czemu wyniki testów i pozostałe bariery są przejrzyste. To połączenie automatycznych testów, recenzji ekspertów i opinii użytkowników zapewnia najbardziej niezawodną kontrolę dostępności.</p> </div> </div> <div id="accordion-2812604341" class="accordion-item"> <a id="accordion-2812604341-label" class="accordion-title plain" href="#accordion-item-kann-man-eine-bestehende-website-nachträglich-barrierefrei-machen?" aria-expanded="false" aria-controls="accordion-2812604341-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Czy możliwe jest udostępnienie istniejącej strony internetowej w późniejszym terminie?</span> </a> <div id="accordion-2812604341-content" class="accordion-inner" aria-labelledby="accordion-2812604341-label" > <p>Tak, jest to możliwe - i często konieczne, jeśli strona internetowa została pierwotnie opracowana bez uwzględnienia dostępności. Wiele ulepszeń może być <strong>krok po kroku</strong> i bez całkowitego ponownego uruchomienia. Proces rozpoczyna się od <strong>Audyt</strong> (patrz pytanie 17), aby zidentyfikować obecne bariery. Następnie można ustalić priorytety: Krytyczne problemy (np. brakujące teksty alternatywne, brak obsługi klawiatury) powinny zostać naprawione w pierwszej kolejności. Zmiany w interfejsie użytkownika (HTML/CSS) często mogą mieć duży wpływ, np. wstawianie etykiet w formularzach, dostosowywanie kodów kolorów dla kontrastu, dodawanie znaczników ARIA do interaktywnych komponentów, dostarczanie napisów do filmów itp. Ważne jest, aby <strong>Ulepszenia</strong> wykorzystać istniejące struktury w jak największym stopniu, aby uniknąć wprowadzania nowych błędów. Nowoczesne systemy CMS i frameworki internetowe często oferują wtyczki lub ustawienia wspierające dostępność - można je aktywować lub dodać w późniejszym terminie. W niektórych przypadkach (na przykład w przypadku bardzo przestarzałych lub opartych na Flash/PDF witryn), a <strong>Rekonstrukcja</strong> Może to być bardziej opłacalne, ale zazwyczaj możliwe jest uczynienie strony internetowej bardziej dostępną krok po kroku, bez odkrywania koła na nowo. Najlepiej byłoby, gdyby firmy konsultowały się z ekspertami lub przeszkolonymi programistami i regularnie testowały adaptacje. Wniosek: Istniejące strony internetowe mogą być <strong>modernizacja</strong>a wiele optymalizacji można przeprowadzić podczas pracy, dzięki czemu nie trzeba robić wszystkiego naraz.</p> </div> </div> <div id="accordion-2964272640" class="accordion-item"> <a id="accordion-2964272640-label" class="accordion-title plain" href="#accordion-item-wie-hoch-ist-der-aufwand-und-welche-kosten-entstehen-bei-der-umsetzung-von-web-barrierefreiheit?" aria-expanded="false" aria-controls="accordion-2964272640-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Ile wysiłku i jakie koszty wiążą się z wdrożeniem dostępności stron internetowych?</span> </a> <div id="accordion-2964272640-content" class="accordion-inner" aria-labelledby="accordion-2964272640-label" > <p>Wymagany wysiłek zależy w dużej mierze od początkowego stanu strony internetowej i jej zakresu. W przypadku nowych projektów dostępność można zaplanować w sposób opłacalny od samego początku; w przypadku istniejących witryn ulepszenia mogą wymagać więcej zasobów w zależności od liczby barier. <strong>Koszty szczegółowe</strong> się różnić: Na przykład profesjonalny audyt dostępności może wahać się między <strong>500 i 5000 euro</strong> w zależności od złożoności strony internetowej. Jednak wiele podstawowych problemów (takich jak brakujące teksty alternatywne lub nieprawidłowe nagłówki) można znaleźć i naprawić stosunkowo szybko za pomocą bezpłatnych narzędzi. Większe problemy pojawiają się, gdy konieczne jest gruntowne przeprogramowanie (np. reorganizacja nawigacji lub zastąpienie nieodpowiedniego systemu captcha). Integracja ścieżek napisów do filmów lub tłumaczenie treści na prosty język również powoduje dodatkowe koszty. Ogólnie rzecz biorąc, obowiązują następujące zasady: <strong>Zapobieganie jest tańsze niż modernizacja</strong> - Ci, którzy tworzą strony internetowe bez barier na wczesnym etapie, oszczędzają koszty w dłuższej perspektywie. W przypadku istniejących stron internetowych warto rozważyć koszty i korzyści: Inwestycje w dostępność często amortyzują się dzięki zwiększonemu zasięgowi, lepszemu SEO i niższemu ryzyku prawnemu. Wskazówka: Aby rozpocząć, można wdrożyć "szybkie korzyści" (patrz pytania 16 i 17) i stopniowo budżetować dalsze optymalizacje. Istnieją również programy finansowania i usługi konsultingowe, które zapewniają firmom wsparcie finansowe i techniczne w zakresie projektowania bez barier.</p> </div> </div> <div id="accordion-3916103062" class="accordion-item"> <a id="accordion-3916103062-label" class="accordion-title plain" href="#accordion-item-was-sind-die-konsequenzen,-wenn-eine-website-nicht-barrierefrei-ist?" aria-expanded="false" aria-controls="accordion-3916103062-content" > <button class="toggle" aria-label="Toggle" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Jakie są konsekwencje niedostępności strony internetowej?</span> </a> <div id="accordion-3916103062-content" class="accordion-inner" aria-labelledby="accordion-3916103062-label" > <p>Konsekwencje zależą od tego, czy istnieje prawny obowiązek zapewnienia dostępności witryny. <strong>Prawne</strong>Publiczne strony internetowe, które naruszają dyrektywy BITV/UE, mogą być krytykowane przez organy nadzorcze i zgłaszane przez użytkowników za pośrednictwem procedury składania skarg. Sankcje są jasno określone dla firm prywatnych, które podlegają BFSG (od 2025 r.): Jeśli na przykład oferty online B2C nie są zaprojektowane tak, aby były dostępne, jest to uważane za wykroczenie administracyjne i istnieje ryzyko <strong>Grzywny w wysokości do 100 000 euro</strong> przez organy nadzoru rynku. Istnieje również ryzyko, że <strong>ostrzeżenia zgodnie z prawem konkurencji</strong> przez konkurentów lub stowarzyszenia, ponieważ niedostępna oferta może być postrzegana jako nieuczciwa przewaga. Niezależnie od zobowiązań prawnych, brak dostępności szkodzi również <strong>Obraz</strong> - Sprawia to wrażenie, że firma wyklucza pewne grupy klientów, co jest negatywnie postrzegane w czasach różnorodności i świadomości CSR. Ponadto traci się <strong>potencjalni klienci</strong>Osoby niepełnosprawne (i coraz starsi użytkownicy) odwracają się od strony internetowej, która jest trudna w użyciu, co może kosztować sprzedaż. Wreszcie, co nie mniej ważne, dostępni konkurenci w <strong>Ranking SEO</strong> ponieważ wyszukiwarki faworyzują strony przyjazne dla użytkownika. Krótko mówiąc, ci, którzy ignorują dostępność, ryzykują problemy prawne, wykluczenie klientów i utratę reputacji. Dlatego pod wieloma względami warto w pierwszej kolejności zapobiegać powstawaniu barier lub szybko je usuwać.</p> </div> </div> </div> </div> <style> #section_626497141 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_626497141 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_626497141 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-582778081"> <div id="col-561861599" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-2340819520" class="text"> <p>Najważniejsze pytania i odpowiedzi na temat dostępnych stron internetowych </p> <p><strong>Bezpośrednie, proste, napisane prostym językiem</strong></p> <style> #text-2340819520 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-2340819520 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-2340819520 { text-align: left; } } </style> </div> </div> <style> #col-561861599 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-561861599 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_1389152129 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1123192832"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-2108824066"> <div id="col-1813176685" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/pl/produkt-3/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Narzędzie dostępności stron internetowych</span> </a> </div> </div> </div> </div> <style> #section_1123192832 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <div id="gap-1354977067" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1354977067 { padding-top: 30px; } </style> </div> <span class="scroll-to" data-label="Scroll to: #social" data-bullet="true" data-link="#social" data-title="Social Media" ><a name="social"></a></span> <span class="scroll-to" data-label="Scroll to: #kontakt" data-bullet="true" data-link="#kontakt" data-title="Kontakt" ><a name="kontakt"></a></span> </div> </main> <footer id="footer" class="footer-wrapper"> <span class="scroll-to" data-label="Scroll to: #kontakt" data-bullet="true" data-link="#kontakt" data-title="kontakt" ><a name="kontakt"></a></span> <section class="section #Contact" id="section_1382455701"> <div class="section-bg fill" > <div class="video-overlay no-click fill hide-for-medium"></div> <video class="video-bg fill hide-for-medium" preload playsinline autoplay muted loop> <source src="https://ai4performance.com/wp-content/uploads/2024/11/6281967_Man_Vr_1280x720_h264.mp4" type="video/mp4"> </video> </div> <div class="section-content relative"> <div class="row" id="row-377829010"> <div id="col-2100153375" class="col small-12 large-12" > <div class="col-inner text-left" style="background-color:rgb(255, 255, 255);" > <div class="row align-middle align-center" id="row-1368844174"> <div id="col-1340629113" class="col medium-9 small-12 large-6" > <div class="col-inner text-center" > <div id="text-2636898478" class="text"> <h2>Zacznij z nami w <strong>Przyszłość</strong></h2> <style> #text-2636898478 { font-size: 1.5rem; text-align: center; } </style> </div> <p>Czy są Państwo gotowi zrobić kolejny krok i przenieść swój biznes na wyższy poziom? Proszę skontaktować się z nami <strong>Niezobowiązująca wstępna konsultacja z osobistym doradcą</strong>.</p> <div id="gap-2100136428" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-2100136428 { padding-top: 0px; } @media (min-width:550px) { #gap-2100136428 { padding-top: 50px; } } </style> </div> </div> <style> #col-1340629113 > .col-inner { padding: 0px 0px 0px 0px; } @media (min-width:550px) { #col-1340629113 > .col-inner { padding: 40px 0px 0px 0px; } } @media (min-width:850px) { #col-1340629113 > .col-inner { padding: 0px 10% 0px 5%; } } </style> </div> <div id="col-392824291" class="col medium-12 small-12 large-6" > <div class="col-inner text-left" > <div class="wpcf7 no-js" id="wpcf7-f14-o1" lang="en-US" dir="ltr" data-wpcf7-id="14"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/pl/strona-internetowa-dotyczaca-dostepnosci/#wpcf7-f14-o1" method="post" class="wpcf7-form init" aria-label="Formularz kontaktowy" novalidate="novalidate" data-status="init" data-no-translation-aria-label="" data-trp-original-action="/pl/barrierefreiheit-website/#wpcf7-f14-o1"> <fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="14" /><input type="hidden" name="_wpcf7_version" value="6.1.1" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f14-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /> </fieldset> <div class="form-flat-footer"> <p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Imię i nazwisko" value="" type="text" name="your-name" /></span> </p> <p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Twój adres e-mail" value="" type="email" name="your-email" /></span> </p> <p><span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Czym jesteś zainteresowany?" value="" type="text" name="your-subject" /></span> </p> <div class="cf7-date-time-row"> <div class="date-wrapper"> <p> <span class="wpcf7-form-control-wrap date-604" data-name="date-604"> <input size="40" class="wpcf7-form-control wpcf7-datepicker wpcf7-validates-as-required datepicker gmdpcf_datepicker" id="datepicker" value="Datum wählen" format="dd.mm.yy" min_val="current|plus|2|days" max_val="current|plus|30|days" disable_weekdays="" aria-required="true" aria-invalid="false" type="text" name="date-604" /> </span> </p> </div> <div class="time-wrapper"> <p><span class="wpcf7-form-control-wrap" data-name="select-856"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="select-856"><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option></select></span> </p> </div> </div> <p><div class="cf7-cf-turnstile" style="margin-top: 0px; margin-bottom: -15px;"> <div id="cf-turnstile-cf7-11337816" class="cf-turnstile" data-callback="turnstileCF7Callback" data-sitekey="0x4AAAAAAAzHa8Po6XNUU4hU" data-theme="light" data-language="auto" data-size="normal" data-retry="auto" data-retry-interval="1000" data-action="contact-form-7" data-appearance="always"></div> <style>.wpcf7-submit { pointer-events: none; opacity: 0.5; }</style> <script>document.addEventListener("DOMContentLoaded", function() { setTimeout(function(){ var e=document.getElementById("cf-turnstile-cf7-11337816"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-cf7-11337816"), turnstile.render("#cf-turnstile-cf7-11337816", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-cf7-11337816"> <script>document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-11337816')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-11337816');},1000)}})})});</script> </div><br /> <input class="wpcf7-form-control wpcf7-submit has-spinner button" type="submit" value="Poproś o spotkanie" /> </p> </div><div class="wpcf7-response-output" aria-hidden="true"></div> <input type="hidden" name="trp-form-language" value="pl"/></form> </div> </div> <style> #col-392824291 > .col-inner { margin: 0px 0px 0px 0px; } @media (min-width:550px) { #col-392824291 > .col-inner { margin: 20px 0px 0px 0px; } } </style> </div> </div> </div> <style> #col-2100153375 > .col-inner { padding: 50px 0px 0px 0px; } @media (min-width:550px) { #col-2100153375 > .col-inner { padding: 30px 30px 0px 30px; } } @media (min-width:850px) { #col-2100153375 > .col-inner { padding: 60px 60px 20px 60px; } } </style> </div> </div> </div> <style> #section_1382455701 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } @media (min-width:550px) { #section_1382455701 { padding-top: 50px; padding-bottom: 50px; } } </style> </section> <section class="section" id="section_652027707"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-490643819"> <div id="col-433653010" class="col small-12 large-12" > <div class="col-inner text-center" > <div id="gap-1208332101" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1208332101 { padding-top: 50px; } </style> </div> <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1481768730"> <div class="img-inner dark" > <img width="1" height="1" src="https://ai4performance.com/wp-content/uploads/2016/08/logo.svg" class="attachment-large size-large" alt="" decoding="async" loading="lazy" /> </div> <style> #image_1481768730 { width: 80%; } @media (min-width:550px) { #image_1481768730 { width: 50%; } } </style> </div> </div> <style> #col-433653010 > .col-inner { margin: 0px 0px -50px 0px; } </style> </div> </div> <div id="gap-28961796" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-28961796 { padding-top: 30px; } @media (min-width:550px) { #gap-28961796 { padding-top: 20px; } } </style> </div> <div id="text-625035846" class="text hidden"> <p><strong>Eksperci ds.</strong></p> <style> #text-625035846 { font-size: 1.55rem; line-height: 0.75; text-align: center; color: rgb(0,0,0); } #text-625035846 > * { color: rgb(0,0,0); } @media (min-width:550px) { #text-625035846 { font-size: 2.1rem; line-height: 0.75; } } </style> </div> <div class="row" id="row-241106701"> </div> <div class="row row-small" id="row-12979763"> <div id="col-67491357" class="col medium-12 small-12 large-12" > <div class="col-inner text-center" > <div id="text-3825145386" class="text"> <h5><span style="font-size: 140%;"><strong>Rozwiązania oparte na sztucznej inteligencji dla firm</strong></span></h5> <p>Większa wydajność, większa ulga, większa stabilność.</p> <style> #text-3825145386 { font-size: 0.75rem; text-align: center; } @media (min-width:550px) { #text-3825145386 { font-size: 0.8rem; text-align: center; } } @media (min-width:850px) { #text-3825145386 { text-align: center; } } </style> </div> <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_2036852098"> <div class="img-inner dark" style="margin:0px 0px 20px 0px;"> <img width="500" height="120" src="https://ai4performance.com/wp-content/uploads/2024/11/Logos-vondrunet-1-e1732290323363.png" class="attachment-original size-original" alt="" decoding="async" loading="lazy" srcset="https://ai4performance.com/wp-content/uploads/2024/11/Logos-vondrunet-1-e1732290323363.png 500w, https://ai4performance.com/wp-content/uploads/2024/11/Logos-vondrunet-1-e1732290323363-18x4.png 18w, https://ai4performance.com/wp-content/uploads/2024/11/Logos-vondrunet-1-e1732290323363-420x101.png 420w" sizes="auto, (max-width: 500px) 100vw, 500px" /> </div> <style> #image_2036852098 { width: 40%; } @media (min-width:550px) { #image_2036852098 { width: 17%; } } </style> </div> </div> </div> </div> </div> <style> #section_652027707 { padding-top: 30px; padding-bottom: 30px; background-color: rgb(245, 247, 251); } </style> </section> <div class="absolute-footer light medium-text-center text-center"> <div class="container clearfix"> <div class="footer-secondary pull-right"> <div class="footer-text inline-block small-block"> <div class="social-icons follow-icons" ></div> </div> </div> <div class="footer-primary pull-left"> <div class="menu-footer-container"><ul id="menu-footer" class="links footer-nav uppercase"><li id="menu-item-927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-927"><a href="https://ai4performance.com/pl/odcisk/">Nadruk</a></li> <li id="menu-item-928" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-928"><a href="https://ai4performance.com/pl/agb/">GTC</a></li> <li id="menu-item-947" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-947"><a rel="privacy-policy" href="https://ai4performance.com/pl/oswiadczenie-o-ochronie-danych/">Ochrona danych</a></li> <li id="menu-item-5563" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5563"><a href="https://ai4performance.com/pl/deklaracja-dostepnosci/">Dostępność</a></li> </ul></div> <div class="copyright-footer"> Copyright 2025 © <strong>AI4Performance</strong> <p> </div> <p class="footer-info vat-info" data-no-translation="" data-trp-gettext="">Wszystkie ceny bez VAT.</p> </div> </div> </div> </footer> </div> <template id="tp-language" data-tp-language="pl_PL"></template> <div id="cfw-side-cart-overlay"></div> <div class="checkoutwc cfw-grid" id="cfw-side-cart" role="dialog" aria-modal="true" aria-label="Koszyk" data-no-translation-aria-label=""> <div id="cfw-side-cart-container"></div> </div> <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide mobile-sidebar-slide mobile-sidebar-levels-1" data-levels="1"> <div class="sidebar-menu no-scrollbar"> <ul class="nav nav-sidebar nav-vertical nav-uppercase nav-slide" data-tab="1"> <li id="menu-item-457" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-457"><a href="https://ai4performance.com/pl/">Strona główna</a></li> <li id="menu-item-2497" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2497"><a href="https://ai4performance.com/pl/ki-doradztwo/">KI Consultancy</a></li> <li id="menu-item-2496" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2496"><a href="#">Agenci AI</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-2506" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2506"><a href="https://ai4performance.com/pl/asystent-jezykowy-ki/">Asystent głosowy AI</a></li> <li id="menu-item-1077" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1077"><a href="https://ai4performance.com/pl/asystent-ki-dla-biur-podrozy/">Chatbot AI</a></li> </ul> </li> <li id="menu-item-2645" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2645"><a href="#">Automatyzacja</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-946" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-946"><a href="https://ai4performance.com/pl/marketing-w-mediach-spolecznosciowych/">Automatyczne media społecznościowe</a> <ul class="sub-menu nav-sidebar-ul"> <li id="menu-item-2342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2342"><a href="https://ai4performance.com/pl/marketing-w-mediach-spolecznosciowych/">Dla firm</a></li> <li id="menu-item-2642" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2642"><a href="https://ai4performance.com/pl/dealer-samochodowy/">Dla dealerów samochodowych</a></li> <li id="menu-item-2328" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2328"><a href="https://ai4performance.com/pl/nieruchomosci/">Dla agentów nieruchomości</a></li> </ul> </li> <li id="menu-item-5151" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5151"><a href="https://ai4performance.com/pl/ki-smartblog/">AI SmartBlog</a></li> </ul> </li> <li id="menu-item-2865" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2865"><a>Narzędzia programowe</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-4923" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4923"><a href="https://ai4performance.com/pl/test-penetracyjny/">Test penetracyjny</a></li> <li id="menu-item-4924" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-4924"><a href="https://ai4performance.com/pl/strona-internetowa-dotyczaca-dostepnosci/">Dostępność</a></li> </ul> </li> <li id="menu-item-2627" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2627"><a href="#">Marketing AI</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-1998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1998"><a href="https://ai4performance.com/pl/ogloszenia-reklamowe/">Inteligentne reklamy Google</a></li> <li id="menu-item-1999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1999"><a href="https://ai4performance.com/pl/seo-dla-biur-podrozy/">Optymalizacja pod kątem wyszukiwarek</a></li> </ul> </li> <li id="menu-item-2626" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2626"><a href="https://ai4performance.com/pl/dystrybucja/">Szukamy Państwa</a></li> <li id="menu-item-4534" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4534"><a href="https://ai4performance.com/pl/blog/">AI News Blog</a></li> <li id="menu-item-455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-455"><a href="https://ai4performance.com/pl/sklep/">Sklep</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-2582" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2582"><a href="https://ai4performance.com/pl/sklep/">Sklep</a></li> <li id="menu-item-2580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2580"><a href="https://ai4performance.com/pl/wozek/">Wózek</a></li> <li id="menu-item-2581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2581"><a href="https://ai4performance.com/pl/kasa/">Kasa</a></li> <li id="menu-item-5427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5427"><a href="https://ai4performance.com/pl/moje-konto/edytowac-konto/">Szczegóły konta</a></li> </ul> </li> <li id="menu-item-1580" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-has-children current-language-menu-item menu-item-1580"><a href="https://ai4performance.com/pl/strona-internetowa-dotyczaca-dostepnosci/"><span data-no-translation><img class="trp-flag-image" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pl_PL.png" width="18" height="12" alt="pl_PL" title="Polski"><span class="trp-ls-language-name">Polski</span></span></a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-1146" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-1146"><a href="https://ai4performance.com/en/barrierefreiheit-website/"><span data-no-translation><img class="trp-flag-image" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_GB.png" width="18" height="12" alt="en_GB" title="English (UK)"><span class="trp-ls-language-name">English (UK)</span></span></a></li> <li id="menu-item-1149" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-1149"><a href="https://ai4performance.com/barrierefreiheit-website/"><span data-no-translation><img class="trp-flag-image" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="Deutsch"><span class="trp-ls-language-name">Deutsch</span></span></a></li> <li id="menu-item-2394" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-2394"><a href="https://ai4performance.com/bg/barrierefreiheit-website/"><span data-no-translation><img class="trp-flag-image" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/bg_BG.png" width="18" height="12" alt="bg_BG" title="Български"><span class="trp-ls-language-name">Български</span></span></a></li> <li id="menu-item-1148" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-1148"><a href="https://ai4performance.com/tr/eri%cc%87si%cc%87lebi%cc%87li%cc%87rli%cc%87k-web-si%cc%87tesi%cc%87/"><span data-no-translation><img class="trp-flag-image" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/tr_TR.png" width="18" height="12" alt="tr_TR" title="Türkçe"><span class="trp-ls-language-name">Türkçe</span></span></a></li> </ul> </li> </ul> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/pl\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/flatsome\/*","\/pl\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <!-- Hotjar Tracking Code for https://ai4performance.com --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:6423412,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script><!-- Hotjar Tracking Code for https://ai4performance.com --> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Czym jest dost\u0119pno\u015b\u0107 stron internetowych i dlaczego jest wa\u017cna?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Dost\u0119pno\u015b\u0107 stron internetowych oznacza, \u017ce mog\u0105 by\u0107 one u\u017cywane bez ogranicze\u0144 przez wszystkich ludzi - niezale\u017cnie od ogranicze\u0144 fizycznych lub poznawczych. Obejmuje to na przyk\u0142ad alternatywne teksty dla obraz\u00f3w, przejrzyste struktury nag\u0142\u00f3wk\u00f3w, wystarczaj\u0105ce kontrasty kolor\u00f3w i obs\u0142ug\u0119 klawiatury. Dost\u0119pno\u015b\u0107 zapewnia, \u017ce nikt nie jest wykluczony z oferty online i promuje r\u00f3wny dost\u0119p dla wszystkich u\u017cytkownik\u00f3w. Jednocze\u015bnie dost\u0119pna strona internetowa wzmacnia reputacj\u0119 firmy i buduje zaufanie do marki.<\/p>" } }, { "@type": "Question", "name": "Jakie korzy\u015bci oferuje firmom dost\u0119pna strona internetowa?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Dost\u0119pna strona internetowa zwi\u0119ksza potencjaln\u0105 grup\u0119 docelow\u0105, poniewa\u017c osoby niepe\u0142nosprawne lub seniorzy mog\u0105 r\u00f3wnie\u017c dotrze\u0107 do klient\u00f3w. Ponadto optymalizacje pod k\u0105tem dost\u0119pno\u015bci cz\u0119sto poprawiaj\u0105 og\u00f3lne wra\u017cenia u\u017cytkownika (u\u017cyteczno\u015b\u0107) - na przyk\u0142ad poprzez lepsz\u0105 czytelno\u015b\u0107 i nawigacj\u0119 - co ma pozytywny wp\u0142yw na rankingi wyszukiwarek i wsp\u00f3\u0142czynniki konwersji. Firmy odnosz\u0105 zatem podw\u00f3jn\u0105 korzy\u015b\u0107: spe\u0142niaj\u0105 wymogi spo\u0142eczne i prawne, a jednocze\u015bnie osi\u0105gaj\u0105 wi\u0119kszy zasi\u0119g, lepszy ranking SEO i integracyjny wizerunek.<\/p>" } }, { "@type": "Question", "name": "Jakie s\u0105 wymogi prawne dotycz\u0105ce dost\u0119pno\u015bci stron internetowych?", "acceptedAnswer": { "@type": "Answer", "text": "<p>W Niemczech jest to regulowane przez <strong>Ustawa o r\u00f3wno\u015bci os\u00f3b niepe\u0142nosprawnych (BGG)<\/strong> i <strong>Rozporz\u0105dzenie w sprawie technologii informatycznych bez barier (BITV 2.0)<\/strong> Dost\u0119pno\u015b\u0107 stron internetowych dla organ\u00f3w publicznych. Na szczeblu UE od 2019 r. <strong>Dyrektywa (UE) 2016\/2102<\/strong> (\"Dyrektywa w sprawie dost\u0119pno\u015bci stron internetowych\") dla stron internetowych i aplikacji sektora publicznego. Dla sektora prywatnego, dyrektywa <strong>Dyrektywa (UE) 2019\/882<\/strong>w <strong>Europejski akt w sprawie dost\u0119pno\u015bci (EAA)<\/strong>wprowadzi\u0142a obowi\u0105zkowy wym\u00f3g dost\u0119pno\u015bci niekt\u00f3rych produkt\u00f3w i us\u0142ug, kt\u00f3ry b\u0119dzie obowi\u0105zywa\u0142 w Niemczech od czerwca 2025 r. <strong>Ustawa o wzmocnieniu dost\u0119pno\u015bci (BFSG)<\/strong> jest zaimplementowana. Specyfikacje te zazwyczaj odnosz\u0105 si\u0119 do standard\u00f3w technicznych, takich jak wytyczne WCAG (patrz poni\u017cej).<\/p>" } }, { "@type": "Question", "name": "Czym jest BITV 2.0 i kogo dotyczy?", "acceptedAnswer": { "@type": "Answer", "text": "<p>The <strong>BITV 2.0 (rozporz\u0105dzenie w sprawie technologii informatycznych bez barier)<\/strong> to niemieckie rozporz\u0105dzenie, kt\u00f3re okre\u015bla wymagania, jakie musz\u0105 spe\u0142ni\u0107 instytucje publiczne, aby strony internetowe i aplikacje mobilne zosta\u0142y uznane za dost\u0119pne. Dotyczy to wszystkich stron internetowych i aplikacji w\u0142adz federalnych oraz - zgodnie z prawem stanowym - kraj\u00f3w zwi\u0105zkowych i gmin. BITV 2.0 wdra\u017ca dyrektyw\u0119 UE w sprawie stron internetowych i zasadniczo opiera si\u0119 na wytycznych WCAG 2.1 (poziom zgodno\u015bci AA), ale pod pewnymi wzgl\u0119dami idzie jeszcze dalej. Prywatne firmy nie s\u0105 bezpo\u015brednio dotkni\u0119te przez BITV, ale powinny dobrowolnie wdro\u017cy\u0107 dost\u0119pno\u015b\u0107 lub mog\u0105 podlega\u0107 BFSG (od 2025 r.) w przypadku niekt\u00f3rych ofert.<\/p>" } }, { "@type": "Question", "name": "Jakie s\u0105 wytyczne WCAG i jakie s\u0105 poziomy zgodno\u015bci?", "acceptedAnswer": { "@type": "Answer", "text": "<p>The <strong>Wytyczne dotycz\u0105ce dost\u0119pno\u015bci tre\u015bci internetowych (WCAG)<\/strong> to mi\u0119dzynarodowe wytyczne dotycz\u0105ce dost\u0119pnych tre\u015bci internetowych, opublikowane przez W3C. S\u0105 one uznawane na ca\u0142ym \u015bwiecie za standard projektowania dost\u0119pnych stron internetowych. WCAG 2.1 opiera si\u0119 na czterech zasadach (postrzegalno\u015b\u0107, u\u017cyteczno\u015b\u0107, zrozumia\u0142o\u015b\u0107, solidno\u015b\u0107) i zawiera \u0142\u0105cznie 12 wytycznych z 74 konkretnymi kryteriami sukcesu. Kryteria sukcesu s\u0105 podzielone na trzy poziomy zgodno\u015bci: <strong>A<\/strong>, <strong>AA<\/strong> i <strong>AAA<\/strong> (A = podstawowe wymagania, AA = rozszerzone wymagania, AAA = najwy\u017cszy poziom). W praktyce i wymaganiach prawnych (BITV, dyrektywy UE) zwykle stosuje si\u0119 nast\u0119puj\u0105ce warto\u015bci <strong>WCAG 2.1 Poziom AA<\/strong> jako standard wymagany do uznania strony internetowej za dost\u0119pn\u0105.<\/p>" } }, { "@type": "Question", "name": "Co reguluje dyrektywa UE w sprawie stron internetowych 2016\/2102?", "acceptedAnswer": { "@type": "Answer", "text": "<p>The <strong>Dyrektywa (UE) 2016\/2102<\/strong>cz\u0119sto okre\u015blana jako \"dyrektywa UE w sprawie stron internetowych\", zobowi\u0105zuje wszystkie pa\u0144stwa cz\u0142onkowskie UE do zapewnienia dost\u0119pno\u015bci stron internetowych i aplikacji mobilnych organ\u00f3w publicznych. Zapewnia ona, \u017ce na przyk\u0142ad strony internetowe organ\u00f3w publicznych s\u0105 dost\u0119pne zgodnie ze znormalizowanymi kryteriami. Dyrektywa opiera si\u0119 na WCAG 2.1 (poziom AA) i wymaga, mi\u0119dzy innymi, aby publiczne strony internetowe publikowa\u0142y o\u015bwiadczenie o dost\u0119pno\u015bci i aby odbywa\u0142o si\u0119 regularne monitorowanie. W Niemczech dyrektywa ta zosta\u0142a wdro\u017cona przez BGG i BITV 2.0 na szczeblu federalnym (oraz odpowiednie rozporz\u0105dzenia na szczeblu stanowym). Ta konkretna dyrektywa nie jest bezpo\u015brednio wi\u0105\u017c\u0105ca dla firm, ale ma wp\u0142yw na przyk\u0142ad na sp\u00f3\u0142ki komunalne lub instytucje publiczne.<\/p>" } }, { "@type": "Question", "name": "Co Europejski akt w sprawie dost\u0119pno\u015bci (EAA) oznacza dla firm?", "acceptedAnswer": { "@type": "Answer", "text": "<p>The <strong>Europejski akt w sprawie dost\u0119pno\u015bci (EAA)<\/strong> jest <strong>Dyrektywa UE 2019\/882<\/strong>kt\u00f3ra rozszerza wymogi dost\u0119pno\u015bci na du\u017c\u0105 cz\u0119\u015b\u0107 sektora prywatnego. Zobowi\u0105zuje ona firmy do zapewnienia dost\u0119pno\u015bci niekt\u00f3rych produkt\u00f3w i us\u0142ug oferowanych publicznie. Obejmuje to <strong>28 czerwca 2025 r.<\/strong> z.np. strony e-commerce (sklepy internetowe, portale rezerwacyjne), us\u0142ugi bankowe (bankowo\u015b\u0107 internetowa, bankomaty), e-booki, platformy transportu pasa\u017cerskiego (strony rezerwacji bilet\u00f3w kolejowych\/lotniczych) i inne. W Niemczech EAA jest regulowana przez Urz\u0105d ds. <strong>Ustawa o wzmocnieniu dost\u0119pno\u015bci (BFSG)<\/strong> kt\u00f3ry ma zastosowanie do firm zatrudniaj\u0105cych 10 lub wi\u0119cej pracownik\u00f3w i osi\u0105gaj\u0105cych obr\u00f3t w wysoko\u015bci 2 milion\u00f3w euro. Mikroprzedsi\u0119biorstwa s\u0105 zwolnione. Dla zainteresowanych firm oznacza to, \u017ce od 2025 r. <strong>Obowi\u0105zek prawny<\/strong>zapewnienie dost\u0119pno\u015bci ich odpowiednich stron internetowych i aplikacji zgodnie ze zharmonizowanymi normami (EN 301 549\/WCAG 2.1 AA).<\/p>" } }, { "@type": "Question", "name": "Jakie s\u0105 typowe bariery na stronach internetowych?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Cz\u0119stymi barierami na stronach internetowych s\u0105 np:<\/p>\n<ul>\n<li><strong>Brakuj\u0105ce teksty alternatywne dla obraz\u00f3w:<\/strong> Bez tekstu alternatywnego u\u017cytkownicy czytnik\u00f3w ekranu nie \"widz\u0105\", co przedstawia obraz (np. zdj\u0119cia produkt\u00f3w w sklepie internetowym).<\/li>\n<li><strong>Niewystarczaj\u0105ce kontrasty kolor\u00f3w:<\/strong> Tekst o zbyt jasnym kolorze na jasnym tle jest trudny do odczytania dla os\u00f3b z wadami wzroku. WCAG wymaga co najmniej <strong>Kontrast 4,5:1<\/strong> dla zwyk\u0142ego tekstu - wiele projekt\u00f3w tego nie robi ze wzgl\u0119d\u00f3w estetycznych.<\/li>\n<li><strong>Brak mo\u017cliwo\u015bci obs\u0142ugi klawiatury:<\/strong> Je\u015bli menu, formularze lub linki nie s\u0105 <strong>Zak\u0142adka<\/strong>-przycisk jest dost\u0119pny lub fokus nie jest widoczny na stronie, u\u017cytkownicy, kt\u00f3rzy nie mog\u0105 u\u017cywa\u0107 myszy, s\u0105 wykluczeni.<\/li>\n<li><strong>Brakuj\u0105ce oznakowanie formularza:<\/strong> Formularze bez etykiet <label> lub tylko z symbolami zast\u0119pczymi dezorientuj\u0105 u\u017cytkownik\u00f3w czytnik\u00f3w ekranu - nie wiedz\u0105, co nale\u017cy do pola wprowadzania danych.<\/li>\n<li><strong>Brak napis\u00f3w lub transkrypcji dla medi\u00f3w:<\/strong> Filmy bez napis\u00f3w wykluczaj\u0105 osoby nies\u0142ysz\u0105ce; tre\u015bci audio bez alternatywy tekstowej nie s\u0105 dost\u0119pne dla wszystkich.<\/li>\n<\/ul>\n<p>To tylko kilka przyk\u0142ad\u00f3w. Takie bariery s\u0105 cz\u0119sto spowodowane brakiem \u015bwiadomo\u015bci lub przestarza\u0142ymi decyzjami projektowymi, ale mo\u017cna je wyeliminowa\u0107 dzi\u0119ki ukierunkowanym dostosowaniom. Wa\u017cne jest, aby rozpozna\u0107 i usun\u0105\u0107 potencjalne bariery na wczesnym etapie, aby wszyscy u\u017cytkownicy mogli uzyska\u0107 dost\u0119p do tre\u015bci bez ogranicze\u0144.<\/p>" } }, { "@type": "Question", "name": "Co oznacza wsp\u00f3\u0142czynnik kontrastu i jakie warto\u015bci s\u0105 zalecane?", "acceptedAnswer": { "@type": "Answer", "text": "<p>The <strong>Wsp\u00f3\u0142czynnik kontrastu<\/strong> opisuje r\u00f3\u017cnic\u0119 w jasno\u015bci mi\u0119dzy pierwszym planem (np. tekstem) a kolorem t\u0142a. Wysoki kontrast jest wa\u017cny, aby teksty i elementy steruj\u0105ce by\u0142y \u0142atwo rozpoznawalne dla wszystkich - szczeg\u00f3lnie dla os\u00f3b z wadami wzroku lub w niekorzystnych warunkach o\u015bwietleniowych. WCAG 2.1 okre\u015bla jasne warto\u015bci minimalne: Dla normalnego tekstu ci\u0105g\u0142ego, stosunek co najmniej <strong>4,5:1<\/strong> wymagane, w przypadku wi\u0119kszej lub pogrubionej czcionki co najmniej <strong>3:1<\/strong> (zgodno\u015b\u0107 na poziomie AA) Dla jeszcze lepszej dost\u0119pno\u015bci (AAA) <strong>7:1<\/strong> resp. <strong>4,5:1<\/strong> zalecane. W praktyce oznacza to na przyk\u0142ad, \u017ce nale\u017cy unika\u0107 jasnoszarej czcionki na bia\u0142ym tle. Firmy powinny sprawdzi\u0107 swoj\u0105 palet\u0119 kolor\u00f3w pod tym k\u0105tem i dostosowa\u0107 j\u0105 w razie potrzeby lub zaoferowa\u0107 alternatywne tryby wy\u015bwietlania (np. motywy o wysokim kontra\u015bcie), aby zapewni\u0107 czytelno\u015b\u0107.<\/p>" } }, { "@type": "Question", "name": "Jak sprawi\u0107, by obrazy i grafiki na stronach internetowych by\u0142y dost\u0119pne?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Centralnym elementem obraz\u00f3w bez barier jest <strong>Tekst alternatywny (alt text)<\/strong>. Ten niewidoczny tekst w HTML opisuje zawarto\u015b\u0107 informacyjn\u0105 lub cel obrazu, dzi\u0119ki czemu niewidomi lub niedowidz\u0105cy u\u017cytkownicy mog\u0105 go odczyta\u0107 za pomoc\u0105 czytnika ekranu. Ka\u017cdy odpowiedni znacznik obrazu (<img>) powinien mie\u0107 znacz\u0105cy atrybut alt, który przekazuje w zwi\u0119z\u0142ych s\u0142owach, co mo\u017cna zobaczy\u0107 na obrazie lub jak\u0105 funkcj\u0119 spe\u0142nia. Na przyk\u0142ad, w przypadku obrazu produktu, tekst alt mo\u017ce zawiera\u0107 nazw\u0119 produktu i jego kluczowe cechy. <strong>Obrazy dekoracyjne<\/strong>kt\u00f3re nie zawieraj\u0105 \u017cadnych informacji o tre\u015bci, otrzymuj\u0105 pusty alt=\"\", dzi\u0119ki czemu czytnik ekranu je ignoruje. Ponadto z\u0142o\u017cone grafiki (takie jak infografiki lub wykresy) powinny by\u0107 opisane bardziej szczeg\u00f3\u0142owo - bezpo\u015brednio w kontek\u015bcie, na osobnej stronie lub za pomoc\u0105 longdesc. Dost\u0119pne obrazy nie tylko pomagaj\u0105 u\u017cytkownikom z wadami wzroku, ale tak\u017ce poprawiaj\u0105 optymalizacj\u0119 pod k\u0105tem wyszukiwarek (teksty alternatywne s\u0105 indeksowane przez Google).<\/p>" } }, { "@type": "Question", "name": "Jak udost\u0119pni\u0107 formularze?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Dost\u0119pne formularze zapewniaj\u0105, \u017ce wszyscy u\u017cytkownicy mog\u0105 zrozumie\u0107 i wype\u0142ni\u0107 pola wej\u015bciowe. Wa\u017cne \u015brodki to <strong>Przypisz widoczn\u0105 etykiet\u0119 do ka\u017cdego pola formularza<\/strong>kt\u00f3ry jest idealnie po\u0142\u0105czony z odpowiednim poprzez element <label>. Na przyk\u0142ad czytnik ekranu odczytuje \"e-mail, pole edycji\" zamiast po prostu \"pole edycji\", gdy fokus jest ustawiony, a cel jest jasny. Same teksty zast\u0119pcze nie s\u0105 wystarczaj\u0105ce do etykietowania. Ponadto <strong>Pola obowi\u0105zkowe i komunikaty o b\u0142\u0119dach s\u0105 wyra\u017anie oznaczone<\/strong> by\u0107 wyra\u017aniej oznaczone - na przyk\u0142ad dodatkowym tekstem lub symbolami zamiast czerwonych ramek, tak aby osoby niewidome na kolory r\u00f3wnie\u017c mog\u0142y zobaczy\u0107 informacje. Komunikaty o b\u0142\u0119dach musz\u0105 by\u0107 rozpoznawalne dla czytnik\u00f3w ekranu (np. poprzez aria-live). Logiczne <strong>Kolejno\u015b\u0107 kart<\/strong> poprzez pola formularza jest niezb\u0119dna, podobnie jak widoczne <strong>Ramka ostro\u015bci<\/strong>aby u\u017cytkownicy klawiatury zawsze wiedzieli, gdzie si\u0119 znajduj\u0105. Wreszcie, zalecane jest wyra\u017ane potwierdzenie (np. komunikat \"Formularz wys\u0142any pomy\u015blnie\"), kt\u00f3re jest r\u00f3wnie\u017c wydawane przez technologie wspomagaj\u0105ce. Takie \u015brodki zwi\u0119kszaj\u0105 u\u017cyteczno\u015b\u0107 dla wszystkich i zmniejszaj\u0105 liczb\u0119 anulowanych formularzy.<\/p>" } }, { "@type": "Question", "name": "Jak zapewni\u0107 obs\u0142ug\u0119 klawiatury na stronie internetowej?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Strona internetowa to <strong>Mo\u017cliwo\u015b\u0107 obs\u0142ugi za pomoc\u0105 klawiatury<\/strong>je\u015bli wszystkie interaktywne elementy (linki, przyciski, formularze, menu itp.) mog\u0105 by\u0107 dost\u0119pne i u\u017cywane wy\u0142\u0105cznie za pomoc\u0105 klawiatury. Wa\u017cne jest tutaj <strong>Kolejno\u015b\u0107 kart<\/strong>U\u017cytkownicy musz\u0105 mie\u0107 mo\u017cliwo\u015b\u0107 logicznego poruszania si\u0119 po stronie krok po kroku za pomoc\u0105 klawisza tabulacji. Nale\u017cy unika\u0107 przeskok\u00f3w lub utkni\u0119cia w niekt\u00f3rych elementach. Ka\u017cda tre\u015b\u0107, na kt\u00f3rej mo\u017cna si\u0119 skupi\u0107, powinna mie\u0107 <strong>widoczny wska\u017anik ostro\u015bci<\/strong> (np. kolorowa ramka lub podkre\u015blenie), aby mo\u017cna by\u0142o zobaczy\u0107, kt\u00f3ry element jest aktualnie aktywny - do tego celu powinna by\u0107 przeznaczona pseudoklasa CSS :focus lub :focus-visible. Programi\u015bci nigdy nie powinni usuwa\u0107 stylu obrysu\/ostro\u015bci bez zast\u0105pienia, ale w razie potrzeby zast\u0105pi\u0107 go w\u0142asnym, wyra\u017anie widocznym projektem. Elementy takie jak rozwijane menu lub modalne okna dialogowe musz\u0105 by\u0107 r\u00f3wnie\u017c sterowane za pomoc\u0105 klawiatury (zwykle za pomoc\u0105 klawiszy strza\u0142ek i Esc opr\u00f3cz Tab). Dobrym testem jest <strong>Test bez myszy<\/strong>Witryna mo\u017ce by\u0107 obs\u0142ugiwana wy\u0142\u0105cznie za pomoc\u0105 klawiszy Tab, Enter, Spacja i Esc. Je\u015bli dzia\u0142a to bez przeszk\u00f3d, obs\u0142uga klawiatury jest gwarantowana - je\u015bli nie, nale\u017cy wprowadzi\u0107 odpowiednie poprawki (np. ustawienie tabindex, zarz\u0105dzanie fokusem w skryptach itp.) Nawiasem m\u00f3wi\u0105c, dobra nawigacja po klawiaturze jest r\u00f3wnie\u017c korzystna dla zaawansowanych u\u017cytkownik\u00f3w i jest warunkiem wst\u0119pnym korzystania ze sterowania g\u0142osowego.<\/p>" } }, { "@type": "Question", "name": "Co to jest czytnik ekranu i jak wspiera\u0107 jego u\u017cytkownik\u00f3w?", "acceptedAnswer": { "@type": "Answer", "text": "<p>A <strong>Czytnik ekranu<\/strong> to program czytnika ekranu, kt\u00f3ry wy\u015bwietla wizualn\u0105 zawarto\u015b\u0107 strony internetowej w postaci tekstu m\u00f3wionego lub alfabetu Braille'a. Osoby niewidome i niedowidz\u0105ce u\u017cywaj\u0105 czytnik\u00f3w ekranu na komputerach, smartfonach lub tabletach, aby strony internetowe i aplikacje by\u0142y im odczytywane na g\u0142os. Przyk\u0142ady obejmuj\u0105 JAWS i NVDA (dla Windows), VoiceOver (dla macOS\/iOS) lub TalkBack (dla Androida). Aby wspiera\u0107 u\u017cytkownik\u00f3w czytnik\u00f3w ekranu, strona internetowa powinna <strong>semantycznie poprawny HTML<\/strong> - tj. nag\u0142ówki (<h1>-<h6>), listy, tabele itp. zgodnie z ich znaczeniem. Pozwala to czytnikowi ekranu na ustrukturyzowanie strony i umo\u017cliwienie nawigacji. Wa\u017cne s\u0105 równie\u017c <strong>Atrybuty ARIA<\/strong> (Accessible Rich Internet Applications), gdzie natywne elementy HTML nie s\u0105 wystarczaj\u0105ce - takie jak aria-label dla tekst\u00f3w opisowych lub role=\"navigation\" dla kontenera div, kt\u00f3ry s\u0142u\u017cy jako nawigacja. Ponadto elementy interaktywne, takie jak linki i przyciski, musz\u0105 mie\u0107 znacz\u0105ce etykiety (zamiast \"Kliknij tutaj\" lepiej jest u\u017cy\u0107 \"Dodaj do koszyka\"), a stany - np. rozwini\u0119te menu - musz\u0105 by\u0107 rozpoznawalne programowo. Powiniene\u015b sam przetestowa\u0107 za pomoc\u0105 czytnika ekranu, aby upewni\u0107 si\u0119, \u017ce sekwencja i sformu\u0142owania odczytywane na g\u0142os maj\u0105 sens. Takie \u015brodki umo\u017cliwiaj\u0105 u\u017cytkownikom czytnik\u00f3w ekranu dost\u0119p do tre\u015bci na r\u00f3wnych zasadach.<\/p>" } }, { "@type": "Question", "name": "Czym s\u0105 atrybuty ARIA i kiedy nale\u017cy ich u\u017cywa\u0107?", "acceptedAnswer": { "@type": "Answer", "text": "<p><strong>Atrybuty ARIA<\/strong> (Accessible Rich Internet Applications) to rozszerzenia dla HTML, kt\u00f3re zosta\u0142y opracowane w celu poprawy dost\u0119pno\u015bci - zw\u0142aszcza dynamicznych, interaktywnych aplikacji internetowych. ARIA mo\u017ce by\u0107 u\u017cywana do dostarczania dodatkowych informacji semantycznych w kodzie, kt\u00f3ry jest rozpoznawany i odczytywany przez technologie wspomagaj\u0105ce (czytniki ekranu itp.) Przyk\u0142ady: aria-label dodaje niewidoczny tekst etykiety do elementu (np. przycisk ikony bez tekstu otrzymuje aria-label=\"Otw\u00f3rz wyszukiwanie\"), aria-expanded=\"false\/true\" wskazuje status rozszerzalnego obszaru lub role=\"navigation\" definiuje obszar jako menu nawigacyjne. <strong>Wa\u017cne:<\/strong> ARIA <em>nie zast\u0119puje<\/em> poprawny HTML, ale uzupe\u0142nia go tylko wtedy, gdy elementy natywne nie s\u0105 wystarczaj\u0105ce. Najlepsz\u0105 praktyk\u0105 jest <strong>semantyczny HTML<\/strong> (to ju\u017c rozwi\u0105zuje wiele problem\u00f3w z dost\u0119pno\u015bci\u0105) i u\u017cywa\u0107 ARIA tylko tam, gdzie standardowe znaczniki HTML nie zapewniaj\u0105 odpowiedniego znaczenia. Ponadto role i atrybuty ARIA powinny by\u0107 prawid\u0142owe i poprawnie aktualizowane (np. aria-current=\"page\" dla aktywnej strony). ARIA mo\u017ce by\u0107 r\u00f3wnie\u017c szkodliwa, je\u015bli jest u\u017cywana nieprawid\u0142owo lub nadmiernie. Jednak\u017ce, gdy s\u0105 u\u017cywane prawid\u0142owo, atrybuty ARIA pomagaj\u0105 uczyni\u0107 z\u0142o\u017cone wid\u017cety (takie jak zak\u0142adki, modale, suwaki) zrozumia\u0142ymi dla czytnik\u00f3w ekranu i wype\u0142ni\u0107 luki w dost\u0119pno\u015bci.<\/p>" } }, { "@type": "Question", "name": "W jaki spos\u00f3b udost\u0119pniane s\u0105 materia\u0142y wideo i audio?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Tre\u015bci multimedialne musz\u0105 by\u0107 przygotowane w taki spos\u00f3b, aby mogli je zrozumie\u0107 zar\u00f3wno u\u017cytkownicy nies\u0142ysz\u0105cy, jak i niewidomi. <strong>Filmy<\/strong> powinien przynajmniej <strong>Podtytu\u0142<\/strong> dla s\u0142yszalnych dialog\u00f3w\/d\u017awi\u0119k\u00f3w i najlepiej mie\u0107 <strong>Opis audio<\/strong> (opis obrazu jako \u015bcie\u017cka d\u017awi\u0119kowa lub alternatywnie transkrypcja), kt\u00f3re przekazuj\u0105 informacje wizualne. Napisy pomagaj\u0105 nie tylko osobom nies\u0142ysz\u0105cym, ale tak\u017ce wszystkim u\u017cytkownikom, na przyk\u0142ad w ha\u0142a\u015bliwym otoczeniu. Napisy na \u017cywo lub nak\u0142adki t\u0142umacz\u0105ce na j\u0119zyk migowy s\u0105 odpowiednie dla film\u00f3w na \u017cywo. <strong>Zawarto\u015b\u0107 audio<\/strong> (takie jak podcasty) powinny zapewnia\u0107 transkrypcj\u0119 w formie tekstowej, aby u\u017cytkownicy z upo\u015bledzeniem s\u0142uchu mogli zapozna\u0107 si\u0119 z tre\u015bci\u0105. Z technicznego punktu widzenia odtwarzacze multimedialne powinny by\u0107 sprawne i oznakowane: A <strong>Dost\u0119pny odtwarzacz wideo<\/strong> obs\u0142uguje obs\u0142ug\u0119 klawiatury (odtwarzanie\/pauza za pomoc\u0105 spacji, g\u0142o\u015bno\u015b\u0107 za pomoc\u0105 klawiszy strza\u0142ek itp.), ma dost\u0119pne elementy steruj\u0105ce ( z etykietami aria) i u\u017cywa aria-hidden, aby zapobiec dwukrotnemu wy\u015bwietlaniu nieistotnych element\u00f3w steruj\u0105cych przez czytniki ekranu. Nale\u017cy unika\u0107 automatycznego odtwarzania film\u00f3w\/audio lub przynajmniej mie\u0107 mo\u017cliwo\u015b\u0107 jego wy\u0142\u0105czenia. Podsumowuj\u0105c: <strong>Napisy, transkrypcje i sterowalne odtwarzacze<\/strong> s\u0105 kluczem do dost\u0119pno\u015bci multimedi\u00f3w. Na przyk\u0142ad osoby nies\u0142ysz\u0105ce, niedos\u0142ysz\u0105ce lub niewidome mog\u0105 r\u00f3wnie\u017c odbiera\u0107 filmy i tre\u015bci audio.<\/p>" } }, { "@type": "Question", "name": "Jakich zasad projektowania nale\u017cy przestrzega\u0107 w przypadku dost\u0119pnych stron internetowych?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Dost\u0119pne projektowanie stron internetowych nie oznacza, \u017ce strona musi wygl\u0105da\u0107 \"prosto\" lub nudno - chodzi o to, <strong>U\u017cyteczno\u015b\u0107 i estetyka<\/strong> dla ka\u017cdego. G\u0142\u00f3wne zasady projektowania s\u0105 nast\u0119puj\u0105ce <strong>Przejrzysta, sp\u00f3jna struktura<\/strong> stron i nawigacji, wystarczaj\u0105ce <strong>Bia\u0142a przestrze\u0144<\/strong> i strukturyzacji, tak aby tre\u015b\u0107 by\u0142a \u0142atwa do zrozumienia i <strong>Czytelne czcionki<\/strong>. Teksty powinny by\u0107 wystarczaj\u0105co du\u017ce (co najmniej ~16px jako podstawa) i mog\u0105 by\u0107 skalowane przez u\u017cytkownika, je\u015bli jest to wymagane. <strong>Kolory<\/strong> musz\u0105 by\u0107 wybierane ostro\u017cnie: opr\u00f3cz wystarczaj\u0105co wysokiego kontrastu (patrz wy\u017cej), kolory nigdy nie powinny by\u0107 u\u017cywane jako jedyna cecha wyr\u00f3\u017cniaj\u0105ca (np. dodatkowo u\u017cywaj symboli lub wzor\u00f3w, poniewa\u017c oko\u0142o 8% m\u0119\u017cczyzn jest niewidomych na czerwono-zielono). <strong>Efekty skupienia i najechania kursorem<\/strong> dla link\u00f3w\/przycisk\u00f3w powinny by\u0107 widoczne (np. \u0142atwo rozpoznawalna kolorowa ramka spe\u0142niaj\u0105ca kryteria kontrastu WCAG). Zalecamy r\u00f3wnie\u017c <strong>Chwytliwa hierarchia wizualna<\/strong>Wa\u017cne elementy (przyciski wezwania do dzia\u0142ania, g\u0142\u00f3wne nag\u0142\u00f3wki) powinny by\u0107 wyra\u017anie podkre\u015blone. <strong>Ikony<\/strong> powinny by\u0107 w miar\u0119 mo\u017cliwo\u015bci opatrzone tekstem obja\u015bniaj\u0105cym (lub przynajmniej etykiet\u0105 ARIA), je\u015bli ich znaczenie nie jest ca\u0142kowicie jasne. Kolejn\u0105 zasad\u0105 jest <strong>Tolerancja b\u0142\u0119d\u00f3w<\/strong>Projektuj interfejsy w taki spos\u00f3b, aby unikn\u0105\u0107 b\u0142\u0119d\u00f3w w obs\u0142udze - np. du\u017ce klikalne obszary dla przycisk\u00f3w (co najmniej 44\u00d744px zgodnie z WCAG) i \u0142atwo rozpoznawalne komunikaty w przypadku b\u0142\u0119d\u00f3w w formularzu (z tekstem i symbolem). Wreszcie <strong>Prosty, jasny j\u0119zyk<\/strong> do zrozumia\u0142o\u015bci, w razie potrzeby uzupe\u0142nione tre\u015bci\u0105 w <em>\u0141atwy j\u0119zyk<\/em> dla z\u0142o\u017conych ofert. Wszystkie te \u015brodki zapewniaj\u0105, \u017ce strona internetowa mo\u017ce by\u0107 intuicyjnie u\u017cywana przez osoby o r\u00f3\u017cnych umiej\u0119tno\u015bciach. Pozytywny efekt uboczny: taka dobrze przemy\u015blana, dost\u0119pna struktura zazwyczaj zwi\u0119ksza og\u00f3ln\u0105 \u0142atwo\u015b\u0107 obs\u0142ugi i zadowolenie wszystkich u\u017cytkownik\u00f3w.<\/p>" } }, { "@type": "Question", "name": "Jak przetestowa\u0107 witryn\u0119 pod k\u0105tem dost\u0119pno\u015bci?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Proces testowania powinien <strong>wielopoziomowy<\/strong> by\u0107. Pierwsze opcje to <strong>Zautomatyzowane narz\u0119dzia testuj\u0105ce<\/strong> kt\u00f3re wykrywaj\u0105 typowe problemy. Na przyk\u0142ad: rozszerzenie przegl\u0105darki <strong>WAVE<\/strong> natychmiast podkre\u015bla problemy z dost\u0119pno\u015bci\u0105 na stronie, <strong>top\u00f3r<\/strong> (jako wtyczka DevTools) zapewnia szczeg\u00f3\u0142owe analizy dla programist\u00f3w, oraz <strong>Google Lighthouse<\/strong> (zintegrowany z przegl\u0105dark\u0105 Chrome) zapewnia ocen\u0119 dost\u0119pno\u015bci. Narz\u0119dzia te automatycznie wykrywaj\u0105 b\u0142\u0119dy techniczne, takie jak brakuj\u0105ce teksty alternatywne, nieprawid\u0142owe role lub brak kontrastu. Nie rozpoznaj\u0105 jednak wszystkiego - dlatego nast\u0119pnym krokiem jest <strong>Testuj r\u0119cznie<\/strong>Najpierw strona <strong>Obs\u0142uga wy\u0142\u0105cznie za pomoc\u0105 klawiatury<\/strong> (Tab, Enter itp.) w celu wykrycia problem\u00f3w z nawigacj\u0105. Nast\u0119pnie <strong>Test czytnika ekranu<\/strong> (np. za pomoc\u0105 NVDA na komputerze PC lub VoiceOver na komputerze Mac) - sprawd\u017a, czy tre\u015b\u0107 jest odczytywana w logicznej i zrozumia\u0142ej kolejno\u015bci oraz czy wszystkie elementy interaktywne s\u0105 dost\u0119pne i poprawnie nazwane. Przetestuj tak\u017ce r\u00f3\u017cne rozmiary ekranu (responsywny design) oraz r\u00f3\u017cne przegl\u0105darki i systemy operacyjne. Ponadto nale\u017cy przeprowadzi\u0107 test z <strong>prawdziwi u\u017cytkownicy z niepe\u0142nosprawno\u015bciami<\/strong> dostarczy\u0107 cennych spostrze\u017ce\u0144 (np. za po\u015brednictwem paneli u\u017cytkownik\u00f3w testowych lub we wsp\u00f3\u0142pracy z organizacjami os\u00f3b niepe\u0142nosprawnych). Organy publiczne s\u0105 r\u00f3wnie\u017c zobowi\u0105zane do posiadania oficjalnego <strong>Test BITV\/WCAG<\/strong> do przeprowadzenia. Wreszcie <strong>Deklaracja w sprawie dost\u0119pno\u015bci<\/strong> (obowi\u0105zkowe dla publicznych stron internetowych), dzi\u0119ki czemu wyniki test\u00f3w i pozosta\u0142e bariery s\u0105 przejrzyste. To po\u0142\u0105czenie automatycznych test\u00f3w, recenzji ekspert\u00f3w i opinii u\u017cytkownik\u00f3w zapewnia najbardziej niezawodn\u0105 kontrol\u0119 dost\u0119pno\u015bci.<\/p>" } }, { "@type": "Question", "name": "Czy mo\u017cliwe jest udost\u0119pnienie istniej\u0105cej strony internetowej w p\u00f3\u017aniejszym terminie?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Tak, jest to mo\u017cliwe - i cz\u0119sto konieczne, je\u015bli strona internetowa zosta\u0142a pierwotnie opracowana bez uwzgl\u0119dnienia dost\u0119pno\u015bci. Wiele ulepsze\u0144 mo\u017ce by\u0107 <strong>krok po kroku<\/strong> i bez ca\u0142kowitego ponownego uruchomienia. Proces rozpoczyna si\u0119 od <strong>Audyt<\/strong> (patrz pytanie 17), aby zidentyfikowa\u0107 obecne bariery. Nast\u0119pnie mo\u017cna ustali\u0107 priorytety: Krytyczne problemy (np. brakuj\u0105ce teksty alternatywne, brak obs\u0142ugi klawiatury) powinny zosta\u0107 naprawione w pierwszej kolejno\u015bci. Zmiany w interfejsie u\u017cytkownika (HTML\/CSS) cz\u0119sto mog\u0105 mie\u0107 du\u017cy wp\u0142yw, np. wstawianie etykiet w formularzach, dostosowywanie kod\u00f3w kolor\u00f3w dla kontrastu, dodawanie znacznik\u00f3w ARIA do interaktywnych komponent\u00f3w, dostarczanie napis\u00f3w do film\u00f3w itp. Wa\u017cne jest, aby <strong>Ulepszenia<\/strong> wykorzysta\u0107 istniej\u0105ce struktury w jak najwi\u0119kszym stopniu, aby unikn\u0105\u0107 wprowadzania nowych b\u0142\u0119d\u00f3w. Nowoczesne systemy CMS i frameworki internetowe cz\u0119sto oferuj\u0105 wtyczki lub ustawienia wspieraj\u0105ce dost\u0119pno\u015b\u0107 - mo\u017cna je aktywowa\u0107 lub doda\u0107 w p\u00f3\u017aniejszym terminie. W niekt\u00f3rych przypadkach (na przyk\u0142ad w przypadku bardzo przestarza\u0142ych lub opartych na Flash\/PDF witryn), a <strong>Rekonstrukcja<\/strong> Mo\u017ce to by\u0107 bardziej op\u0142acalne, ale zazwyczaj mo\u017cliwe jest uczynienie strony internetowej bardziej dost\u0119pn\u0105 krok po kroku, bez odkrywania ko\u0142a na nowo. Najlepiej by\u0142oby, gdyby firmy konsultowa\u0142y si\u0119 z ekspertami lub przeszkolonymi programistami i regularnie testowa\u0142y adaptacje. Wniosek: Istniej\u0105ce strony internetowe mog\u0105 by\u0107 <strong>modernizacja<\/strong>a wiele optymalizacji mo\u017cna przeprowadzi\u0107 podczas pracy, dzi\u0119ki czemu nie trzeba robi\u0107 wszystkiego naraz.<\/p>" } }, { "@type": "Question", "name": "Ile wysi\u0142ku i jakie koszty wi\u0105\u017c\u0105 si\u0119 z wdro\u017ceniem dost\u0119pno\u015bci stron internetowych?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Wymagany wysi\u0142ek zale\u017cy w du\u017cej mierze od pocz\u0105tkowego stanu strony internetowej i jej zakresu. W przypadku nowych projekt\u00f3w dost\u0119pno\u015b\u0107 mo\u017cna zaplanowa\u0107 w spos\u00f3b op\u0142acalny od samego pocz\u0105tku; w przypadku istniej\u0105cych witryn ulepszenia mog\u0105 wymaga\u0107 wi\u0119cej zasob\u00f3w w zale\u017cno\u015bci od liczby barier. <strong>Koszty szczeg\u00f3\u0142owe<\/strong> si\u0119 r\u00f3\u017cni\u0107: Na przyk\u0142ad profesjonalny audyt dost\u0119pno\u015bci mo\u017ce waha\u0107 si\u0119 mi\u0119dzy <strong>500 i 5000 euro<\/strong> w zale\u017cno\u015bci od z\u0142o\u017cono\u015bci strony internetowej. Jednak wiele podstawowych problem\u00f3w (takich jak brakuj\u0105ce teksty alternatywne lub nieprawid\u0142owe nag\u0142\u00f3wki) mo\u017cna znale\u017a\u0107 i naprawi\u0107 stosunkowo szybko za pomoc\u0105 bezp\u0142atnych narz\u0119dzi. Wi\u0119ksze problemy pojawiaj\u0105 si\u0119, gdy konieczne jest gruntowne przeprogramowanie (np. reorganizacja nawigacji lub zast\u0105pienie nieodpowiedniego systemu captcha). Integracja \u015bcie\u017cek napis\u00f3w do film\u00f3w lub t\u0142umaczenie tre\u015bci na prosty j\u0119zyk r\u00f3wnie\u017c powoduje dodatkowe koszty. Og\u00f3lnie rzecz bior\u0105c, obowi\u0105zuj\u0105 nast\u0119puj\u0105ce zasady: <strong>Zapobieganie jest ta\u0144sze ni\u017c modernizacja<\/strong> - Ci, kt\u00f3rzy tworz\u0105 strony internetowe bez barier na wczesnym etapie, oszcz\u0119dzaj\u0105 koszty w d\u0142u\u017cszej perspektywie. W przypadku istniej\u0105cych stron internetowych warto rozwa\u017cy\u0107 koszty i korzy\u015bci: Inwestycje w dost\u0119pno\u015b\u0107 cz\u0119sto amortyzuj\u0105 si\u0119 dzi\u0119ki zwi\u0119kszonemu zasi\u0119gowi, lepszemu SEO i ni\u017cszemu ryzyku prawnemu. Wskaz\u00f3wka: Aby rozpocz\u0105\u0107, mo\u017cna wdro\u017cy\u0107 \"szybkie korzy\u015bci\" (patrz pytania 16 i 17) i stopniowo bud\u017cetowa\u0107 dalsze optymalizacje. Istniej\u0105 r\u00f3wnie\u017c programy finansowania i us\u0142ugi konsultingowe, kt\u00f3re zapewniaj\u0105 firmom wsparcie finansowe i techniczne w zakresie projektowania bez barier.<\/p>" } }, { "@type": "Question", "name": "Jakie s\u0105 konsekwencje niedost\u0119pno\u015bci strony internetowej?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Konsekwencje zale\u017c\u0105 od tego, czy istnieje prawny obowi\u0105zek zapewnienia dost\u0119pno\u015bci witryny. <strong>Prawne<\/strong>Publiczne strony internetowe, kt\u00f3re naruszaj\u0105 dyrektywy BITV\/UE, mog\u0105 by\u0107 krytykowane przez organy nadzorcze i zg\u0142aszane przez u\u017cytkownik\u00f3w za po\u015brednictwem procedury sk\u0142adania skarg. Sankcje s\u0105 jasno okre\u015blone dla firm prywatnych, kt\u00f3re podlegaj\u0105 BFSG (od 2025 r.): Je\u015bli na przyk\u0142ad oferty online B2C nie s\u0105 zaprojektowane tak, aby by\u0142y dost\u0119pne, jest to uwa\u017cane za wykroczenie administracyjne i istnieje ryzyko <strong>Grzywny w wysoko\u015bci do 100 000 euro<\/strong> przez organy nadzoru rynku. Istnieje r\u00f3wnie\u017c ryzyko, \u017ce <strong>ostrze\u017cenia zgodnie z prawem konkurencji<\/strong> przez konkurent\u00f3w lub stowarzyszenia, poniewa\u017c niedost\u0119pna oferta mo\u017ce by\u0107 postrzegana jako nieuczciwa przewaga. Niezale\u017cnie od zobowi\u0105za\u0144 prawnych, brak dost\u0119pno\u015bci szkodzi r\u00f3wnie\u017c <strong>Obraz<\/strong> - Sprawia to wra\u017cenie, \u017ce firma wyklucza pewne grupy klient\u00f3w, co jest negatywnie postrzegane w czasach r\u00f3\u017cnorodno\u015bci i \u015bwiadomo\u015bci CSR. Ponadto traci si\u0119 <strong>potencjalni klienci<\/strong>Osoby niepe\u0142nosprawne (i coraz starsi u\u017cytkownicy) odwracaj\u0105 si\u0119 od strony internetowej, kt\u00f3ra jest trudna w u\u017cyciu, co mo\u017ce kosztowa\u0107 sprzeda\u017c. Wreszcie, co nie mniej wa\u017cne, dost\u0119pni konkurenci w <strong>Ranking SEO<\/strong> poniewa\u017c wyszukiwarki faworyzuj\u0105 strony przyjazne dla u\u017cytkownika. Kr\u00f3tko m\u00f3wi\u0105c, ci, kt\u00f3rzy ignoruj\u0105 dost\u0119pno\u015b\u0107, ryzykuj\u0105 problemy prawne, wykluczenie klient\u00f3w i utrat\u0119 reputacji. Dlatego pod wieloma wzgl\u0119dami warto w pierwszej kolejno\u015bci zapobiega\u0107 powstawaniu barier lub szybko je usuwa\u0107.<\/p>" } } ] }</script> <div id="login-form-popup" class="lightbox-content mfp-hide"> <div class="woocommerce"> <div class="woocommerce-notices-wrapper"></div> <div class="account-container lightbox-inner"> <div class="col2-set row row-divided row-large" id="customer_login"> <div class="col-1 large-6 col pb-0"> <div class="account-login-inner"> <h3 class="uppercase" data-no-translation="" data-trp-gettext="">Logowanie</h3> <form class="woocommerce-form woocommerce-form-login login" method="post" action=""> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <label for="username">Nazwa użytkownika lub adres e-mail <span class="required">*</span></label> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" /> </p> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <label for="password">Hasło <span class="required">*</span></label> <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" /> </p> <div id="cf-turnstile-woo-login-210166546" class="cf-turnstile sct-woocommerce-login" data-callback="turnstileWooLoginCallback" data-sitekey="0x4AAAAAAAzHa8Po6XNUU4hU" data-theme="light" data-language="auto" data-size="normal" data-retry="auto" data-retry-interval="1000" data-action="woocommerce-login-210166546" data-appearance="always"></div> <style>.woocommerce-form-login__submit { pointer-events: none; opacity: 0.5; }</style> <script>document.addEventListener("DOMContentLoaded", function() { setTimeout(function(){ var e=document.getElementById("cf-turnstile-woo-login-210166546"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-woo-login-210166546"), turnstile.render("#cf-turnstile-woo-login-210166546", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-woo-login-210166546"> <p class="form-row"> <label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme"> <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span data-no-translation="" data-trp-gettext="">Pamiętaj o mnie</span> </label> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="aef87afccf" /><input type="hidden" name="_wp_http_referer" value="/pl/barrierefreiheit-website/" /> <button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Zaloguj się" data-no-translation="" data-trp-gettext="" data-no-translation-value="">Zaloguj się</button> </p> <p class="woocommerce-LostPassword lost_password"> <a href="https://ai4performance.com/pl/moje-konto/lost-password/" data-no-translation="" data-trp-gettext="">Zgubiłeś hasło?</a> </p> <input type="hidden" name="trp-form-language" value="pl"/></form> </div> </div> <div class="col-2 large-6 col pb-0"> <div class="account-register-inner"> <h3 class="uppercase" data-no-translation="" data-trp-gettext="">Zarejestruj się</h3> <form method="post" class="woocommerce-form woocommerce-form-register register" action="" > <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <label for="reg_email">Adres e-mail <span class="required">*</span></label> <input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" autocomplete="email" value="" /> </p> <p data-no-translation="" data-trp-gettext="">Na adres e-mail zostanie wysłany odnośnik do ustawienia nowego hasła.</p> <div id="cf-turnstile-woo-register-2324760453" class="cf-turnstile sct-woocommerce-register" data-callback="turnstileWooRegisterCallback" data-sitekey="0x4AAAAAAAzHa8Po6XNUU4hU" data-theme="light" data-language="auto" data-size="normal" data-retry="auto" data-retry-interval="1000" data-action="woocommerce-register-2324760453" data-appearance="always"></div> <style>.woocommerce-form-register__submit { pointer-events: none; opacity: 0.5; }</style> <script>document.addEventListener("DOMContentLoaded", function() { setTimeout(function(){ var e=document.getElementById("cf-turnstile-woo-register-2324760453"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-woo-register-2324760453"), turnstile.render("#cf-turnstile-woo-register-2324760453", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-woo-register-2324760453"> <wc-order-attribution-inputs></wc-order-attribution-inputs> <p class="woocommerce-form-row form-row"> <input type="hidden" id="woocommerce-register-nonce" name="woocommerce-register-nonce" value="992ae57d35" /><input type="hidden" name="_wp_http_referer" value="/pl/barrierefreiheit-website/" /> <button type="submit" class="woocommerce-Button woocommerce-button button woocommerce-form-register__submit" name="register" value="Zarejestruj się" data-no-translation="" data-trp-gettext="" data-no-translation-value="">Zarejestruj się</button> </p> <input type="hidden" name="trp-form-language" value="pl"/></form> </div> </div> </div> </div> </div> </div> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='wc-stripe-blocks-checkout-style-css' href='https://ai4performance.com/wp-content/plugins/woocommerce-gateway-stripe/build/upe-blocks.css?ver=37f68a8beb4edffe75197731eda158fd' type='text/css' media='all' /> <link rel='stylesheet' id='wc-blocks-style-css' href='https://ai4performance.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.1.1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #084085;--wp--preset--color--secondary: #084085;--wp--preset--color--success: #69b431;--wp--preset--color--alert: #b20000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='burst-statistics-shortcodes-css' href='https://ai4performance.com/wp-content/plugins/burst-statistics/assets/css/burst-statistics-shortcodes.css?ver=1755956967' type='text/css' media='all' /> <script type="text/javascript" id="trp-dynamic-translator-js-extra"> /* <![CDATA[ */ var trp_data = {"trp_custom_ajax_url":"https:\/\/ai4performance.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/ai4performance.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"pl_PL","trp_original_language":"de_DE","trp_current_language":"pl_PL","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","#billing_country","#shipping_country","#billing_state","#shipping_state","#select2-billing_country-results","#select2-billing_state-results","#select2-shipping_country-results","#select2-shipping_state-results","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset","alt","content"],"gettranslationsnonceregular":"b2313c97a0","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.9.22" id="trp-dynamic-translator-js"></script> <script type="text/javascript" id="wapf-frontend-js-js-extra"> /* <![CDATA[ */ var wapf_config = {"page_type":"other"}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/advanced-product-fields-for-woocommerce/assets/js/frontend.min.js?ver=1.6.17" id="wapf-frontend-js-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.1" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-08-25 16:00:05+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n == 1) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"pl"},"This contact form is placed in the wrong place.":["Ten formularz kontaktowy zosta\u0142 umieszczony w niew\u0142a\u015bciwym miejscu."],"Error:":["B\u0142\u0105d:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/ai4performance.com\/pl\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.1" id="contact-form-7-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Zamknij","currentText":"Dzisiaj","monthNames":["stycze\u0144","luty","marzec","kwiecie\u0144","maj","czerwiec","lipiec","sierpie\u0144","wrzesie\u0144","pa\u017adziernik","listopad","grudzie\u0144"],"monthNamesShort":["sty","lut","mar","kwi","maj","cze","lip","sie","wrz","pa\u017a","lis","gru"],"nextText":"Nast\u0119pny","prevText":"Poprzedni","dayNames":["niedziela","poniedzia\u0142ek","wtorek","\u015broda","czwartek","pi\u0105tek","sobota"],"dayNamesShort":["niedz.","pon.","wt.","\u015br.","czw.","pt.","sob."],"dayNamesMin":["N","P","W","\u015a","C","P","S"],"dateFormat":"d. MM yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/date-picker-for-contact-form-7//assents/js/script.js?ver=1.0.0" id="gmdpcf-scirpt-js"></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/ai4performance.com\/pl\/?wc-ajax=%%endpoint%%","i18n_view_cart":"Wy\u015bwietl koszyk","cart_url":"","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.1.1" id="wc-add-to-cart-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/ai4performance.com\/pl\/?wc-ajax=%%endpoint%%","i18n_password_show":"Poka\u017c has\u0142o","i18n_password_hide":"Ukryj has\u0142o"}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.1.1" id="woocommerce-js" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/inc/extensions/flatsome-instant-page/flatsome-instant-page.js?ver=1.2.1" id="flatsome-instant-page-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.19.4" id="flatsome-live-search-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/assets/js/extensions/flatsome-ajax-add-to-cart-frontend.js?ver=3.19.4" id="flatsome-ajax-add-to-cart-frontend-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.1.1" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/ai4performance.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.1.1" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/checkout-for-woocommerce/build/js/default-checkout-side-cart-c30f4496.js?ver=3284989f1c7ab9a03f009d5417ca737a" id="cfw-default-checkout-side-cart-c30f4496-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/checkout-for-woocommerce/build/js/default-checkout-side-cart-e96e9bea.js?ver=f55780feeaf3a8e48ee05c752ad40a7b" id="cfw-default-checkout-side-cart-e96e9bea-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/checkout-for-woocommerce/build/js/default-side-cart-c30f4496.js?ver=2dbc19b93896a277b339f399f08dd5b0" id="cfw-default-side-cart-c30f4496-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/checkout-for-woocommerce/build/js/default-side-cart-e96e9bea.js?ver=0249ed9ea473f77ed581fd2a180f265e" id="cfw-default-side-cart-e96e9bea-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1" id="react-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1" id="react-dom-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/url.min.js?ver=c2964167dfe2477c14ea" id="wp-url-js"></script> <script type="text/javascript" id="wp-api-fetch-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-07-15 10:57:19+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n == 1) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"pl"},"You are probably offline.":["Prawdopodobnie jeste\u015b offline."],"Media upload failed. If this is a photo or a large image, please scale it down and try again.":["Nie uda\u0142o si\u0119 przes\u0142anie multimedi\u00f3w. Je\u015bli jest to zdj\u0119cie lub du\u017cy obrazek, prosz\u0119 je zmniejszy\u0107 i spr\u00f3bowa\u0107 ponownie."],"The response is not a valid JSON response.":["Odpowied\u017a nie jest prawid\u0142ow\u0105 odpowiedzi\u0105 JSON."],"An unknown error occurred.":["Wyst\u0105pi\u0142 nieznany b\u0142\u0105d."]}},"comment":{"reference":"wp-includes\/js\/dist\/api-fetch.js"}} ); /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/api-fetch.min.js?ver=3623a576c78df404ff20" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> /* <![CDATA[ */ wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://ai4performance.com/pl/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "80b3a2e824" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "https://ai4performance.com/wp-admin/admin-ajax.php?action=rest-nonce"; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/vendor/react-jsx-runtime.min.js?ver=18.3.1" id="react-jsx-runtime-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/deprecated.min.js?ver=e1f84915c5e8ae38964c" id="wp-deprecated-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/dom.min.js?ver=80bd57c84b45cf04f4ce" id="wp-dom-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/escape-html.min.js?ver=6561a406d2d232a6fbd2" id="wp-escape-html-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/element.min.js?ver=a4eeeadd23c0d7ab1d2d" id="wp-element-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/is-shallow-equal.min.js?ver=e0f9f1d78d83f5196979" id="wp-is-shallow-equal-js"></script> <script type="text/javascript" id="wp-keycodes-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-07-15 10:57:19+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n == 1) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"pl"},"Tilde":["Tylda"],"Backtick":["Odwr\u00f3cony apostrof"],"Period":["Okres"],"Comma":["Przecinek"]}},"comment":{"reference":"wp-includes\/js\/dist\/keycodes.js"}} ); /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/keycodes.min.js?ver=034ff647a54b018581d3" id="wp-keycodes-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/priority-queue.min.js?ver=9c21c957c7e50ffdbf48" id="wp-priority-queue-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/compose.min.js?ver=84bcf832a5c99203f3db" id="wp-compose-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/private-apis.min.js?ver=0f8478f1ba7e0eea562b" id="wp-private-apis-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/redux-routine.min.js?ver=8bb92d45458b29590f53" id="wp-redux-routine-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/dist/data.min.js?ver=fe6c4835cd00e12493c3" id="wp-data-js"></script> <script type="text/javascript" id="wp-data-js-after"> /* <![CDATA[ */ ( function() { var userId = 0; var storageKey = "WP_DATA_USER_" + userId; wp.data .use( wp.data.plugins.persistence, { storageKey: storageKey } ); } )(); /* ]]> */ </script> <script type="text/javascript" id="cfw-side-cart-js-extra"> /* <![CDATA[ */ var cfw = {"data":{"cart":{"isEmpty":true,"needsPayment":false,"items":[],"actions":[],"staticActions":{"woocommerce_cart_is_empty":"<h2 id=\"cfw_empty_side_cart_message\">Your Cart is Empty<\/h2>","checkoutwc_empty_side_cart_content":""},"notices":[],"shipping":[],"totals":{"actions":[],"subtotal":{"label":"","value":""},"total":{"label":"","value":""},"coupons":[],"fees":[],"taxes":[],"quantity":0}},"bumps":[],"side_cart":{"free_shipping_progress_bar":{"has_free_shipping":false,"amount_remaining":0,"fill_percentage":0,"free_shipping_message":"","amount_remaining_message":""},"suggested_products":[]}},"settings":{"user_logged_in":false,"disable_side_cart_auto_open":false,"enable_floating_cart_button":false,"disable_cart_quantity_prompt":false,"enable_side_cart_suggested_products":false,"additional_side_cart_trigger_selectors":false,"link_items":true,"cart_item_link_target_new_window":true,"show_item_remove_button":true,"show_item_discount":false,"cart_icon_contents":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n<\/svg>","coupons_enabled":true,"enable_continue_shopping_btn":false,"enable_side_cart_payment_buttons":true,"side_cart_show_total":false,"wc_get_pay_buttons":"","enable_free_shipping_progress_bar":false,"suggested_products_heading":"Mo\u017cesz tak\u017ce polubi\u0107...","max_bumps":999,"enable_ajax_add_to_cart":true,"checkout_page_url":"https:\/\/ai4performance.com\/pl\/kasa\/","enable_free_shipping_progress_bar_at_checkout":false,"enable_promo_codes_on_side_cart":true,"enable_coupon_code_link":true,"hide_floating_cart_button_empty_cart":false,"enable_side_cart_coupon_code_link":true,"enable_order_bumps":true,"enable_order_bumps_on_side_cart":false},"messages":{"quantity_prompt_message":"Please enter a new quantity:","delete_confirm_message":"Are you sure you want to remove this item from your cart?","view_cart":"Wy\u015bwietl koszyk","update_cart_item_variation_button":"Aktualizacja","ok_button_label":"Dodaj do koszyka","cancel_button_label":"Anuluj","promo_code_button_label":"Apply","promo_code_toggle_link_text":"Have a promo code? Click here.","promo_code_label":"Promo Code","promo_code_placeholder":"Enter Promo Code","remove_item_label":"Usu\u0144 ten element","proceed_to_checkout_label":"Przejd\u017a do kasy","continue_shopping_label":"Kontynuuj zakupy","edit_cart_variation_label":"Edytuj"},"checkout_params":{"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/ai4performance.com\/pl\/?wc-ajax=%%endpoint%%","remove_coupon_nonce":"46afb8ecfa","checkout_url":"https:\/\/ai4performance.com\/pl\/?wc-ajax=checkout","is_checkout":0,"debug_mode":false,"cfw_debug_mode":false,"dist_path":"https:\/\/ai4performance.com\/wp-content\/plugins\/checkout-for-woocommerce\/build","is_rtl":false},"runtime_params":{"openCart":false}}; var wpApiSettings = {"root":"https:\/\/ai4performance.com\/pl\/wp-json\/","nonce":"80b3a2e824"}; /* ]]> */ </script> <script type="text/javascript" id="cfw-side-cart-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "checkout-wc", {"translation-revision-date":"2023-05-15 15:54-0400","generator":"WP-CLI\/2.10.0","source":"build\/js\/side-cart.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"pl_PL","plural-forms":"nplurals=3; plural=(n==1 ? 0 : n%10>=2 && n%10<=4 && (n%100<12 || n%100>14) ? 1 : 2);"},"Close Cart":["Zamknij koszyk"]}}} ); /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/checkout-for-woocommerce/build/js/side-cart.js?ver=f3c6bbde8af198af705e108dab2dbe60" id="cfw-side-cart-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" id="flatsome-js-js-extra"> /* <![CDATA[ */ var flatsomeVars = {"theme":{"version":"3.19.4"},"ajaxurl":"https:\/\/ai4performance.com\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"49","stickyHeaderHeight":"0","scrollPaddingTop":"0","assets_url":"https:\/\/ai4performance.com\/wp-content\/themes\/flatsome\/assets\/","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_disable_deselect":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_limited":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0"},"is_mini_cart_reveal":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=8e60d746741250b4dd4e" id="flatsome-js-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/inc/extensions/flatsome-lazy-load/flatsome-lazy-load.js?ver=3.19.4" id="flatsome-lazy-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=325ad20e90dbc8889310" id="flatsome-theme-woocommerce-js-js"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/auto-iframe/auto-iframe.js?ver=6.8.2" id="auto_iframe_js-js"></script> <script type="text/javascript" src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" id="cfturnstile-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/simple-cloudflare-turnstile/js/disable-submit.js?ver=5.0" id="cfturnstile-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ai4performance.com/wp-content/plugins/simple-cloudflare-turnstile/js/integrations/woocommerce.js?ver=1.2" id="cfturnstile-woo-js-js" defer="defer" data-wp-strategy="defer"></script> </body> </html>