Was ist Web-Barrierefreiheit und warum ist sie wichtig?

Web-Barrierefreiheit (Accessibility) bedeutet, dass Websites für alle Menschen – unabhängig von körperlichen oder kognitiven Einschränkungen – uneingeschränkt nutzbar sind. Das umfasst z. B. Alternativtexte für Bilder, klare Überschriften-Strukturen, ausreichende Farbkontraste und die Bedienbarkeit per Tastatur. Barrierefreiheit stellt sicher, dass niemand vom Online-Angebot ausgeschlossen wird und fördert gleichberechtigten Zugang für alle Nutzer. Gleichzeitig stärkt eine barrierefreie Website die Reputation eines Unternehmens und schafft Vertrauen in die Marke.

Welche Vorteile bietet eine barrierefreie Website für Unternehmen?

Eine barrierefreie Website vergrößert die potenzielle Zielgruppe, da auch Menschen mit Behinderungen oder Senioren als Kunden erreicht werden. Zudem verbessern barrierefreie Optimierungen oft die allgemeine Nutzererfahrung (Usability) – zum Beispiel durch bessere Lesbarkeit und Navigation –, was sich positiv auf Suchmaschinen-Rankings und Conversion-Rates auswirkt. Unternehmen profitieren also doppelt: Sie erfüllen gesellschaftliche und rechtliche Anforderungen und erzielen zugleich eine höhere Reichweite, ein besseres SEO-Ranking und ein inklusives Image.

Welche gesetzlichen Vorgaben zur Web-Barrierefreiheit gibt es?

In Deutschland regeln das Behindertengleichstellungsgesetz (BGG) und die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) die Web-Barrierefreiheit für öffentliche Stellen (Behörden). Auf EU-Ebene gilt seit 2019 die Richtlinie (EU) 2016/2102 (“Web Accessibility Directive”) für Websites und Apps öffentlicher Stellen. Für den privaten Sektor wurde mit der Richtlinie (EU) 2019/882 , dem European Accessibility Act (EAA) , eine Pflicht zur Barrierefreiheit bestimmter Produkte und Dienstleistungen eingeführt, die in Deutschland ab Juni 2025 im Barrierefreiheitsstärkungsgesetz (BFSG) umgesetzt wird. Diese Vorgaben verweisen in der Regel auf technische Standards wie die WCAG-Richtlinien (siehe unten).

Was ist die BITV 2.0 und für wen gilt sie?

Bu BITV 2.0 (Barrierefreie Informationstechnik-Verordnung) ist eine deutsche Verordnung, die festlegt, welche Anforderungen öffentliche Einrichtungen bei Websites und mobilen Anwendungen einhalten müssen, um als barrierefrei zu gelten. Sie gilt für alle Websites und Apps von Bundesbehörden sowie – entsprechend Landesrecht – für Länder und Kommunen. Die BITV 2.0 setzt die EU-Webseitenrichtlinie um und basiert im Kern auf den WCAG 2.1 Richtlinien (Konformitätsstufe AA), geht aber in einigen Punkten sogar darüber hinaus. Private Unternehmen sind von der BITV direkt nicht betroffen, sollten Barrierefreiheit aber freiwillig umsetzen oder unterliegen ggf. dem BFSG (ab 2025) bei bestimmten Angeboten.

Was sind die WCAG-Richtlinien und welche Konformitätsstufen gibt es?

Bu Web Content Accessibility Guidelines (WCAG) sind internationale Richtlinien für barrierefreie Webinhalte, herausgegeben vom W3C. Sie gelten weltweit als der Standard für barrierefreies Webdesign. Die WCAG 2.1 basieren auf vier Prinzipien (Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit, Robustheit) und enthalten insgesamt 12 Richtlinien mit 74 konkreten Erfolgskriterien. Diese Erfolgskriterien sind in drei Konformitätsstufen eingeteilt: A , AA ve AAA (A = grundlegende Anforderungen, AA = umfangreiche Anforderungen, AAA = höchste Stufe). In der Praxis und gesetzlichen Vorgaben (BITV, EU-Richtlinien) wird meist WCAG 2.1 Level AA als Standard gefordert, um eine Website als barrierefrei zu deklarieren.

Was regelt die EU-Webseitenrichtlinie 2016/2102?

Bu Richtlinie (EU) 2016/2102 , oft „EU-Webseitenrichtlinie“ genannt, verpflichtet alle EU-Mitgliedstaaten, die Websites und mobilen Apps öffentlicher Stellen barrierefrei zu gestalten. Sie stellt sicher, dass z. B. Behörden-Websites nach einheitlichen Kriterien zugänglich sind. Die Richtlinie basiert auf WCAG 2.1 (Level AA) und fordert u. a., dass öffentliche Websites eine Erklärung zur Barrierefreiheit veröffentlichen und regelmäßige Überwachungen stattfinden. In Deutschland wurde diese Richtlinie durch das BGG und die BITV 2.0 auf Bundesebene (und entsprechende Landesverordnungen auf Länderebene) umgesetzt. Für Unternehmen ist diese spezielle Richtlinie direkt nicht bindend, betrifft jedoch z. B. kommunale Unternehmen oder öffentlich-rechtliche Institutionen.

Was bedeutet der European Accessibility Act (EAA) für Unternehmen?

Bu European Accessibility Act (EAA) ist die EU-Richtlinie 2019/882 , die Barrierefreiheitsanforderungen auf weite Teile der Privatwirtschaft ausdehnt. Er verpflichtet Unternehmen, bestimmte Produkte und Dienstleistungen, die der Öffentlichkeit angeboten werden, barrierefrei zu gestalten. Dazu zählen ab 28. Juni 2025 z. B. E-Commerce-Webseiten (Online-Shops, Buchungsportale), Bankdienstleistungen (Online-Banking, Geldautomaten), E-Books, Personenverkehrsplattformen (Bahn/Flug-Buchungsseiten) und mehr. In Deutschland wird der EAA durch das Barrierefreiheitsstärkungsgesetz (BFSG) umgesetzt, das für Unternehmen ab 10 Mitarbeitern und 2 Mio. € Umsatz gilt. Kleinstunternehmen sind ausgenommen. Für betroffene Firmen bedeutet dies ab 2025 eine gesetzliche Pflicht , ihre entsprechenden Websites und Apps gemäß den harmonisierten Standards (EN 301 549/WCAG 2.1 AA) barrierefrei zu machen.

Welche typischen Barrieren gibt es auf Websites?

Häufige Barrieren auf Webseiten sind z. B.: Fehlende Alternativtexte bei Bildern: Ohne Alt-Text „sehen“ Screenreader-Nutzer nicht, was ein Bild darstellt (z. B. Produktfotos im Online-Shop) Unzureichende Farbkontraste: Texte in zu blasser Farbe vor hellem Hintergrund sind für Menschen mit Sehschwäche schwer lesbar. WCAG fordert mindestens Kontrast 4,5:1 für normalen Text– viele Designs verfehlen dies aus ästhetischen Gründen. Keine Tastatur-Bedienbarkeit: Wenn Menü, Formulare oder Links nicht per Tab -Taste erreicht werden können oder der Fokus auf der Seite nicht sichtbar ist, sind Nutzer, die keine Maus verwenden können, ausgeschlossen. Fehlende Formularkennzeichnungen: Formulare ohne <label>-Beschriftungen oder nur mit Platzhaltern verwirren Screenreader-Nutzer – sie erfahren nicht, was in ein Eingabefeld gehört Keine Untertitel oder Transkripte für Medien: Videos ohne Untertitel schließen gehörlose Menschen aus; Audioinhalte ohne Textalternative sind nicht für alle zugänglich Dies sind nur einige Beispiele. Solche Barrieren entstehen oft durch mangelndes Bewusstsein oder veraltete Designentscheidungen, lassen sich aber mit gezielten Anpassungen beheben. Wichtig ist, potenzielle Hindernisse frühzeitig zu erkennen und zu entfernen, damit alle Nutzer ohne Einschränkung auf die Inhalte zugreifen können.

Was bedeutet Kontrastverhältnis und welche Werte sind vorgeschrieben?

Das Kontrastverhältnis beschreibt den Helligkeitsunterschied zwischen Vordergrund (z. B. Text) und Hintergrundfarbe. Ein hoher Kontrast ist wichtig, damit Texte und Bedienelemente für alle gut erkennbar sind – insbesondere für Menschen mit Sehbehinderung oder bei ungünstigen Lichtverhältnissen. Die WCAG 2.1 gibt klare Mindestwerte vor: Für normalen Fließtext ist ein Verhältnis von mindestens 4,5:1 erforderlich, für größere bzw. fette Schrift mindestens 3:1 (Stufe AA-Konformität) Für noch bessere Zugänglichkeit (AAA) werden 7:1 bzw. 4,5:1 empfohlen. Praktisch bedeutet das z. B., dass hellgraue Schrift auf weißem Grund vermieden werden sollte. Unternehmen sollten ihre Farbpalette daraufhin prüfen und ggf. anpassen oder alternative Darstellungsmodi (z. B. High-Contrast-Themes) anbieten, um die Lesbarkeit sicherzustellen.

Wie macht man Bilder und Grafiken auf Websites barrierefrei?

Kernstück barrierefreier Bilder ist der Alternativtext (Alt-Text) . Dieser unsichtbar im HTML hinterlegte Text beschreibt den Informationsgehalt oder Zweck eines Bildes, sodass blinde oder sehbehinderte Nutzer ihn per Screenreader erfahren können. Jeder relevante Image-Tag (<img>) sollte ein aussagekräftiges alt-Attribut haben, das in knappen Worten vermittelt, was auf dem Bild zu sehen ist oder welche Funktion es erfüllt. Beispielsweise könnte bei einem Produktbild der Alt-Text die Produktbezeichnung und wesentliche Merkmale nennen. Dekorative Bilder , die keine inhaltliche Information tragen, erhalten ein leeres alt=““, damit der Screenreader sie ignoriert. Darüber hinaus sollten komplexe Grafiken (wie Infografiken oder Charts) ausführlicher beschrieben werden – entweder direkt im Kontext, auf einer separaten Seite oder per longdesc. Barrierefreie Bilder helfen nicht nur Nutzerinnen und Nutzern mit Seheinschränkungen, sondern verbessern auch die Suchmaschinenoptimierung (Alt-Texte werden von Google indexiert).

Wie gestaltet man Formulare barrierefrei?

Barrierefreie Formulare stellen sicher, dass alle Nutzer Eingabefelder verstehen und ausfüllen können. Wichtige Maßnahmen sind: Jedem Formularfeld ein sichtbares Label zuordnen , das idealerweise über das <label>-Element mit dem jeweiligen <input> verbunden ist. So liest ein Screenreader bei Fokus z. B. „E-Mail, Editierfeld“ statt nur „Editierfeld“ vor und der Zweck ist klar. Platzhaltertexte allein genügen nicht als Beschriftung. Weiterhin sollten Pflichtfelder und Fehlermeldungen deutlich gekennzeichnet sein – etwa durch zusätzliche Texte oder Symbole statt nur rote Umrandungen, damit auch Farbbline die Hinweise wahrnehmen. Fehlermeldungen müssen für Screenreader erkennbar sein (z.B. via aria-live). Eine logische Tab-Reihenfolge durch die Formularfelder ist essenziell, ebenso wie sichtbare Fokusrahmen , damit Tastatur-Nutzer jederzeit wissen, wo sie sich befinden. Abschließend empfiehlt sich eine eindeutige Bestätigung (z. B. Meldung „Formular erfolgreich gesendet“), die auch von assistiven Technologien ausgegeben wird. Solche Maßnahmen erhöhen die Usability für alle und reduzieren Abbrüche bei Formularen.

Wie sorgt man für Tastaturbedienbarkeit auf der Website?

Eine Website ist tastaturbedienbar , wenn alle interaktiven Elemente (Links, Buttons, Formulare, Menüs etc.) allein mit der Tastatur erreicht und genutzt werden können. Wichtig ist dabei die Tabulator-Reihenfolge : Mit der Tab-Taste müssen Nutzer Schritt für Schritt logisch durch die Seite navigieren können. Sprünge oder das Steckenbleiben an bestimmten Elementen sind zu vermeiden. Jeder fokussierbare Inhalt sollte einen sichtbaren Fokusindikator haben (z. B. einen farbigen Rahmen oder Unterstreichung), damit man sieht, welches Element aktuell aktiv ist – das CSS-Pseudoklasse :focus bzw. :focus-visible sollte dafür gestaltet werden. Entwickler sollten niemals den Outline-/Fokusstil ersatzlos entfernen, sondern wenn nötig durch ein eigenes deutlich sichtbares Design ersetzen. Elemente wie Dropdown-Menüs oder modale Dialoge müssen ebenfalls per Tastatur steuerbar sein (meist mit Arrow- und Esc-Tasten zusätzlich zu Tab). Ein guter Test ist der No-Mouse-Test : Die Webseite vollständig nur mit Tab, Enter, Space und Esc bedienen. Gelingt dies ohne Barrieren, ist die Tastaturbedienbarkeit gewährleistet – falls nicht, müssen entsprechende Anpassungen (z. B. tabindex setzen, Fokus-Management in Scripts, etc.) vorgenommen werden. Eine gute Tastaturnavigation kommt übrigens auch Power-Usern zugute und ist Voraussetzung für die Nutzung per Sprachsteuerung.

Was ist ein Screenreader und wie unterstützt man Screenreader-Nutzer?

A Screenreader ist ein Bildschirmleseprogramm, das visuelle Inhalte einer Website in gesprochenen Text oder Braille-Schrift ausgibt. Blinde und stark sehbehinderte Menschen nutzen Screenreader auf Computer, Smartphone oder Tablet, um sich Websites und Apps vorlesen zu lassen. Beispiele sind JAWS und NVDA (für Windows), VoiceOver (für macOS/iOS) oder TalkBack (für Android). Um Screenreader-Nutzer zu unterstützen, sollte eine Website semantisch korrektes HTML verwenden – also Überschriften (<h1>-<h6>), Listen, Tabellen etc. nach ihrer Bedeutung markieren. So kann der Screenreader die Seite strukturieren und navigierbar machen. Wichtig sind auch ARIA-Attribute (Accessible Rich Internet Applications) dort, wo native HTML-Elemente nicht ausreichen – etwa aria-label für beschreibende Texte oder role=“navigation“ für einen Div-Container, der als Navigation dient. Zudem müssen interaktive Elemente wie Links und Buttons aussagekräftige Beschriftungen haben (statt „Hier klicken“ besser „Zum Warenkorb hinzufügen“) und Zustände – z. B. aufgeklappte Menüs – programmatisch erkennbar sein. Testen sollte man mit einem Screenreader selbst, um sicherzugehen, dass die vorgelesene Reihenfolge und Formulierungen sinnvoll sind. Durch solche Maßnahmen können Screenreader-Nutzer gleichberechtigt auf die Inhalte zugreifen.

Was sind ARIA-Attribute und wann sollte man sie verwenden?

ARIA-Attribute (Accessible Rich Internet Applications) sind Erweiterungen für HTML, die entwickelt wurden, um die Barrierefreiheit – insbesondere von dynamischen, interaktiven Webanwendungen – zu verbessern. Mit ARIA lassen sich zusätzlichen semantische Informationen im Code bereitstellen, die von assistiven Technologien (Screenreader & Co.) erkannt und ausgelesen werden Beispiele: aria-label fügt einem Element einen unsichtbaren Beschriftungstext hinzu (z. B. ein Icon-Button ohne Text bekommt aria-label=“Suche öffnen“), aria-expanded=“false/true“ gibt den Zustand eines ausklappbaren Bereichs an, oder role=“navigation“ definiert einen Bereich als Navigationsmenü. Wichtig: ARIA ersetzt nicht korrektes HTML, sondern ergänzt es nur, wenn native Elemente nicht ausreichen. Best Practice ist: Erst semantisches HTML nutzen (viele Accessibility-Probleme lösen sich damit schon), und ARIA nur dort einsetzen, wo die Standard-HTML-Tags keine entsprechende Bedeutung liefern. Zudem sollten ARIA-Rollen und -Attribute valide sein und korrekt aktualisiert werden (z. B. aria-current=“page“ für die aktive Seite). Bei falscher oder übermäßiger Verwendung kann ARIA auch schaden. Richtig eingesetzt helfen ARIA-Attribute jedoch, komplexe Widgets (wie Tabs, Modale, Slider) für Screenreader verständlich zu machen und Lücken in der Barrierefreiheit zu schließen.

Wie werden Videos und Audio-Inhalte barrierefrei zugänglich gemacht?

Multimediale Inhalte müssen so aufbereitet sein, dass sowohl gehörlose als auch blinde Nutzer sie verstehen können. Videos sollten zumindest Untertitel für hörbare Dialoge/Geräusche haben und idealerweise eine Audiodeskription (Bildbeschreibung als Tonspur oder alternativ ein Transkript), die visuelle Informationen vermittelt. Untertitel helfen nicht nur Gehörlosen, sondern z. B. auch allen Nutzern in geräuschvoller Umgebung. Für Live-Videos bieten sich Live-Untertitel oder Gebärdensprachdolmetsch-Einblendungen an. Audio-Inhalte (wie Podcasts) sollten ein Transkript in Textform bereitstellen, damit Nutzer mit Hörbehinderung den Inhalt lesen können. Technisch sollten Medienplayer bedienbar und beschriftet sein: Ein barrierefreier Videoplayer unterstützt Tastaturbedienung (Play/Pause per Leertaste, Lautstärke per Pfeiltasten etc.), hat zugängliche Steuerelemente (<button> mit Aria-Labels) und verhindert via aria-hidden, dass unwichtige Bedienelemente doppelt von Screenreadern angesagt werden. Autoplay von Videos/Audio sollte vermieden oder zumindest abschaltbar sein. Zusammengefasst: Untertitel, Transkripte und steuerbare Player sind der Schlüssel zur Barrierefreiheit von Multimedia. So können z. B. auch taube, schwerhörige oder blinde Menschen Videos und Audioinhalte wahrnehmen.

Welche Design-Prinzipien sollte man bei barrierefreien Webseiten beachten?

Barrierefreies Webdesign bedeutet nicht, dass eine Website „einfach“ oder langweilig aussehen muss – es geht darum, Usability und Ästhetik für alle zu vereinen. Zentrale Design-Prinzipien sind: eine klare, konsistente Struktur der Seiten und Navigation, ausreichend Weißraum und Strukturierung, damit Inhalte leicht erfassbar sind, sowie gut lesbare Schriften . Texte sollten genügend groß sein (mindestens ~16px als Basis) und sich bei Bedarf vom Nutzer skalieren lassen. Farben müssen mit Bedacht gewählt werden: neben ausreichend hohem Kontrast (siehe oben) sollte man Farben nie als einziges Unterscheidungsmerkmal nutzen (z. B. zusätzlich Symbole oder Muster verwenden, da ca. 8% der Männer rot-grün-blind sind). Fokus- und Hover-Effekte für Links/Buttons sollten sichtbar gestaltet werden (z. B. ein gut erkennbarer farbiger Rahmen, der den WCAG-Kontrastkriterien entspricht). Zudem empfiehlt sich eine eingängige visuelle Hierarchie : Wichtige Elemente (Call-to-Action Buttons, Hauptüberschriften) sollen deutlich hervorgehoben sein. Icons sollten nach Möglichkeit mit erklärendem Text versehen sein (oder zumindest einen ARIA-Label haben), falls ihre Bedeutung nicht absolut eindeutig ist. Ein weiteres Prinzip ist die Fehlertoleranz : Interfaces so gestalten, dass Fehlbedienungen vermieden werden – z. B. große klickbare Flächen für Buttons (mind. 44×44px laut WCAG) und gut erkennbare Meldungen bei Fehlern im Formular (mit Text und Symbol). Schließlich trägt einfache, klare Sprache zur Verständlichkeit bei, ggf. ergänzt durch Inhalte in Leichter Sprache für komplexe Angebote. All diese Maßnahmen sorgen dafür, dass die Website für Menschen mit unterschiedlichen Fähigkeiten intuitiv bedienbar ist. Ein positiver Nebeneffekt: Ein solcher durchdachter, zugänglicher Aufbau steigert meist die allgemeine Benutzerfreundlichkeit und Zufriedenheit aller User.

Wie testet man eine Webseite auf Barrierefreiheit?

Der Prüfprozess sollte mehrstufig sein. Als erstes bieten sich automatisierte Testing-Tools an, die gängige Probleme aufspüren. Zum Beispiel: die Browser-Extension WAVE markiert sofort Accessibility-Probleme auf einer Seite, axe (als DevTools-Plugin) liefert detaillierte Analysen für Entwickler, und Google Lighthouse (im Chrome-Browser integriert) gibt einen Barrierefreiheits-Score aus. Diese Tools finden technische Fehler wie fehlende Alt-Texte, falsche Rollen oder Kontrastmängel automatisch. Allerdings erkennen sie nicht alles – deshalb als nächstes unbedingt manuell testen : Zunächst die Seite nur mit der Tastatur bedienen (Tab, Enter, etc.), um Navigationsprobleme aufzudecken. Dann einen Screenreader-Test durchführen (z. B. mit NVDA am PC oder VoiceOver am Mac) – dabei prüfen, ob die Inhalte in logischer Reihenfolge und verständlich vorgelesen werden, ob alle interaktiven Elemente erreichbar und korrekt benannt sind. Auch auf verschiedene Bildschirmgrößen (Responsive Design) testen sowie mit unterschiedlichen Browsern und Betriebssystemen. Zusätzlich kann ein Test mit echten Nutzern mit Behinderungen wertvolle Erkenntnisse bringen (z. B. über Testnutzer-Panels oder in Kooperation mit Behindertenverbänden). Öffentliche Stellen sind zudem verpflichtet, einen offiziellen BITV/WCAG-Test durchführen zu lassen. Abschließend sollte eine Erklärung zur Barrierefreiheit erstellt werden (für öffentliche Websites Pflicht), die die Testergebnisse und verbleibende Barrieren transparent macht. Durch diese Kombination aus automatischen Tests, Experten-Review und Nutzerfeedback erreicht man die verlässlichste Prüfung der Barrierefreiheit.

Kann man eine bestehende Website nachträglich barrierefrei machen?

Ja, das ist möglich – und oft auch nötig, wenn eine Website ursprünglich ohne Rücksicht auf Barrierefreiheit entwickelt wurde. Viele Verbesserungen lassen sich schrittweise und ohne vollständigen Relaunch umsetzen. Der Prozess beginnt mit einem Audit (siehe Frage 17), um die aktuellen Barrieren zu identifizieren. Anschließend kann man priorisieren: Kritische Probleme (z. B. fehlende Alt-Texte, keine Tastaturbedienbarkeit) sollten zuerst behoben werden. Häufig lassen sich durch Änderungen im Frontend (HTML/CSS) schon große Effekte erzielen, z. B. Einfügen von Labels in Formulare, Anpassung von Farbcodes für Kontrast, Hinzufügen von ARIA-Markup an interaktive Komponenten, Bereitstellung von Untertiteln zu Videos usw. Wichtig ist, dass man bei Nachbesserungen die bestehenden Strukturen möglichst nutzt, um keine neuen Fehler einzuführen. Moderne CMS und Web-Frameworks bieten oft Plugins oder Einstellungen zur Unterstützung der Barrierefreiheit – diese kann man nachträglich aktivieren oder ergänzen. In einigen Fällen (etwa bei sehr veralteten oder Flash-/PDF-basierten Sites) mag ein Neuaufbau kosteneffizienter sein, aber in der Regel kann man eine Website Schritt für Schritt barriereärmer gestalten, ohne das Rad neu zu erfinden. Unternehmen sollten hierbei idealerweise Experten oder geschulte Entwickler hinzuziehen und die Anpassungen regelmäßig testen. Fazit: Bestehende Webseiten lassen sich nachrüsten , und viele Optimierungen können im laufenden Betrieb vorgenommen werden, sodass nicht alles auf einmal passieren muss.

Wie hoch ist der Aufwand und welche Kosten entstehen bei der Umsetzung von Web-Barrierefreiheit?

Der Aufwand hängt stark vom Ausgangszustand der Website und ihrem Umfang ab. Bei neuen Projekten lässt sich Barrierefreiheit kostengünstig von Anfang an mit einplanen; bei bestehenden Seiten können Nachbesserungen je nach Anzahl der Barrieren mehr Ressourcen erfordern. Konkrete Kosten variieren: Ein professionelles Accessibility-Audit kann beispielsweise zwischen 500 und 5.000 Euro liegen – je nach Komplexität der Website. Viele grundlegende Probleme (wie fehlende Alt-Texte oder falsche Überschriften) kann man jedoch selbst mit kostenlosen Tools finden und relativ schnell beheben. Größere Posten entstehen, wenn umfangreiche Neuprogrammierung nötig ist (z. B. Umbau der Navigation oder Ersatz eines ungeeigneten Captcha-Systems). Auch die Einbindung von Untertitel-Spuren für Videos oder die Übersetzung von Inhalten in Leichte Sprache verursacht zusätzliche Aufwände. Insgesamt gilt: Prävention ist günstiger als Nachrüstung – wer früh barrierefrei entwickelt, spart langfristig Kosten. Für bestehende Webseiten lohnt sich eine Kosten-Nutzen-Abwägung: Oft amortisieren sich Investitionen in Barrierefreiheit durch die erweitere Reichweite, verbesserte SEO und geringere rechtliche Risiken. Tipp: Als Einstieg kann man „Quick Wins“ umsetzen (siehe Frage 16 und 17) und sukzessive weitere Optimierungen budgetieren. Zudem gibt es Förderprogramme und Beratungsangebote, die Unternehmen bei der barrierefreien Gestaltung finanziell und fachlich unterstützen.

Was sind die Konsequenzen, wenn eine Website nicht barrierefrei ist?

Die Folgen hängen davon ab, ob für die Seite eine gesetzliche Pflicht zur Barrierefreiheit besteht. Rechtlich : Öffentlich-rechtliche Websites, die gegen BITV/EU-Richtlinien verstoßen, können von Aufsichtsstellen beanstandet und von Nutzern via Beschwerdeverfahren gemeldet werden. Für private Unternehmen, die unter das BFSG (ab 2025) fallen, sind Sanktionen klar definiert: Werden z. B. B2C-Onlineangebote nicht barrierefrei gestaltet, gilt dies als Ordnungswidrigkeit und es drohen Bußgelder bis zu 100.000 € durch die Marktüberwachungsbehörden. Außerdem besteht die Gefahr wettbewerbsrechtlicher Abmahnungen durch Mitbewerber oder Verbände, da ein nicht-barrierefreies Angebot als unlauterer Vorteil gewertet werden kann. Unabhängig von gesetzlichen Pflichten schadet mangelnde Barrierefreiheit auch dem Image – ein Unternehmen vermittelt dadurch den Eindruck, gewisse Kundengruppen auszuschließen, was in Zeiten von Diversity- und CSR-Bewusstsein negativ aufgefasst wird. Zudem verliert man potenzielle Kunden : Menschen mit Behinderungen (und zunehmend ältere Nutzer) wenden sich von einer schwer bedienbaren Website ab, was Umsatz kosten kann. Nicht zuletzt können barrierefreie Konkurrenten im SEO-Ranking vorbeiziehen, da Suchmaschinen usability-freundliche Seiten bevorzugen. Kurz: Wer Barrierefreiheit ignoriert, riskiert rechtliche Probleme, Ausschluss von Kunden und Reputationseinbußen. Es lohnt sich also in mehrfacher Hinsicht, Barrieren gar nicht erst entstehen zu lassen bzw. zügig zu beseitigen.

Barrierefreiheit für Websites
BFSG Gesetz seit 2025

Ürüne

Was sind barrierefreie Websites?

Nach BFSG Gesetz muss eine Website seit 28.6.2025 barrierefrei gestaltet werden

Was ist digitale Barrierefreiheit?

Digitale Barrierefreiheit beschreibt die Gestaltung von Websites, Anwendungen und digitalen Inhalten so, dass sie von allen Menschen uneingeschränkt genutzt werden können. Dies betrifft insbesondere Menschen mit körperlichen, sensorischen oder kognitiven Einschränkungen. Ziel der digitalen Barrierefreiheit für Websites ist es, jedem Menschen einen gleichberechtigten Zugang zu digitalen Informationen, Services und Kommunikationsmitteln zu ermöglichen – unabhängig von seinen individuellen Voraussetzungen.

Barrierefreie Websites erkennen die Vielfalt ihrer Nutzer an. Ob jemand blind ist und einen Screenreader benutzt, ob eine Person motorisch eingeschränkt ist und keine Maus nutzen kann, oder ob jemand mit Lernschwierigkeiten einfach strukturierte Inhalte benötigt – eine barrierefreie Website bietet allen denselben funktionalen Zugang. Dazu gehören technische Umsetzungen wie semantisches HTML, ausreichende Farbkontraste, Untertitel für Videos, Alternativtexte für Bilder und die Möglichkeit, alle Funktionen auch per Tastatur zu steuern.

Barrierefreiheit ist aber nicht nur ein soziales oder ethisches Thema. Sie ist in vielen Ländern gesetzlich vorgeschrieben. In der EU gilt z. B. die Richtlinie (EU) 2016/2102 für öffentliche Stellen, und ab 2025 tritt das Barrierefreiheitsstärkungsgesetz (BFSG) auch für viele private Anbieter in Kraft. Wer also barrierefreie digitale Angebote schafft, erhöht nicht nur die Reichweite und Nutzerzufriedenheit, sondern senkt auch rechtliche Risiken.

In Zeiten des demografischen Wandels wird digitale Barrierefreiheit für Webseiten zudem immer relevanter. Eine älter werdende Gesellschaft bringt mehr Nutzer mit altersbedingten Einschränkungen hervor, die von barrierefreien digitalen Inhalten profitieren. Unternehmen und Organisationen, die diesen Bedarf frühzeitig erkennen, sichern sich Marktvorteile.

Zusammengefasst: Digitale Barrierefreiheit bedeutet, digitale Inhalte für möglichst viele Menschen nutzbar zu machen. Sie ist ein Zeichen von Qualität, Inklusion, rechtlicher Absicherung und wirtschaftlicher Weitsicht.

Warum ist digitale Barrierefreiheit wichtig?

Digitale Barrierefreiheit ist weit mehr als ein Spezialthema für Menschen mit Behinderungen. Sie ist ein zentraler Aspekt moderner Nutzerfreundlichkeit, sozialer Gerechtigkeit und wirtschaftlicher Nachhaltigkeit.

Rund 15 % der Weltbevölkerung lebt mit einer Form von Behinderung. Das entspricht mehr als einer Milliarde Menschen, die auf digitale Inhalte angewiesen sind, die ihren Bedürfnissen gerecht werden. Doch Barrierefreiheit betrifft auch Menschen mit temporären Einschränkungen (z. B. gebrochenem Arm, Augenverletzung) oder situativen Einschränkungen (z. B. Sonnenlicht auf dem Display, laute Umgebung ohne Kopfhörer). Auch ältere Menschen, die schlechter sehen, hören oder motorisch eingeschränkt sind, profitieren massiv von barrierefreiem Design.

Für Unternehmen bedeutet Barrierefreiheit für Websites eine deutlich erweiterte Zielgruppe. Sie erreichen mehr Nutzer, steigern die Conversion Rate und verbessern ihre SEO-Performance, da barrierefreie Inhalte strukturierter und maschinenlesbarer sind. Zudem stärkt Barrierefreiheit das Markenimage. Sie zeigt gesellschaftliche Verantwortung und vermeidet negative Schlagzeilen durch Barrieren oder Diskriminierung.

Nicht zuletzt ist digitale Barrierefreiheit oft gesetzlich vorgeschrieben. Öffentliche Einrichtungen sind in Deutschland z. B. durch die BITV verpflichtet, ihre digitalen Angebote barrierefrei zu gestalten. Ab Juni 2025 werden durch das BFSG auch viele private Anbieter verpflichtet, barrierefreie Websites und Apps anzubieten. Wer sich nicht vorbereitet, riskiert Abmahnungen, Bußgelder oder Kundenverlust.

Barrierefreiheit ist auch ein Innovationsmotor. Sie zwingt Entwickler, Designer und Content-Verantwortliche dazu, klar, einfach und nutzerorientiert zu arbeiten. Das kommt allen zugute: Menschen mit und ohne Einschränkungen.

Kurz gesagt: Barrierefreiheit ist wichtig für über eine Milliarde Menschen weltweit. Sie bringt wirtschaftliche Vorteile, sichert rechtliche Konformität, verbessert das Nutzungserlebnis für alle und signalisiert gesellschaftliche Verantwortung.

Wie erkennt man digitale Barrierefreiheit?

Barrierefreiheit ist kein Zufall, sondern das Ergebnis bewusster Gestaltung, Entwicklung und redaktioneller Pflege. Doch wie erkennt man, ob eine Website, App oder ein digitales Dokument barrierefrei ist?

Zunächst helfen technische Tools bei der ersten Einschätzung: Mit WAVE, axe oder dem Google Lighthouse Audit lassen sich typische Fehlerquellen wie fehlende Alternativtexte, zu geringe Farbkontraste oder nicht nutzbare Formulare aufdecken. Diese Tools analysieren den Quellcode und prüfen, ob gängige Standards wie WCAG 2.1 AA eingehalten werden.

Ein weiteres Indiz ist die Nutzbarkeit mit Tastatur: Wer eine Website komplett ohne Maus bedienen kann, hat meist ein gut strukturiertes Interface vor sich. Auch die Darstellung mit Screenreadern wie NVDA oder VoiceOver ist ein zentraler Test. Wenn Inhalte vorgelesen werden, aber z. B. wichtige Buttons nicht erkennbar sind oder Reihenfolgen durcheinander geraten, besteht Handlungsbedarf.

Aber technische Tests allein reichen nicht. Die entscheidende Frage lautet: Können reale Nutzer mit Einschränkungen die Inhalte verstehen und nutzen? Daher ist die Einbindung von Testpersonen mit Sehbehinderung, motorischer Einschränkung oder kognitiven Herausforderungen essenziell. Nur so lassen sich echte Barrieren erkennen, die maschinelle Prüfwerkzeuge nicht erfassen.

Checklisten wie die WCAG (Web Content Accessibility Guidelines) bieten klare Bewertungskriterien. Sie umfassen vier Prinzipien: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Ein barrierefreies Dokument oder Interface ist klar strukturiert, sprachlich einfach, kontrastreich, gut skalierbar und bietet Alternativen für visuelle, auditive oder interaktive Inhalte.

Erkennbar sind barrierefreie Websites auch durch das Vorhandensein einer „Erklärung zur Barrierefreiheit“ auf der Website, die Auskunft über den Umsetzungsstand gibt und eine Feedback-Möglichkeit bietet.

Fazit: Barrierefreiheit für Websites erkennt man nicht nur am Code, sondern vor allem an der Erfahrung realer Nutzer. Technische Tools, Tastaturtests, Screenreader-Einsatz und klar definierte Standards helfen, Barrieren sichtbar zu machen und schrittweise abzubauen.

Schnelle, einfache barrierefreie Websites

Barrierefreiheit Website Tool

Schneller, besser
und günstiger als alle anderen!

1) Softwaretool bestellen
2) Wählen Sie Farbe und Position aus
3) Kopieren Sie das Code Snippet
4) Fügen Sie das Code Snippet im Header Ihrer Webseite ein.
Fertig!

Konfiguration des Plugin

Installation des Plugin

Achtung! Funktioniert nur in Verbindung mit einem aktiven Abonnement

Installationsanleitung

Wichtiger Hinweis zur Implementierung
Damit unser System ordnungsgemäß funktioniert, muss das bereitgestellte Script im Header-Bereich Ihrer Webseite eingefügt werden. Bitte geben Sie diese Information an Ihren Webseiten-Entwickler weiter, damit er den Code korrekt einbindet.

Technischer Hinweis für den Developer:
Das Script sollte unmittelbar vor dem schließenden /head Tag eingefügt werden, um eine fehlerfreie Ausführung zu gewährleisten.

WordPress-Empfehlung:
Für WordPress empfehlen wir das leichtgewichtige und kostenlose Plugin Header and Footer Scripts
Achtung: Es ist möglich, dass andere Scripte unser Script blockieren. In diesem Fall können wir leider keinen Support leisten – bitte wenden Sie sich in diesem Fall an Ihren Webmaster.

Mustererklärung Barrierefreiheit

Mustertext für Barrierefreiheitserklärung

Bu (Ihr Firmenname) ist bemüht, ihre Website www.ai4performance.com im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) sowie der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) barrierefrei zugänglich zu machen.

Diese Website ist derzeit teilweise barrierefrei. Die Anforderungen der BITV 2.0 werden überwiegend erfüllt. Derzeit nicht erfüllt:

Resimler/grafikler için otomatik alt metin yok
Sesli/görüntülü altyazı, sesli betimleme, işaret dili desteği yok
Otomatik semantik etiketleme yok (örn. ARIA, yer işaretleri)
Okuma sırasının kontrolü/ayarlanması yok
Bilginin sadece renkle aktarılıp aktarılmadığını kontrol etmeyin
Yeniden akış/yakınlaştırma için garanti yok (400%)
Üzerine gelindiğinde/odaklanıldığında ek içeriğin otomatik olarak işlenmesi yok
Klavye tuzakları için kontrol yok
Zaman sınırı, duraklama, kesinti mekanizmaları yok
Titreşim/yanıp sönme için otomatik kontrol yok
Atlama bağlantısı/bypass mekanizması yok
kontrol edilmiyor/ayarlanmıyor</li> <li>Başlıklarla otomatik yapılandırma yok</li> <li>Alternatif giriş yöntemleri için destek yok (jestler, hedefler, hareketle çalıştırma)</li> <li>Dil değişikliklerinin otomatik olarak etiketlenmesi yok</li> <li>Alışılmadık kelimeler, kısaltmalar, okuma seviyeleri için mekanizma yok</li> <li>Formlar için otomatik hata algılama/açıklama/öneri yok</li> <li>Tutarlı navigasyon/bileşenler için kontrol yok</li> <li>İsim, rol, değer otomatik olarak kaydedilmiyor (ARIA)</li> <li>Ekran okuyucular için durum mesajlarının otomatik olarak etiketlenmesi yok</li> </ul> <p>Erişilebilir olmayan içerik özellikle şunları içerir</p> <ul> <li>Tam olarak erişilebilir olmayan PDF katalogları ve bilgi materyalleri.</li> <li>Alternatif metin açıklamalarının (ALT metinleri) kısmen eksik olduğu görseller ve grafikler.</li> <li>Ekran okuyucularla her zaman tam olarak kullanılamayan formlar (örneğin seyahat rezervasyon formları).</li> <li>Şu anda tutarlı bir şekilde altyazılı veya sesli açıklamalı olmayan videolar.</li> </ul> <p>Bu engelleri ortadan kaldırmak ve dijital tekliflerimizin erişilebilirliğini iyileştirmek için sürekli çalışıyoruz.</p> <p>Bu beyannamenin hazırlanması</p> <p>Diese Erklärung wurde am <strong><span style="color: #ed1c24;">(Erstellungsdatum)</span></strong> erstellt.</p> <p>Değerlendirme, BITV 2.0 gerekliliklerine uygun olarak bir öz değerlendirmeye dayanmaktadır.</p> <p>Die Erklärung wurde zuletzt am <strong><span style="color: #ed1c24;">(letztes Prüfdatum)</span></strong> überprüft.</p> <p>Geri bildirim ve iletişim</p> <p>Web sitemizin engelsiz tasarımıyla ilgili herhangi bir eksiklik fark ederseniz veya engelsiz olmayan içerikle ilgili bilgi talep ederseniz, istediğiniz zaman bizimle iletişime geçebilirsiniz:</p> <p><strong><span style="color: #ed1c24;">(Ihr Firmenname und Adresse)</span></strong></p> <p>E-Mail: <strong><span style="color: #ed1c24;">(Ihre Emailadresse)</span></strong></p> <p>Sorunuzu mümkün olan en kısa sürede yanıtlamak için çaba göstereceğiz.</p> <p>Tahkim prosedürü</p> <p>Erişilebilirlikle ilgili sorunuzun tatmin edici bir şekilde yanıtlanmadığını düşünüyorsanız, ilgili uzlaştırma kurumuna başvurabilirsiniz:</p> <p>Engellilik Eşitliği Yasası (BGG) uyarınca tahkim merkezi</p> <p>Federal Çalışma ve Sosyal İşler Bakanlığı'nda</p> <p>Mauerstrasse 53</p> <p>10117 Berlin</p> <p>Web sitesi: <a href="https://www.schlichtungsstelle-bgg.de/">www.schlichtungsstelle-bgg.de</a></p> <p>E-posta: info@schlichtungsstelle-bgg.de</p> </div> </div> </div> </div> <style> #col-1360133570 > .col-inner { padding: 0px 5% 0px 5%; } </style> </div> </div> <div id="text-4110420623" class="text"> <style> #text-4110420623 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-4110420623 { font-size: 1rem; text-align: left; } } @media (min-width:850px) { #text-4110420623 { text-align: left; } } </style> </div> </div> <style> #section_278273154 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_278273154 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_278273154 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-2084866214"> <div id="col-2091259620" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-2760011913" class="text"> <p>Aktivieren Sie Ihre barrierefreie Website in nur wenigen Minuten</p> <style> #text-2760011913 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-2760011913 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-2760011913 { text-align: left; } } </style> </div> </div> <style> #col-2091259620 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-2091259620 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_1267868702 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_66502515"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-137126570"> <div id="col-502280594" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/tr/ueruen-2/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Tool für barrierefreie Website</span> </a> </div> </div> </div> </div> <style> #section_66502515 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1832329843"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-165775077"> <div id="col-1885243038" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-205525526"> <div id="col-1842480006" class="col small-12 large-12" > <div class="col-inner" style="background-color:#084085;" > <section class="section dark" id="section_188031869"> <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-1322583473"> <div id="col-1173680101" class="col medium-12 small-12 large-10" > <div class="col-inner text-left" > <div id="gap-2057289379" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-2057289379 { padding-top: 30px; } </style> </div> <div id="text-3772724187" class="text"> <h2><strong>Farkı bizimle hissedin</strong></h2> <style> #text-3772724187 { font-size: 1.25rem; line-height: 0.75; text-align: center; color: rgb(255, 255, 255); } #text-3772724187 > * { color: rgb(255, 255, 255); } @media (min-width:550px) { #text-3772724187 { font-size: 1.7rem; line-height: 1.65; text-align: left; } } @media (min-width:850px) { #text-3772724187 { font-size: 1.85rem; text-align: left; } } </style> </div> <div id="text-3545897324" class="text"> <h4>M<strong>aksi̇mum veri̇mli̇li̇k</strong>, <strong>en aza indirilmiş maliyetler.</strong> <strong>Her şey tek bir kaynaktan.</strong> Pahalı ajanslar yok!</h4> <style> #text-3545897324 { font-size: 0.95rem; line-height: 1.2; text-align: center; color: rgb(255,255,255); } #text-3545897324 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-3545897324 { font-size: 1.15rem; text-align: left; } } @media (min-width:850px) { #text-3545897324 { font-size: 1.3rem; text-align: left; } } </style> </div> <div id="gap-517586435" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-517586435 { padding-top: 20px; } </style> </div> <a href="#kontakt" class="button white is-large hide-for-medium" style="padding:0px 30px 0px 30px;"> <span>Konsültasyon için rezervasyon yaptırın</span> </a> <a data-animate="fadeInUp" href="#kontakt" class="button white is-large expand show-for-small" style="padding:0px 30px 0px 30px;"> <span>Konsültasyon için rezervasyon yaptırın</span> </a> </div> <style> #col-1173680101 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-1173680101 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-1173680101 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> </div> <style> #section_188031869 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_188031869 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.558); } @media (min-width:550px) { #section_188031869 { min-height: 500px; } } </style> </section> <div class="row row-collapse" id="row-1807279967"> <div id="col-372643473" 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-3290650285" class="text"> <h3><strong>AI4PERFORMANCE ILE:</strong></h3> <style> #text-3290650285 { font-size: 1.25rem; line-height: 2; text-align: center; color: rgb(255,255,255); } #text-3290650285 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-3290650285 { text-align: left; } } </style> </div> <div id="gap-1317842003" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1317842003 { padding-top: 10px; } </style> </div> <div id="text-4178047168" class="text"> <ul> <li>Schnelles Setup in wenigen Minuten ohne Programmierkenntnisse!</li> <li>Flexible Positionierung des Icons</li> <li>Rakipsiz fiyat-performans oranı: diğerlerinden 7 kata kadar daha ucuz</li> <li>Küresel olarak birçok farklı dilde kullanılabilir</li> <li>funktionierende Tastaturnavigation</li> <li>Anpassungen für Screenreader</li> <li>Setzen fehlender ARIA-Attribute</li> <li>Ergänzen leerer Bildbeschreibungen</li> </ul> <style> #text-4178047168 { font-size: 1.05rem; color: rgb(255,255,255); } #text-4178047168 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-4178047168 { font-size: 1.15rem; } } </style> </div> </div> </div> </div> <style> #col-372643473 > .col-inner { padding: 0px 0px 20px 0px; margin: 0px 0px -100px 0px; } @media (min-width:550px) { #col-372643473 > .col-inner { margin: 0px 0px 20px 0px; } } </style> </div> <div id="col-1370496546" 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-1179682873" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-1179682873 { padding-top: 40px; } @media (min-width:550px) { #gap-1179682873 { padding-top: 0px; } } </style> </div> <div id="text-4039020654" class="text"> <h3><span style="color: #c0c0c0;">Diğer ajanslar:</span></h3> <style> #text-4039020654 { font-size: 1.25rem; line-height: 2; text-align: center; color: rgb(255,255,255); } #text-4039020654 > * { color: rgb(255,255,255); } @media (min-width:550px) { #text-4039020654 { text-align: left; } } </style> </div> <div id="gap-990201490" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-990201490 { padding-top: 10px; } </style> </div> <div id="text-3953287449" class="text"> <ul> <li>Karmaşık ve zaman alan kurulum çalışmaları</li> <li>wenig Flexibität in der Integration & Darstellung</li> <li>genellikle 7 kata kadar daha pahalı</li> <li>nicht global einsetzbar in verschiedenen Sprachen</li> <li>keine funktionierende Tastaturnavigation</li> <li>keine Anpassungen für Screenreader</li> <li>kein Setzen fehlender ARIA-Attribute</li> <li>kein Ergänzen leerer Bildbeschreibungen</li> </ul> <style> #text-3953287449 { font-size: 0.95rem; color: rgb(155, 155, 155); } #text-3953287449 > * { color: rgb(155, 155, 155); } @media (min-width:550px) { #text-3953287449 { font-size: 1.1rem; } } </style> </div> </div> </div> </div> <style> #col-1370496546 > .col-inner { margin: 20px 0px 0px 0px; } </style> </div> <style> #row-1807279967 > .col > .col-inner { padding: 50px 20px 50px 20px; } @media (min-width:550px) { #row-1807279967 > .col > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> </div> </div> <style> #section_1832329843 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1187896516"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-867402799"> <div id="col-942114085" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/tr/ueruen-2/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Barrierefreie Website Tool</span> </a> </div> </div> </div> </div> <style> #section_1187896516 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_422162598"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-645558345"> <div id="col-2001267035" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-406340932"> <div id="col-1284054366" class="col small-12 large-12" > <div class="col-inner" > <section class="section dark" id="section_1667053740"> <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="Barrierefreiheit Website" /> <div class="section-bg-overlay absolute fill"></div> </div> <div class="section-content relative"> <div class="row" id="row-1640777039"> <div id="col-2002769610" 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-142313018" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-142313018 { padding-top: 30px; } </style> </div> <div id="text-2861645414" class="text"> <h2><span style="font-size: 75%;"><strong>Barrierefreiheit Stärkungsgesetz (BFSG)</strong></span></h2> <style> #text-2861645414 { font-size: 1.2rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-2861645414 { font-size: 1.8rem; text-align: left; } } @media (min-width:850px) { #text-2861645414 { text-align: left; } } </style> </div> <div id="text-425615074" class="text"> <p>Digitale Barrierefreiheit bezeichnet die Gestaltung von Websites, Anwendungen und digitalen Inhalten, dass sie für alle Menschen uneingeschränkt nutzbar sind und ist <strong>seit 28.6.2025 Pflicht!</strong></p> <p>Hier finden Sie den gesamten Gesetzestext:</p> <style> #text-425615074 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-425615074 { font-size: 1.4rem; text-align: left; } } @media (min-width:850px) { #text-425615074 { text-align: left; } } </style> </div> </div> <style> #col-2002769610 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-2002769610 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-2002769610 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> <div class="accordion"> <div id="accordion-3393123588" class="accordion-item"> <a id="accordion-3393123588-label" class="accordion-title plain" href="#accordion-item-bfsg-gesetzestext" aria-expanded="false" aria-controls="accordion-3393123588-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>BFSG Gesetzestext</span> </a> <div id="accordion-3393123588-content" class="accordion-inner" aria-labelledby="accordion-3393123588-label" > <ul> <li><strong> 1 BFSG Zweck und Anwendungsbereich</strong></li> </ul> <p>Zweck dieses Gesetzes ist es, im Interesse der Verbraucher und Nutzer die Barrierefreiheit von Produkten und Dienstleistungen nach Maßgabe der folgenden Vorschriften zu gewährleisten.</p> <p>Dadurch wird für Menschen mit Behinderungen ihr Recht auf Teilhabe am Leben in der Gesellschaft gestärkt und der Harmonisierung des Binnenmarktes Rechnung getragen.</p> <p>Dieses Gesetz gilt für folgende Produkte, die nach dem 28. Juni 2025 in den Verkehr gebracht werden:</p> <p>Hardwaresysteme für Universalrechner für Verbraucher einschließlich der für diese Hardwaresysteme bestimmte Betriebssysteme;</p> <p>die folgenden Selbstbedienungsterminals:</p> <p>Zahlungsterminals und zu diesen gehörige Hardware und Software;</p> <p>die folgenden Selbstbedienungsterminals, die zur Erbringung der unter dieses Gesetz fallenden Dienstleistungen bestimmt sind:</p> <p>Geldautomaten;</p> <p>Fahrausweisautomaten;</p> <p>Check-In-Automaten;</p> <p>interaktive Selbstbedienungsterminals zur Bereitstellung von Informationen, mit Ausnahme von Terminals, die als integrierte Bestandteile von Fahrzeugen, Luftfahrzeugen, Schiffen oder Schienenfahrzeugen eingebaut sind;</p> <p>Verbraucherendgeräte mit interaktivem Leistungsumfang, die für Telekommunikationsdienste verwendet werden;</p> <p>Verbraucherendgeräte mit interaktivem Leistungsumfang, die für den Zugang zu audiovisuellen Mediendiensten verwendet werden, und</p> <p>E-Book-Lesegeräte.</p> <p>Dieses Gesetz gilt für folgende Dienstleistungen, die für Verbraucher nach dem 28. Juni 2025 erbracht werden:</p> <p>Telekommunikationsdienste mit Ausnahme von Übertragungsdiensten zur Bereitstellung von Diensten der Maschine-Maschine-Kommunikation;</p> <p>folgende Elemente von Personenbeförderungsdiensten im Luft-, Bus-, Schienen- und Schiffsverkehr mit Ausnahme von Stadt-, Vorort- und Regionalverkehrsdiensten, für die nur die Elemente unter Buchstabe e gelten:</p> <p>Webseiten;</p> <p>auf Mobilgeräten angebotene Dienstleistungen, einschließlich mobiler Anwendungen;</p> <p>elektronische Tickets und elektronische Ticketdienste;</p> <p>die Bereitstellung von Informationen in Bezug auf den Verkehrsdienst, einschließlich Reiseinformationen in Echtzeit, bei Informationsbildschirmen allerdings nur dann, wenn es sich um interaktive Bildschirme im Hoheitsgebiet der Europäischen Union handelt, und</p> <p>interaktive Selbstbedienungsterminals im Hoheitsgebiet der Europäischen Union, mit Ausnahme der Terminals, die als integrierte Bestandteile von Fahrzeugen, Luftfahrzeugen, Schiffen und Schienenfahrzeugen eingebaut sind und für die Erbringung von solchen Personenbeförderungsdiensten verwendet werden;</p> <p>Bankdienstleistungen für Verbraucher;</p> <p>E-Books und hierfür bestimmte Software und</p> <p>Dienstleistungen im elektronischen Geschäftsverkehr.</p> <p>Dieses Gesetz gilt nicht für den folgenden Inhalt von Webseiten und mobilen Anwendungen:</p> <p>aufgezeichnete zeitbasierte Medien, die vor dem 28. Juni 2025 veröffentlicht wurden;</p> <p>Dateiformate von Büro-Anwendungen, die vor dem 28. Juni 2025 veröffentlicht wurden;</p> <p>Online-Karten und Kartendienste, sofern bei Karten für Navigationszwecke wesentliche Informationen barrierefrei zugänglich in digitaler Form bereitgestellt werden;</p> <p>Inhalte von Dritten, die von dem betreffenden Wirtschaftsakteur weder finanziert noch entwickelt werden noch dessen Kontrolle unterliegen;</p> <p>Inhalte von Webseiten und mobilen Anwendungen, die als Archive gelten, da ihre Inhalte nach dem 28. Juni 2025 weder aktualisiert noch überarbeitet werden.</p> <p>Die §§ 45a bis 45d und 95a bis 96 des Urheberrechtsgesetzes und die Verordnung (EU) 2017/1563 des Europäischen Parlaments und des Rates vom 13. September 2017 über den grenzüberschreitenden Austausch von Vervielfältigungsstücken bestimmter urheberrechtlich oder durch verwandte Schutzrechte geschützter Werke und sonstiger Schutzgegenstände in einem barrierefreien Format zwischen der Europäischen Union und Drittländern zugunsten blinder, sehbehinderter oder anderweitig lesebehinderter Personen (ABl. L 242 vom 20.9.2017, S. 1) bleiben von diesem Gesetz unberührt.</p> <ul> <li><strong> 2 BFSG Begriffsbestimmungen</strong></li> </ul> <p>Im Sinne dieses Gesetzes ist oder sind</p> <p>„Menschen mit Behinderung“ Menschen, die langfristige körperliche, seelische, geistige oder Sinnesbeeinträchtigungen haben, welche sie in Wechselwirkung mit einstellungs- und umweltbedingten Barrieren an der gleichberechtigten Teilhabe an der Gesellschaft hindern können; als langfristig gilt ein Zeitraum, der mit hoher Wahrscheinlichkeit länger als sechs Monate andauert;</p> <p>„Produkt“ ein Stoff, eine Zubereitung oder eine Ware, der oder die durch einen Fertigungsprozess hergestellt worden ist, mit Ausnahme von Lebensmitteln, Futtermitteln, lebenden Pflanzen und Tieren, Erzeugnissen menschlichen Ursprungs und Erzeugnissen von Pflanzen und Tieren, die unmittelbar mit ihrer künftigen Reproduktion zusammenhängen;</p> <p>„Dienstleistung“ eine Dienstleistung im Sinne des Artikels 4 Nummer 1 der Richtlinie 2006/123/EG des Europäischen Parlaments und des Rates vom 12. Dezember 2006 über Dienstleistungen im Binnenmarkt (ABl. L 376 vom 27.12.2006, S. 36);</p> <p>„Dienstleistungserbringer“ jede natürliche oder juristische Person oder rechtsfähige Personengesellschaft, die auf dem Unionsmarkt eine Dienstleistung für Verbraucher erbringt oder anbietet, eine solche Dienstleistung zu erbringen;</p> <p>„audiovisuelle Mediendienste“ Dienste im Sinne des Artikels 1 Absatz 1 Buchstabe a der Richtlinie 2010/13/EU des Europäischen Parlaments und des Rates vom 10. März 2010 zur Koordinierung bestimmter Rechts- und Verwaltungsvorschriften der Mitgliedstaaten über die Bereitstellung audiovisueller Mediendienste (ABl. L 95 vom 15.4.2010, S. 1; L 263 vom 6.10.2010, S. 15), die durch die Richtlinie (EU) 2018/1808 des Europäischen Parlaments und des Rates vom 14. November 2018 (ABl. L 303 vom 28.11.2018, S. 69) geändert worden ist;</p> <p>„Verbraucherendgeräte mit interaktivem Leistungsumfang, die für den Zugang zu audiovisuellen Mediendiensten verwendet werden“ Geräte für Verbraucher mit interaktivem Leistungsumfang, deren Hauptzweck es ist, Zugang zu audiovisuellen Mediendiensten zu bieten;</p> <p>„Telekommunikationsdienste“ ein Telekommunikationsdienst im Sinne des Artikels 2 Nummer 4 der Richtlinie (EU) 2018/1972 des Europäischen Parlaments und des Rates vom 11. Dezember 2018 über den europäischen Kodex für die elektronische Kommunikation (ABl. L 321 vom 17.12.2018, S. 36; L 334 vom 27.12.2019, S. 164);</p> <p>„Text in Echtzeit“ eine Form der textbasierten Kommunikation in Punkt-zu-Punkt-Verbindungen oder bei Mehrpunktverbindungen, wobei der eingegebene Text so versendet wird, dass die Kommunikation vom Nutzer Zeichen für Zeichen als kontinuierlich wahrgenommen wird;</p> <p>„Bereitstellung auf dem Markt“ jede entgeltliche oder unentgeltliche Abgabe eines Produkts zum Vertrieb, zum Gebrauch oder zum Verbrauch auf dem Unionsmarkt im Rahmen einer Geschäftstätigkeit;</p> <p>„Inverkehrbringen“ die erstmalige Bereitstellung eines Produkts auf dem Unionsmarkt;</p> <p>„Hersteller“ jede natürliche oder juristische Person oder rechtsfähige Personengesellschaft, die ein Produkt herstellt oder entwickeln oder herstellen lässt und dieses Produkt unter ihrem eigenen Namen oder ihrer eigenen Marke vermarktet;</p> <p>„Bevollmächtigter“ jede in der Europäischen Union ansässige natürliche oder juristische Person oder rechtsfähige Personengesellschaft, die von einem Hersteller schriftlich beauftragt wurde, in seinem Namen bestimmte Aufgaben wahrzunehmen;</p> <p>„Einführer“ jede in der Europäischen Union ansässige natürliche oder juristische Person oder rechtsfähige Personengesellschaft, die ein Produkt aus einem Drittstaat auf dem Unionsmarkt in den Verkehr bringt;</p> <p>„Händler“ jede natürliche oder juristische Person oder rechtsfähige Personengesellschaft in der Lieferkette, die ein Produkt auf dem Markt bereitstellt, mit Ausnahme des Herstellers oder des Einführers;</p> <p>„Wirtschaftsakteur“ ein Hersteller, Bevollmächtigter, Einführer, Händler oder Dienstleistungserbringer;</p> <p>„Verbraucher“ jede natürliche Person, die ein unter dieses Gesetz fallendes Produkt oder eine unter dieses Gesetz fallende Dienstleistung zu Zwecken kauft oder empfängt, die überwiegend weder ihrer gewerblichen noch ihrer selbständigen beruflichen Tätigkeit zugerechnet werden können;</p> <p>„Kleinstunternehmen“ ein Unternehmen, das weniger als zehn Personen beschäftigt und das entweder einen Jahresumsatz von höchstens 2 Millionen Euro erzielt oder dessen Jahresbilanzsumme sich auf höchstens 2 Millionen Euro beläuft;</p> <p>„kleine und mittlere Unternehmen“ Unternehmen, die weniger als 250 Personen beschäftigen und die entweder einen Jahresumsatz von höchstens 50 Millionen Euro erzielen oder deren Jahresbilanzsumme sich auf höchstens 43 Millionen Euro beläuft, mit Ausnahme von Kleinstunternehmen;</p> <p>„harmonisierte Norm“ eine harmonisierte Norm im Sinne des Artikels 2 Nummer 1 Buchstabe c der Verordnung (EU) Nr. 1025/2012 des Europäischen Parlaments und des Rates vom 25. Oktober 2012 zur europäischen Normung, zur Änderung der Richtlinien 89/686/EWG und 93/15/EWG des Rates sowie der Richtlinien 94/9/EG, 94/25/EG, 95/16/EG, 97/23/EG, 98/34/EG, 2004/22/EG, 2007/23/EG, 2009/23/EG und 2009/105/EG des Europäischen Parlaments und des Rates und zur Aufhebung des Beschlusses 87/95/EWG des Rates und des Beschlusses Nr. 1673/2006/EG des Europäischen Parlaments und des Rates (ABl. L 316 vom 14.11.2012, S. 12);</p> <p>„technische Spezifikation“ eine technische Spezifikation im Sinne des Artikels 2 Nummer 4 der Verordnung (EU) Nr. 1025/2012, die ein Mittel zur Erfüllung der für ein Produkt oder eine Dienstleistung geltenden Barrierefreiheitsanforderungen darstellt;</p> <p>„CE-Kennzeichnung“ die Kennzeichnung, durch die der Hersteller erklärt, dass das Produkt den geltenden Anforderungen genügt, die in den Harmonisierungsrechtsvorschriften der Europäischen Union, die ihre Anbringung vorschreiben, festgelegt sind;</p> <p>„Marktüberwachungsbehörde“ jede Behörde, die nach Landesrecht für die Durchführung der Marktüberwachung zuständig ist;</p> <p>„Rücknahme“ jede Maßnahme, mit der verhindert werden soll, dass ein Produkt, das sich in der Lieferkette befindet, auf dem Markt bereitgestellt wird, oder bewirkt werden soll, dass ein auf dem Markt bereitgestelltes Produkt dem Markt wieder entzogen wird;</p> <p>„Bankdienstleistungen für Verbraucher“ die Bereitstellung der folgenden Bank- und Finanzdienstleistungen für Verbraucher:</p> <p>Kreditverträge im Sinne der Richtlinie 2008/48/EG des Europäischen Parlaments und des Rates vom 23. April 2008 über Verbraucherkreditverträge und zur Aufhebung der Richtlinie 87/102/EWG des Rates (ABl. L 133 vom 22.5.2008, S. 66), mit der Maßgabe, dass die Höchstgrenze gemäß Artikel 2 Absatz 2 Buchstabe c der Richtlinie 2008/48/EG keine Anwendung findet, oder Kreditverträge im Sinne der Richtlinie 2014/17/EU des Europäischen Parlaments und des Rates vom 4. Februar 2014 über Wohnimmobilienkreditverträge für Verbraucher und zur Änderung der Richtlinien 2008/48/EG und 2013/36/EU und der Verordnung (EU) Nr. 1093/2010 (ABl. L 60 vom 28.2.2014, S. 34);</p> <p>Dienste gemäß Anhang I Abschnitt A Nummer 1, 2, 4 und 5 und Abschnitt B Nummer 1, 2, 4 und 5 der Richtlinie 2014/65/EU des Europäischen Parlaments und des Rates vom 15. Mai 2014 über Märkte für Finanzinstrumente sowie zur Änderung der Richtlinien 2002/92/EG und 2011/61/EU (ABl. L 173 vom 12.6.2014, S. 349; L 74 vom 18.3.2015, S. 38; L 188 vom 13.7.2016, S. 28; L 273 vom 8.10.2016, S. 35; L 64 vom 10.3.2017, S. 116; L 278 vom 27.10.2017, S. 56), die zuletzt durch die Verordnung (EU) 2019/2115 (ABl. L 30 vom 11.12.2019, S. 1) geändert worden ist;</p> <p>Zahlungsdienste gemäß § 1 Absatz 1 Satz 2 des Zahlungsdiensteaufsichtsgesetzes vom 17. Juli 2017 (BGBl. I S. 2446), das zuletzt durch Artikel 9 Absatz 8 des Gesetzes vom 9. Dezember 2020 (BGBl. I S. 2773) geändert worden ist;</p> <p>mit einem Zahlungskonto verbundene Dienste gemäß § 2 Absatz 2 des Zahlungskontengesetzes vom 11. April 2016 (BGBl. I S. 720), das zuletzt durch Artikel 9 Absatz 7 des Gesetzes vom 9. Dezember 2020 (BGBl. I S. 2773) geändert worden ist und</p> <p>E-Geld gemäß § 1 Absatz 2 Satz 3 des Zahlungsdiensteaufsichtsgesetzes;</p> <p>„Zahlungsterminal“ ein Gerät, dessen Hauptzweck es ist, Zahlungen mithilfe von Zahlungsinstrumenten im Sinne des § 1 Absatz 20 des Zahlungsdiensteaufsichtsgesetzes an einer physischen Verkaufsstelle vorzunehmen, nicht jedoch in einer virtuellen Umgebung;</p> <p>„Dienstleistungen im elektronischen Geschäftsverkehr“ Dienstleistungen der Telemedien, die über Webseiten und über Anwendungen auf Mobilgeräten angeboten werden und elektronisch und auf individuelle Anfrage eines Verbrauchers im Hinblick auf den Abschluss eines Verbrauchervertrags erbracht werden;</p> <p>„Personenbeförderungsdienste im Luftverkehr“ gewerbliche Passagierflugdienste gemäß Artikel 2 Buchstabe l der Verordnung (EG) Nr. 1107/2006 des Europäischen Parlaments und des Rates vom 5. Juli 2006 über die Rechte von behinderten Flugreisenden und Flugreisenden mit eingeschränkter Mobilität (ABl. L 204 vom 26.7.2006, S. 1; ABl. R 026 vom 26.01.2013, S. 34), wenn von einem Flughafen, der im Hoheitsgebiet eines Mitgliedstaats liegt, abgeflogen, auf einem solchen angekommen oder ein solcher im Transit benutzt wird; einschließlich Flügen ab einem in einem Drittland gelegenen Flughafen zu einem im Hoheitsgebiet eines Mitgliedstaats gelegenen Flughafen, wenn diese Dienste von einem Luftfahrtunternehmen aus der Europäischen Union betrieben werden;</p> <p>„Personenbeförderungsdienste im Busverkehr“ Dienstleistungen, die Gegenstand von Artikel 2 Absatz 1 und 2 der Verordnung (EU) Nr. 181/2011 des Europäischen Parlaments und des Rates vom 16. Februar 2011 über die Fahrgastrechte im Kraftomnibusverkehr und zur Änderung der Verordnung (EG) Nr. 2006/2004 (ABl. L 55 vom 28.2.2011, S. 1) sind;</p> <p>„Personenbeförderungsdienste im Schienenverkehr“ alle Eisenbahnfahrten und -dienstleistungen im Sinne von Artikel 2 Absatz 1 der Verordnung (EG) Nr. 1371/2007 des Europäischen Parlaments und des Rates vom 23. Oktober 2007 über die Rechte und Pflichten der Fahrgäste im Eisenbahnverkehr (ABl. L 315 vom 3.12.2007, S. 14) mit Ausnahme der in Artikel 2 Absatz 2 der genannten Verordnung genannten Dienstleistungen;</p> <p>„Personenbeförderungsdienste im Schiffsverkehr“ alle Dienstleistungen für Fahrgäste im Sinne von Artikel 2 Absatz 1 der Verordnung (EU) Nr. 1177/2010 des Europäischen Parlaments und des Rates vom 24. November 2010 über die Fahrgastrechte im See- und Binnenschiffsverkehr und zur Änderung der Verordnung (EG) Nr. 2006/2004 (ABl. L 334 vom 17.12.2010, S. 1) mit Ausnahme der in Artikel 2 Absatz 2 der genannten Verordnung genannten Dienstleistungen;</p> <p>„Stadt- und Vorortverkehrsdienste“ Verkehrsdienste mit den Verkehrsmitteln Eisenbahn, Bus, U-Bahn, Straßenbahn und Oberleitungsomnibus, deren Hauptzweck es ist, die Verkehrsbedürfnisse eines Stadtgebietes oder eines, auch grenzüberschreitenden, Ballungsraumes sowie die Verkehrsbedürfnisse zwischen einem Stadtgebiet oder Ballungsraum und dem Umland abzudecken;</p> <p>„Regionalverkehrsdienste“ Verkehrsdienste mit den Verkehrsmitteln Eisenbahn, Bus, U-Bahn, Straßenbahn und Oberleitungsomnibus, deren Hauptzweck es ist, die Verkehrsbedürfnisse einer, auch grenzüberschreitenden, Region abzudecken;</p> <p>„assistive Technologien“ jedes Element, Gerät oder Produktsystem, einschließlich Software,</p> <p>das genutzt wird, um die funktionellen Fähigkeiten von Menschen mit Behinderungen zu erhöhen, aufrechtzuerhalten, zu ersetzen oder zu verbessern, oder</p> <p>das der Linderung und dem Ausgleich von Behinderungen, Beeinträchtigungen der Aktivität oder Beeinträchtigungen der Teilhabe von Menschen mit Behinderungen dient;</p> <p>„Betriebssystem“ die Software, die unter anderem die Schnittstelle zur peripheren Hardware steuert, Aufgaben plant, Speicherplatz zuweist und dem Verbraucher eine Standardschnittstelle anzeigt, wenn kein Anwenderprogramm läuft, einschließlich einer grafischen Nutzerschnittstelle, unabhängig davon, ob diese Software integraler Bestandteil der Hardware für Universalrechner für Verbraucher ist oder als externe Software zur Ausführung auf der Hardware für Universalrechner für Verbraucher bestimmt ist; ausgeschlossen sind Lader eines Betriebssystems, ein BIOS oder eine andere Firmware, die beim Hochfahren oder beim Installieren des Betriebssystems erforderlich ist;</p> <p>„Hardwaresystem für Universalrechner für Verbraucher“ die Kombination von Hardware,</p> <p>die einen vollständigen Computer bildet und durch ihren Mehrzweckcharakter und ihre Fähigkeit gekennzeichnet ist, mit der geeigneten Software die vom Verbraucher geforderten üblichen Computeraufgaben durchzuführen, und</p> <p>dazu bestimmt ist, von Verbrauchern bedient zu werden; einschließlich Personal Computer, insbesondere Desktops, Notebooks, Smartphones und Tablets;</p> <p>„interaktiver Leistungsumfang“ die Funktionalität zur Unterstützung der Interaktion zwischen Mensch und Gerät, um die Verarbeitung und Übertragung von Daten, Sprache oder Video oder einer beliebigen Kombination daraus zu ermöglichen;</p> <p>„E-Book und hierfür bestimmte Software“</p> <p>einen Dienst, der in der Bereitstellung digitaler Dateien besteht, die eine elektronische Fassung eines Buches übermitteln und Zugriff, Blättern, Lektüre und Nutzung ermöglichen, und</p> <p>die Software, die speziell auf Zugriff, Navigieren, Lektüre und Nutzung der betreffenden digitalen Dateien ausgelegt ist, einschließlich Dienstleistungen und mobiler Anwendungen, die auf Mobilgeräten angeboten werden und ausgenommen Software für E-Book-Lesegeräte nach Nummer 38;</p> <p>„E-Book-Lesegerät“ ein spezielles Gerät, einschließlich Hardware und Software, das für Zugriff, Navigieren, Lektüre und Nutzung von E-Book-Dateien verwendet wird;</p> <p>„elektronische Tickets“ Systeme, in denen eine Fahrberechtigung in Form eines Fahrscheins für eine einfache Fahrt oder mehrere Fahrten, eines Abonnements oder eines Fahrguthabens nicht auf Papier gedruckt wird, sondern elektronisch auf einem physischen Fahrausweis oder einem anderen Gerät gespeichert wird;</p> <p>„elektronische Ticketdienste“ Systeme, in denen Fahrberechtigungen mithilfe eines Geräts mit interaktivem Leistungsumfang unter anderem online erworben und dem Käufer elektronisch übermittelt werden, damit sie in Papierform ausgedruckt oder mithilfe eines Geräts mit interaktivem Leistungsumfang während der Fahrt angezeigt werden können;</p> <p>„Ingebrauchnahme“ die erstmalige Eröffnung der Nutzungsmöglichkeit eines Selbstbedienungsterminals.</p> <ul> <li><strong> 3 BFSG Barrierefreiheit, Verordnungsermächtigung</strong></li> </ul> <p>Produkte, die ein Wirtschaftsakteur auf dem Markt bereitstellt und Dienstleistungen, die er anbietet oder erbringt, müssen barrierefrei sein. 2Produkte und Dienstleistungen sind barrierefrei, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind. 3Die konkreten Anforderungen an die Barrierefreiheit für Produkte und Dienstleistungen nach diesem Absatz richten sich nach der nach Absatz 2 zu erlassenden Rechtsverordnung.</p> <p>1Das Bundesministerium für Arbeit und Soziales wird ermächtigt, im Einvernehmen mit dem Bundesministerium der Finanzen, dem Bundesministerium für Gesundheit, dem Bundesministerium für Wirtschaft und Energie und dem Bundesministerium für Verkehr und digitale Infrastruktur durch Rechtsverordnung mit Zustimmung des Bundesrates konkrete Anforderungen an die Barrierefreiheit von Produkten gemäß § 1 Absatz 2 und Dienstleistungen gemäß § 1 Absatz 3 entsprechend den Anforderungen des Anhangs I der Richtlinie (EU) 2019/882 des Europäischen Parlaments und des Rates vom 17. April 2019 über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen (ABl. L 151 vom 7.6.2019, S. 70) zu regeln, insbesondere an</p> <p>die Gestaltung und Herstellung der Produkte einschließlich der Benutzerschnittstelle,</p> <p>die Zugänglichkeit und Gestaltung des Angebots und der Ausführung der Dienstleistungen,</p> <p>die Art und Weise der Bereitstellung von Informationen insbesondere zur Nutzung der Produkte, wie etwa an die Kennzeichnung, die Gebrauchsanleitung, Sicherheitsinformationen und die Funktionsweise der Dienstleistungen sowie an die Barrierefreiheitsmerkmale und Barrierefreiheitsfunktionen der Produkte und Dienstleistungen sowie an die mögliche Nutzung assistiver Technologien.</p> <p>Durch Rechtsverordnung nach Satz 1 können konkretisierende Bestimmungen auch insoweit erlassen werden, als Barrierefreiheitsanforderungen im Sinne des Anhangs I der Richtlinie (EU) 2019/882 nach Artikel 4 Absatz 9 dieser Richtlinie durch delegierte Rechtsakte der Europäischen Kommission präzisiert worden sind.</p> <p>Absatz 1 gilt nicht für Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen. Das Bundesministerium für Arbeit und Soziales erstellt im Einvernehmen mit dem Bundesministerium für Wirtschaft und Energie Leitlinien für Kleinstunternehmen, um ihnen die Anwendung dieses Gesetzes zu erleichtern. Das Bundesministerium für Arbeit und Soziales ist berechtigt, sich im Rahmen der Erstellung der Leitlinien nach Satz 2 Dritter zu bedienen.</p> <ul> <li><strong> 4 BFSG Konformitätsvermutung auf der Grundlage harmonisierter Normen</strong></li> </ul> <p>Bei Produkten und Dienstleistungen, die harmonisierten Normen oder Teilen davon entsprechen, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht worden sind, wird vermutet, dass sie die Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung erfüllen, soweit diese Anforderungen von den betreffenden Normen oder von Teilen dieser Normen abgedeckt sind.</p> <ul> <li><strong> 5 BFSG Konformitätsvermutung auf der Grundlage technischer Spezifikationen</strong></li> </ul> <p>Bei Produkten und Dienstleistungen, die den technischen Spezifikationen oder Teilen davon entsprechen, wird vermutet, dass sie die Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung erfüllen, soweit diese von den technischen Spezifikationen oder Teilen dieser technischen Spezifikationen abgedeckt sind.</p> <ul> <li><strong> 6 BFSG Pflichten des Herstellers</strong></li> </ul> <p>Der Hersteller darf ein Produkt nur in den Verkehr bringen, wenn</p> <p>das Produkt nach den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung gestaltet und hergestellt worden ist,</p> <p>die technische Dokumentation nach der Anlage 2 erstellt wurde, das Konformitätsbewertungsverfahren durchgeführt wurde und die Konformität des Produkts mit den geltenden Barrierefreiheitsanforderungen im Rahmen dieses Verfahrens nachgewiesen wurde,</p> <p>der Hersteller eine EU-Konformitätserklärung nach § 18 ausgestellt hat und</p> <p>die CE-Kennzeichnung nach § 19 angebracht wurde.</p> <p>Der Hersteller bewahrt die technische Dokumentation und die EU-Konformitätserklärung nach dem Inverkehrbringen des Produkts für die Dauer von fünf Jahren in schriftlicher oder elektronischer Form auf.</p> <p>Der Hersteller hat durch geeignete Verfahren dafür zu sorgen, dass auch bei Serienfertigung stets die Konformität mit den Anforderungen dieses Gesetzes sichergestellt ist. Änderungen am Entwurf des Produkts oder an seinen Merkmalen sowie Änderungen der in den §§ 4 und 5 genannten Normen oder technischen Spezifikationen, auf die in der Konformitätserklärung verwiesen wird, sind angemessen zu berücksichtigen.</p> <p>Hat ein Hersteller Kenntnis davon oder Grund zur Annahme, dass ein von ihm in den Verkehr gebrachtes Produkt nicht den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung entspricht, so ergreift er unverzüglich die erforderlichen Korrekturmaßnahmen, um die Konformität herzustellen. Sofern die Konformität nicht hergestellt werden kann, nimmt der Hersteller das Produkt zurück oder ruft es zurück. Wenn das Produkt den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht genügt, informiert der Hersteller unverzüglich die Marktüberwachungsbehörde sowie die Marktüberwachungsbehörden der Mitgliedstaaten der Europäischen Union, in denen er das Produkt in den Verkehr gebracht hat. Dabei macht er ausführliche Angaben, insbesondere über die Art der Nichtkonformität und die ergriffenen Korrekturmaßnahmen.</p> <p>Der Hersteller führt ein Verzeichnis derjenigen Produkte, über deren Nichtkonformität mit den geltenden Barrierefreiheitsanforderungen er die Marktüberwachungsbehörden informiert hat, und der diesbezüglichen Beschwerden. Das Verzeichnis ist schriftlich oder elektronisch zu führen.</p> <ul> <li><strong> 7 BFSG Besondere Kennzeichnungs- und Informationspflichten des Herstellers</strong></li> </ul> <p>Der Hersteller hat dafür zu sorgen, dass sein Produkt eine Typen-, Chargen- oder Seriennummer oder ein anderes Kennzeichen zu seiner Identifikation nach Maßgabe des Absatzes 4 trägt. Falls dies aufgrund der Größe oder der Art des Produkts nicht möglich ist, hat der Hersteller dafür zu sorgen, dass die zur Identifikation erforderlichen Informationen auf der Verpackung oder in einer dem Produkt beigefügten Unterlage angegeben werden.</p> <p>Der Hersteller hat beim Inverkehrbringen seinen Namen, seine Firma oder seine Marke sowie seine Postanschrift auf dem Produkt anzugeben. Falls dies aufgrund der Größe oder der Art des Produkts nicht möglich ist, sind diese Informationen auf der Verpackung oder in einer dem Produkt beigefügten Unterlage anzugeben. Die Postanschrift muss eine zentrale Stelle bezeichnen, unter der der Hersteller kontaktiert werden kann. Die Kontaktdaten sind in einer Sprache zu verfassen, die vom Verbraucher leicht verstanden werden kann.</p> <p>Der Hersteller stellt sicher, dass dem Produkt eine Gebrauchsanleitung und Sicherheitsinformationen in deutscher Sprache nach Maßgabe des Absatzes 4 beigefügt sind.</p> <p>Alle Kennzeichnungen, die Gebrauchsanleitung und die Sicherheitsinformationen müssen nach den Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung klar, verständlich und deutlich sein.</p> <p>Der Hersteller ist verpflichtet, der Marktüberwachungsbehörde auf deren begründetes Verlangen alle Auskünfte zu erteilen und alle Unterlagen auszuhändigen, die für den Nachweis der Konformität erforderlich sind. Die Auskünfte und die Unterlagen sind in deutscher Sprache oder in einer Sprache, die von der deutschen Marktüberwachungsbehörde leicht verstanden werden kann, zu erteilen und auszuhändigen. Der Hersteller arbeitet mit der Marktüberwachungsbehörde auf deren Verlangen bei allen Maßnahmen zur Herstellung der Konformität bei einem von ihm in den Verkehr gebrachten Produkt mit den geltenden Barrierefreiheitsanforderungen zusammen und stellt insbesondere die Konformität des Produkts mit den geltenden Barrierefreiheitsanforderungen her.</p> <ul> <li><strong> 8 BFSG Bevollmächtigter des Herstellers</strong></li> </ul> <p>Der Hersteller kann schriftlich einen Bevollmächtigten benennen.</p> <p>Der Bevollmächtigte nimmt die ihm vom Hersteller übertragenen Pflichten für diesen und in dessen Namen wahr.</p> <p>Ein Hersteller, der einen Bevollmächtigten einsetzt, muss diesem mindestens die folgenden Pflichten übertragen:</p> <p>die Pflicht, die EU-Konformitätserklärung und die technischen Unterlagen gemäß § 6 Absatz 2 für die Marktüberwachungsbehörde für eine Dauer von fünf Jahren aufzubewahren;</p> <p>die Pflicht, der Marktüberwachungsbehörde alle Auskünfte nach § 7 Absatz 5 Satz 1 zu erteilen und dieser alle Unterlagen nach § 7 Absatz 5 Satz 1 auszuhändigen;</p> <p>die Pflicht, mit der Marktüberwachungsbehörde auf deren Verlangen bei allen Maßnahmen zur Herstellung der Konformität zusammenzuarbeiten, soweit die betroffenen Produkte zum Aufgabenbereich des Bevollmächtigten gehören.</p> <p>Die Pflichten gemäß § 6 Absatz 1 Nummer 1 und die Pflicht zur Erstellung der technischen Dokumentation gemäß § 6 Absatz 1 Nummer 2 darf der Hersteller nicht auf einen Bevollmächtigten übertragen.</p> <ul> <li><strong> 9 BFSG Allgemeine Pflichten des Einführers</strong></li> </ul> <p>Der Einführer darf nur Produkte in den Verkehr bringen, die die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung erfüllen.</p> <p>Der Einführer darf ein Produkt erst in den Verkehr bringen, wenn</p> <p>der Hersteller das Konformitätsbewertungsverfahren gemäß Anlage 2 durchgeführt hat,</p> <p>der Hersteller die gemäß Anlage 2 erforderlichen technischen Unterlagen erstellt hat,</p> <p>das Produkt mit der CE-Kennzeichnung nach § 19 versehen ist,</p> <p>dem Produkt die Gebrauchsanleitung und Sicherheitsinformationen beigefügt sind und</p> <p>der Hersteller die Pflichten nach § 7 Absatz 1 und 2 erfüllt hat.</p> <p>Hat ein Einführer Kenntnis davon oder Grund zur Annahme, dass ein Produkt die Barrierefreiheitsanforderungen dieses Gesetzes nicht erfüllt, darf er dieses Produkt erst in den Verkehr bringen, wenn die Konformität hergestellt worden ist. 2Wenn das Produkt den Barrierefreiheitsanforderungen nicht genügt, informiert der Einführer außerdem den Hersteller und die Marktüberwachungsbehörden darüber.</p> <p>Solange sich ein Produkt im Verantwortungsbereich des Einführers befindet, muss dieser dafür sorgen, dass die Lagerungs- oder Transportbedingungen die Übereinstimmung des Produkts mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht beeinträchtigen.</p> <p>6 Absatz 4 und 5 gilt entsprechend.</p> <ul> <li><strong> 10 BFSG Besondere Kennzeichnungs- und Informationspflichten des Einführers</strong></li> </ul> <p>Der Einführer hat beim Inverkehrbringen seinen Namen, seine Firma oder seine Marke sowie seine Postanschrift auf dem Produkt anzugeben. Falls dies aufgrund der Größe oder der Art des Produkts nicht möglich ist, sind die Informationen auf der Verpackung oder in einer der dem Produkt beigefügten Unterlage anzugeben. 3Die Kontaktangaben sind in einer Sprache zu verfassen, die vom Verbraucher leicht verstanden werden kann.</p> <p>Der Einführer stellt sicher, dass dem Produkt eine den Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung entsprechende Gebrauchsanleitung und diesen Anforderungen entsprechende Sicherheitsinformationen in deutscher Sprache beigefügt sind.</p> <p>Der Einführer hat ab dem Inverkehrbringen des Produkts für die Dauer von fünf Jahren eine Kopie der EU-Konformitätserklärung für die Marktüberwachungsbehörden bereitzuhalten und dafür zu sorgen, dass er auf deren Verlangen die technischen Unterlagen vorlegen kann.</p> <p>7 Absatz 5 gilt entsprechend.</p> <ul> <li><strong> 11 BFSG Pflichten des Händlers</strong></li> </ul> <p>Der Händler darf ein Produkt erst auf dem Markt bereitstellen, wenn</p> <p>das Produkt mit der CE-Kennzeichnung nach § 19 versehen ist,</p> <p>dem Produkt die Unterlagen nach § 7 Absatz 3 beigefügt sind,</p> <p>der Hersteller seine Pflichten nach § 7 Absatz 1 und 2 erfüllt hat und</p> <p>der Einführer seine Pflichten nach § 10 Absatz 1 und 2 erfüllt hat.</p> <p>1Hat der Händler Kenntnis davon oder Grund zur Annahme, dass ein Produkt nicht den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung entspricht, darf er dieses Produkt erst auf dem Markt bereitstellen, wenn die Konformität hergestellt worden ist. 2Wenn das Produkt den geltenden Barrierefreiheitsanforderungen nicht genügt, informiert der Händler außerdem unverzüglich den Hersteller oder den Einführer sowie die Marktüberwachungsbehörden darüber.</p> <p>Solange sich ein Produkt im Verantwortungsbereich des Händlers befindet, muss dieser dafür sorgen, dass die Lagerungs- oder Transportbedingungen die Übereinstimmung des Produkts mit den Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht beeinträchtigen.</p> <p>6 Absatz 4 und § 7 Absatz 5 gelten entsprechend.</p> <ul> <li><strong> 12 BFSG Einführer oder Händler als Hersteller</strong></li> </ul> <p>Auf einen Einführer oder Händler sind die §§ 6 und 7 entsprechend anzuwenden, wenn er</p> <p>ein Produkt unter seinem eigenen Namen oder seiner eigenen Marke in den Verkehr bringt oder</p> <p>ein bereits in den Verkehr gebrachtes Produkt so ändert, dass dessen Konformität mit den Anforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung beeinträchtigt werden kann.</p> <ul> <li><strong> 13 BFSG Angabe der Wirtschaftsakteure, Verordnungsermächtigung</strong></li> </ul> <p>Der Wirtschaftsakteur hat der Marktüberwachungsbehörde auf deren Verlangen Auskunft über die Wirtschaftsakteure zu erteilen,</p> <p>von denen er ein Produkt bezogen hat und</p> <p>an die er ein Produkt abgegeben hat.</p> <p>Der Wirtschaftsakteur stellt sicher, dass er die Angaben nach Absatz 1 mindestens fünf Jahre ab dem Zeitpunkt des Bezugs des Produkts oder der Abgabe des Produkts vorlegen kann.</p> <p>Das Bundesministerium für Arbeit und Soziales wird ermächtigt, durch Rechtsverordnung, die der Zustimmung des Bundesrates bedarf, im Einverständnis mit dem Bundesministerium für Wirtschaft und Energie den in Absatz 2 genannten Zeitraum für einzelne Produkte zu verlängern, wenn dies im Hinblick auf die wirtschaftliche Nutzungsdauer des Produkts geboten erscheint.</p> <ul> <li><strong> 14 BFSG Pflichten des Dienstleistungserbringers</strong></li> </ul> <p>Der Dienstleistungserbringer darf seine Dienstleistung nur anbieten oder erbringen, wenn</p> <p>die Dienstleistung die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung erfüllt und</p> <p>er die Informationen nach Anlage 3 Nummer 1 erstellt hat und diese Informationen für die Allgemeinheit in barrierefreier Form zugänglich gemacht hat; für die Zugänglichmachung sind die Vorgaben der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung maßgebend.</p> <p>Der Dienstleistungserbringer bewahrt die Informationen nach Absatz 1 Nummer 2 so lange auf, wie er die Dienstleistung anbietet oder erbringt.</p> <p>Der Dienstleistungserbringer gewährleistet, dass die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung stets erfüllt werden, wenn er eine Dienstleistung anbietet oder erbringt. Er trägt Veränderungen bei der Art und Weise der Erbringung der Dienstleistung, Veränderungen bei den geltenden Barrierefreiheitsanforderungen und Änderungen der harmonisierten Normen oder technischer Spezifikationen, auf die bei der Erklärung der Übereinstimmung der Dienstleistung mit den Barrierefreiheitsanforderungen verwiesen wird, gebührend Rechnung.</p> <p>Bei Nichtkonformität ergreift der Dienstleistungserbringer die erforderlichen Korrekturmaßnahmen, um die Konformität der Dienstleistung mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung herzustellen. Wenn die Dienstleistung den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht genügt, informiert der Dienstleistungserbringer darüber unverzüglich die Marktüberwachungsbehörde und die Marktüberwachungsbehörden der Mitgliedstaaten der Europäischen Union, in denen er die Dienstleistung anbietet oder erbringt. 3Dabei macht er ausführliche Angaben, insbesondere über die Art der Nichtkonformität und die ergriffenen Korrekturmaßnahmen.</p> <p>Der Dienstleistungserbringer hat der Marktüberwachungsbehörde auf deren begründetes Verlangen alle Auskünfte zu erteilen, die erforderlich sind, um die Konformität der Dienstleistung nach Absatz 1 nachzuweisen. Er kooperiert mit der Marktüberwachungsbehörde auf deren begründetes Verlangen bei allen Maßnahmen, die zur Herstellung der Konformität ergriffen werden.</p> <ul> <li><strong> 15 BFSG Beratungsangebot der Bundesfachstelle für Barrierefreiheit</strong></li> </ul> <p>Die Beratung der Bundesfachstelle für Barrierefreiheit nach § 13 Absatz 2 Satz 2 des Behindertengleichstellungsgesetzes vom 27. April 2002 (BGBl. I S. 1467, 1468), das zuletzt durch Artikel 3 des Gesetzes vom 10. Juli 2018 (BGBl. I S. 1117) geändert worden ist, in der jeweils geltenden Fassung umfasst eine Beratung von Kleinstunternehmen, um diesen die Anwendung dieses Gesetzes zu erleichtern. Die Beratung nach Satz 1 beinhaltet auch eine Beratung von Kleinstunternehmen, die barrierefreie Dienstleistungen anbieten und erbringen möchten.</p> <ul> <li><strong> 16 BFSG Grundlegende Veränderungen</strong></li> </ul> <p>Die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung gelten nur insoweit, als deren Einhaltung keine wesentliche Änderung eines Produkts oder einer Dienstleistung erfordert, die zu einer grundlegenden Veränderung der Wesensmerkmale des Produkts oder der Dienstleistung führt. Der betreffende Wirtschaftsakteur nimmt eine Beurteilung vor, ob die Einhaltung der Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung eine grundlegende Veränderung der Wesensmerkmale mit sich bringen würde.</p> <p>Der Wirtschaftsakteur dokumentiert die Beurteilung nach Absatz 1 Satz 2 und bewahrt sie für einen Zeitraum von fünf Jahren ab der letzten Bereitstellung eines Produkts auf dem Markt oder ab der letzten Erbringung einer Dienstleistung auf. Auf Verlangen der Marktüberwachungsbehörde legt er dieser eine Kopie der in Absatz 1 Satz 2 genannten Beurteilung vor.</p> <p>Wenn sich der Wirtschaftsakteur bei einem bestimmten Produkt oder einer bestimmten Dienstleistung auf Absatz 1 Satz 1 beruft, unterrichtet er darüber unverzüglich die Marktüberwachungsbehörde und die Marktüberwachungsbehörden der Mitgliedstaaten der Europäischen Union, in denen das Produkt in den Verkehr gebracht wird oder die Dienstleistung angeboten oder erbracht wird.</p> <p>Absatz 2 Satz 1 und Absatz 3 gelten nicht für Kleinstunternehmen, die mit Produkten befasst sind. Auf Verlangen der Marktüberwachungsbehörde übermitteln Kleinstunternehmen, die mit Produkten befasst sind und die sich auf Absatz 1 Satz 1 berufen, der Behörde die für die Beurteilung nach Absatz 1 Satz 2 maßgeblichen Fakten.</p> <ul> <li><strong> 17 BFSG Unverhältnismäßige Belastungen, Verordnungsermächtigung</strong></li> </ul> <p>Die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung gelten nur insoweit, als deren Einhaltung nicht zu einer unverhältnismäßigen Belastung nach Anlage 4 des betreffenden Wirtschaftsakteurs führen würde. Der Wirtschaftsakteur nimmt eine entsprechende Beurteilung vor.</p> <p>Der Wirtschaftsakteur dokumentiert die Beurteilung nach Absatz 1 Satz 2 und bewahrt sie für einen Zeitraum von fünf Jahren ab der letzten Bereitstellung eines Produkts auf dem Markt oder nach der letzten Erbringung einer Dienstleistung auf. Auf Verlangen der Marktüberwachungsbehörde legt er dieser eine Kopie der in Absatz 1 Satz 2 genannten Beurteilung vor. Satz 1 und Satz 2 gelten nicht für Kleinstunternehmen, die mit Produkten befasst sind. Auf Verlangen der Marktüberwachungsbehörde übermitteln Kleinstunternehmen, die mit Produkten befasst sind und die sich auf Absatz 1 Satz 1 berufen, der Behörde jedoch die für die Beurteilung nach Absatz 1 Satz 2 maßgeblichen Fakten.</p> <p>Ein Dienstleistungserbringer, der sich auf Absatz 1 Satz 1 beruft, nimmt seine Beurteilung nach Absatz 1 Satz 2 für jede Dienstleistungskategorie oder -art mindestens alle fünf Jahre vor. Die Beurteilung nach Satz 1 hat stets zu erfolgen, wenn</p> <p>die angebotene Dienstleistung verändert wird oder</p> <p>der Dienstleistungserbringer von der für die Prüfung der Konformität der Dienstleistung zuständigen Behörde dazu aufgefordert wird.</p> <p>Wenn ein Wirtschaftsakteur zu Zwecken der Verbesserung der Barrierefreiheit nichteigene öffentliche oder private Mittel erhält, ist er nicht dazu berechtigt, sich auf Absatz 1 Satz 1 zu berufen.</p> <p>Wenn sich der Wirtschaftsakteur bei einem bestimmten Produkt oder einer bestimmten Dienstleistung auf Absatz 1 Satz 1 beruft, unterrichtet er darüber unverzüglich die zuständige Marktüberwachungsbehörde oder die für die Überprüfung der Konformität der Dienstleistungen zuständigen Behörde des Mitgliedstaats, in dem das betreffende Produkt in den Verkehr gebracht oder die betreffende Dienstleistung angeboten oder erbracht wird. Satz 1 gilt nicht für Kleinstunternehmen.</p> <p>Das Bundesministerium für Arbeit und Soziales wird ermächtigt, durch Rechtsverordnung, die der Zustimmung des Bundesrates bedarf, im Einvernehmen mit dem Bundesministerium der Finanzen und dem Bundesministerium für Wirtschaft und Energie die in Anlage 4 enthaltenen Kriterien, die der Wirtschaftsakteur bei der Beurteilung nach Absatz 1 berücksichtigen muss, zu präzisieren und zu ergänzen.</p> <ul> <li><strong> 18 BFSG EU-Konformitätserklärung für Produkte</strong></li> </ul> <p>Bevor ein Produkt, dessen Übereinstimmung mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung im Verfahren nach Anlage 2 nachgewiesen wurde, in den Verkehr gebracht wird, muss der Hersteller eine EU-Konformitätserklärung ausstellen.</p> <p>Aus der EU-Konformitätserklärung geht hervor, dass die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nachweislich erfüllt sind. Wurde von der Möglichkeit einer Ausnahme nach den §§ 16 oder 17 Gebrauch gemacht, so geht aus der EU-Konformitätserklärung hervor, welche Barrierefreiheitsanforderungen von dieser Ausnahmeregelung betroffen sind.</p> <p>Die EU-Konformitätserklärung entspricht in ihrem Aufbau dem Muster in Anhang III des Beschlusses Nr. 768/2008/EG des Europäischen Parlaments und des Rates vom 9. Juli 2008 über einen gemeinsamen Rechtsrahmen für die Vermarktung von Produkten und zur Aufhebung des Beschlusses 93/465/EWG des Rates (ABl. L 218 vom 13.8.2008, S. 82). Sie enthält die in Anlage 2 angegebenen Elemente und wird auf dem neuesten Stand gehalten. Sie wird in die deutsche Sprache übersetzt. Die Anforderungen an die technischen Unterlagen dürfen Kleinstunternehmen sowie kleinen und mittleren Unternehmen keinen übermäßigen Aufwand auferlegen.</p> <p>Unterliegt das Produkt mehreren Rechtsakten der Europäischen Union, in denen jeweils eine EU-Konformitätserklärung vorgeschrieben ist, so stellt der Hersteller oder ein von ihm Bevollmächtigter eine einzige EU-Konformitätserklärung für sämtliche Rechtsakte der Europäischen Union aus. In dieser Erklärung sind die betreffenden Rechtsakte samt Fundstelle anzugeben.</p> <ul> <li><strong> 19 BFSG CE-Kennzeichnung</strong></li> </ul> <p>Bevor ein Produkt, dessen Übereinstimmung mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung im Konformitätsbewertungsverfahren nach Anlage 2 nachgewiesen wurde, in den Verkehr gebracht wird, ist es vom Hersteller oder seinem Bevollmächtigten, soweit es diesem übertragen wurde, mit der CE-Kennzeichnung nach Maßgabe des Absatzes 2 zu versehen.</p> <p>Die CE-Kennzeichnung wird deutlich sichtbar, gut lesbar und dauerhaft auf dem Produkt oder seiner Datenplakette angebracht. Falls die Art des Produkts dies nicht zulässt oder nicht rechtfertigt, wird die CE-Kennzeichnung auf der Verpackung und den Begleitunterlagen angebracht.</p> <p>Für die CE-Kennzeichnung gelten die allgemeinen Grundsätze nach Artikel 30 der Verordnung (EG) Nr. 765/2008 des Europäischen Parlaments und des Rates vom 9. Juli 2008 über die Vorschriften für die Akkreditierung und Marktüberwachung im Zusammenhang mit der Vermarktung von Produkten und zur Aufhebung der Verordnung (EWG) Nr. 339/93 des Rates (ABl. L 218 vom 13.8.2008, S. 30; ABl. L 169 vom 25.6.2019, S. 1) in der jeweils geltenden Fassung.</p> <ul> <li><strong> 20 BFSG Aufgaben der Marktüberwachungsbehörden</strong></li> </ul> <p>Die Länder stellen sicher, dass ihre Marktüberwachungsbehörden ihre Aufgaben ordnungsgemäß wahrnehmen können. Dafür statten sie sie mit den notwendigen Ressourcen aus. Sie stellen eine effiziente Zusammenarbeit und einen wirksamen Informationsaustausch ihrer Marktüberwachungsbehörden untereinander sowie zwischen ihren Marktüberwachungsbehörden und denjenigen der anderen Mitgliedstaaten der Europäischen Union sicher.</p> <p>Die Länder erstellen eine Marktüberwachungsstrategie für Produkte im Sinne des § 1 Absatz 2. Bei deren Ausarbeitung ist Artikel 13 Absatz 1 und 2 der Verordnung (EU) 2019/1020 des Europäischen Parlaments und des Rates vom 20. Juni 2019 über Marktüberwachung und die Konformität von Produkten sowie zur Änderung der Richtlinie 2004/42/EG und der Verordnungen (EG) Nr. 765/2008 und (EU) Nr. 305/2011 (ABl. L 169 vom 25.6.2019, S. 1) auf Produkte im Sinne des § 1 Absatz 2 entsprechend anzuwenden. Die Länder übermitteln der zentralen Verbindungsstelle gemäß Artikel 10 Absatz 3 der Verordnung (EU) 2019/1020 ihre Marktüberwachungsstrategie nach Satz 1.</p> <ul> <li><strong> 21 BFSG Marktüberwachungsmaßnahmen</strong></li> </ul> <p>Die Marktüberwachung von Produkten erfolgt nach der von den Ländern nach § 20 Absatz 2 Satz 1 entwickelten Marktüberwachungsstrategie und den weiteren Bestimmungen dieses Gesetzes.</p> <p>Für die Marktüberwachung von Produkten gelten Artikel 2 Absatz 3, Artikel 11 Absatz 2, 3 und 5, Artikel 14 Absatz 2, Artikel 16 Absatz 3 Buchstabe g und Absatz 5 sowie die Artikel 17 und 22 der Verordnung (EU) 2019/1020 entsprechend. Die Marktüberwachungsbehörden haben die Befugnisse entsprechend Artikel 14 Absatz 4 Buchstabe a, b, e und j der Verordnung (EU) 2019/1020. 3Die Befugnisse nach Artikel 14 Absatz 4 Buchstabe e der Verordnung (EU) 2019/1020 bestehen nur zu den üblichen Betriebs- und Geschäftszeiten.</p> <p>Die Marktüberwachungsbehörde prüft für den Fall, dass sich der Hersteller, Einführer oder Händler auf § 16 oder § 17 berufen hat,</p> <p>ob der Wirtschaftsakteur die nach der jeweiligen Vorschrift erforderliche Beurteilung durchgeführt hat,</p> <p>die Beurteilung einschließlich der ordnungsgemäßen Anwendung der in Anlage 4 genannten Kriterien und</p> <p>ob die übrigen Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung eingehalten werden.</p> <p>Die Marktüberwachungsbehörde stellt einem Verbraucher auf Antrag Folgendes in einer für ihn wahrnehmbaren Form zur Verfügung:</p> <p>die ihr vorliegenden Informationen darüber, ob ein bestimmter Wirtschaftsakteur die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung einhält und</p> <p>die Beurteilung, die der Wirtschaftsakteur nach § 16 Absatz 1 Satz 2 und § 17 Absatz 1 Satz 2 durchgeführt hat.</p> <p>Soweit dies erforderlich ist, soll die Marktüberwachungsbehörde die ihr vorliegenden Informationen in einfacher und verständlicher Weise erläutern. Ist eine solche Erläuterung nach Satz 2 für den Verbraucher nicht ausreichend, soll die Marktüberwachungsbehörde die Informationen in Leichter Sprache erläutern. Die Verpflichtung nach Satz 1 gilt nicht, wenn die Informationen entsprechend Artikel 17 der Verordnung (EU) Nr. 2019/1020 aus Gründen der Vertraulichkeit nicht erteilt werden können.</p> <p>Menschen mit Hörbehinderungen und Menschen mit Sprachbehinderungen haben das Recht, im Verfahren nach Absatz 4 in Deutscher Gebärdensprache, mit lautsprachbegleitenden Gebärden oder über andere geeignete Kommunikationshilfen mit der Marktüberwachungsbehörde zu kommunizieren. Die Kosten für Kommunikationshilfen sind von der Marktüberwachungsbehörde zu tragen. § 5 der Kommunikationshilfenverordnung vom 17. Juli 2002 (BGBl. I S. 2650), die zuletzt durch Artikel 12 Absatz 2 des Gesetzes vom 21. Dezember 2020 (BGBl. I S. 3229) geändert worden ist, in der jeweils geltenden Fassung gilt entsprechend.</p> <p>Die §§ 10 und 11 des Behindertengleichstellungsgesetzes gelten für das Verfahren nach Absatz 4 entsprechend.</p> <ul> <li><strong> 22 BFSG Maßnahmen der Marktüberwachung bei Produkten, die die Barrierefreiheitsanforderungen nicht erfüllen</strong></li> </ul> <p>Hat die Marktüberwachungsbehörde Grund zu der Annahme, dass ein Produkt die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht erfüllt, so prüft sie, ob das Produkt die Anforderungen erfüllt. Die Wirtschaftsakteure sind verpflichtet, zu diesem Zwecke umfassend mit der Marktüberwachungsbehörde zusammenzuarbeiten.</p> <p>Gelangt die Marktüberwachungsbehörde zu dem Ergebnis, dass das Produkt die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht erfüllt, so fordert sie unverzüglich den betreffenden Wirtschaftsakteur auf, innerhalb einer von ihr festgesetzten angemessenen Frist die geeigneten Maßnahmen zu ergreifen, um die Konformität herzustellen. Für die Anhörung des betroffenen Wirtschaftsakteurs nach § 28 des Verwaltungsverfahrensgesetzes oder nach den dieser Bestimmung entsprechenden Anhörungsvorschriften der Länder darf die Anhörungsfrist nicht weniger als zehn Tage betragen.</p> <p>Der Wirtschaftsakteur hat sicherzustellen, dass sich die Maßnahmen, die er zur Herstellung der Konformität ergreift, auf alle betroffenen Produkte erstrecken, die er auf dem Markt der Europäischen Union bereitgestellt hat.</p> <p>Ergreift der Wirtschaftsakteur innerhalb der nach Absatz 2 Satz 1 gesetzten Frist keine geeigneten Maßnahmen zur Herstellung der Konformität, so trifft die Marktüberwachungsbehörde die geeigneten Maßnahmen, um die Bereitstellung des Produktes auf dem deutschen Markt einzuschränken, oder sie untersagt die Bereitstellung auf dem Markt oder sorgt dafür, dass das Produkt zurückgenommen oder zurückgerufen wird. Ist kein Wirtschaftsakteur im Binnenmarkt ansässig, können die Maßnahmen gegen jeden gerichtet werden, der die Weitergabe im Auftrag des Wirtschaftsakteurs vornimmt. Absatz 2 Satz 2 gilt entsprechend. Wurde eine Maßnahme getroffen, ohne dass der betroffene Wirtschaftsakteur angehört wurde, wird ihm unverzüglich Gelegenheit gegeben, sich zu äußern. Auf die Stellungnahme hin wird die Maßnahme umgehend überprüft.</p> <p>Hat die Marktüberwachungsbehörde Grund zur Annahme, dass sich eine nach Absatz 2 festgestellte Nichtkonformität nicht auf das deutsche Hoheitsgebiet beschränkt, so trifft sie die Maßnahmen nach Absatz 4 unter dem Vorbehalt, dass sie widerrufen werden, wenn die Europäische Kommission nach Artikel 21 Absatz 1 der Richtlinie (EU) 2019/882 feststellt, dass die Maßnahmen nicht gerechtfertigt sind.</p> <ul> <li><strong> 23 BFSG Maßnahmen bei formaler Nichtkonformität von Produkten</strong></li> </ul> <p>Stellt die Marktüberwachungsbehörde eine formale Nichtkonformität fest, so fordert sie den Wirtschaftsakteur auf, die formale Nichtkonformität innerhalb einer angemessenen Frist zu korrigieren. § 22 Absatz 2 Satz 2 gilt entsprechend.</p> <p>Eine formale Nichtkonformität liegt vor, wenn</p> <p>die CE-Kennzeichnung nicht oder unter Nichteinhaltung der Vorgaben des § 19 angebracht wurde,</p> <p>die EU-Konformitätserklärung nach § 18 nicht oder nicht ordnungsgemäß ausgestellt wurde,</p> <p>die technischen Unterlagen nicht verfügbar oder nicht vollständig sind,</p> <p>die Angaben des Herstellers nach § 7 Absatz 2 oder des Einführers nach § 10 Absatz 1 fehlen, falsch oder unvollständig sind oder</p> <p>eine andere formale Verpflichtung nach § 6, § 7, § 9 oder § 10 nicht erfüllt ist.</p> <p>Ergreift der Wirtschaftsakteur innerhalb der nach Absatz 1 gesetzten Frist keine geeigneten Maßnahmen zur Herstellung der Konformität, so trifft die Marktüberwachungsbehörde geeignete Maßnahmen, um die Bereitstellung des Produkts auf dem Markt zu beschränken, oder sie untersagt die Bereitstellung auf dem Markt solange, bis die Konformität hergestellt ist. § 22 Absatz 2 Satz 2 und Absatz 4 Satz 4 und 5 gilt entsprechend.</p> <ul> <li><strong> 24 BFSG Pflichten der Marktüberwachungsbehörde und der Bundesanstalt für Arbeitsschutz und Arbeitsmedizin bei Nichtkonformität von Produkten, die sich nicht auf das deutsche Hoheitsgebiet beschränken</strong></li> </ul> <p>Ist die Marktüberwachungsbehörde nach der Prüfung nach § 22 Absatz 1 der Auffassung, dass die beanstandeten Produkte auch in anderen Mitgliedstaaten der Europäischen Union auf dem Markt bereitgestellt werden, so informiert sie unverzüglich die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin. Sie informiert die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin auch über das Ergebnis der Prüfung nach § 22 Absatz 1 und über die Maßnahmen, die zu ergreifen sie den Wirtschaftsakteur aufgefordert hat.</p> <p>Trifft die Marktüberwachungsbehörde Maßnahmen nach § 22 Absatz 4, so informiert sie unverzüglich die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin über die getroffenen Maßnahmen. Die Information enthält alle verfügbaren Angaben, insbesondere die Daten für die Identifizierung des betroffenen Produktes, die Herkunft des Produktes, die Art der behaupteten Nichtkonformität sowie die Art und Dauer der ergriffenen Maßnahmen und die Argumente des betreffenden Wirtschaftsakteurs. Die Information enthält darüber hinaus Angaben dazu, ob die behauptete Nichtkonformität darauf beruht, dass</p> <p>das Produkt die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht erfüllt oder</p> <p>die harmonisierten Normen oder die technischen Spezifikationen, bei deren Einhaltung nach den §§ 4 und 5 eine Konformitätsvermutung gilt, mangelhaft sind.</p> <p>Die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin überprüft die eingegangenen Informationen nach Absatz 1 und Absatz 2 auf Vollständigkeit und Schlüssigkeit. Sie leitet diese Informationen unverzüglich an die Europäische Kommission und die übrigen Mitgliedstaaten der Europäischen Union weiter.</p> <p>Die Marktüberwachungsbehörde hebt den Widerrufsvorbehalt nach § 22 Absatz 5 auf, wenn</p> <p>die Frist von drei Monaten nach Artikel 20 Absatz 7 der Richtlinie (EU) 2019/882 verstrichen ist, ohne dass ein Mitgliedstaat der Europäischen Union Einwände gegen die Maßnahmen erhoben hat, oder</p> <p>die Europäische Kommission nach Artikel 21 Absatz 1 der Richtlinie (EU) 2019/882 festgestellt hat, dass die Maßnahmen gerechtfertigt sind.</p> <p>Die Marktüberwachungsbehörde widerruft die nach § 22 Absatz 4 getroffenen Maßnahmen, wenn die Europäische Kommission nach Artikel 21 Absatz 1 der Richtlinie (EU) 2019/882 feststellt, dass die Maßnahmen nicht gerechtfertigt sind.</p> <ul> <li><strong> 25 BFSG Unterstützungsverpflichtung</strong></li> </ul> <p>Die Marktüberwachungsbehörden und die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin haben einander zu unterstützen und sich gegenseitig über Maßnahmen nach diesem Gesetz zu informieren.</p> <p>Die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin informiert die Marktüberwachungsbehörden über Meldungen der Europäischen Kommission oder eines anderen Mitgliedstaates der Europäischen Union.</p> <ul> <li><strong> 26 BFSG Pflichten der Marktüberwachungsbehörde bei Maßnahmen anderer Mitgliedstaaten, bei Produkten, die gegen die Barrierefreiheitsanforderungen verstoßen</strong></li> </ul> <p>Wird die Marktüberwachungsbehörde von der Bundesanstalt für Arbeitsschutz und Arbeitsmedizin darüber informiert, dass ein anderer Mitgliedstaat eine Maßnahme nach Artikel 20 Absatz 4 der Richtlinie (EU) 2019/882 getroffen hat, so prüft sie unverzüglich, ob diese Maßnahme gerechtfertigt ist. Die Marktüberwachungsbehörde informiert die nationalen Wirtschaftsakteure in geeigneter Weise über die Maßnahme des anderen Mitgliedstaates und gibt ihnen Gelegenheit zur Stellungnahme. Die Frist zur Stellungnahme beträgt vier Wochen ab der Möglichkeit der Kenntnisnahme.</p> <p>Kommt die Marktüberwachungsbehörde zu dem Ergebnis, dass die Maßnahme nicht gerechtfertigt ist, so übermittelt sie der Bundesanstalt für Arbeitsschutz und Arbeitsmedizin unverzüglich ihre Einwände nach Artikel 20 Absatz 6 der Richtlinie (EU) 2019/882. Die Bundesanstalt für Arbeitsschutz und Arbeitsmedizin leitet diese Einwände unverzüglich an die Europäische Kommission und die übrigen Mitgliedstaaten weiter.</p> <p>Werden weder von der Europäischen Kommission noch von einem der Mitgliedstaaten der Europäischen Union innerhalb einer Frist von drei Monaten Einwände erhoben, so gilt die Maßnahme als gerechtfertigt. Die Marktüberwachungsbehörde trifft in diesem Fall geeignete Maßnahmen, um die Bereitstellung des Produkts auf dem Markt einzuschränken, oder sie untersagt die Bereitstellung auf dem Markt oder sorgt dafür, dass das Produkt zurückgenommen oder zurückgerufen wird. Die Marktüberwachungsbehörde macht die Maßnahmen in geeigneter Weise öffentlich bekannt.</p> <p>Absatz 3 gilt auch in den Fällen, in denen die Europäische Kommission nach Artikel 21 Absatz 1 der Richtlinie (EU) 2019/882 festgestellt hat, dass die Maßnahme eines anderen Mitgliedstaates gerechtfertigt ist.</p> <ul> <li><strong> 27 BFSG Aufgaben der zentralen Verbindungsstelle</strong></li> </ul> <p>Die zentrale Verbindungsstelle teilt der Europäischen Kommission und den anderen Mitgliedstaaten der Europäischen Union mit:</p> <p>die nach § 20 Absatz 2 von den Ländern übermittelte Marktüberwachungsstrategie und</p> <p>die Marktüberwachungsbehörden und deren jeweilige Zuständigkeiten.</p> <p>Hierfür greift sie auf das in Artikel 34 der Verordnung (EU) 2019/1020 genannte Informations- und Kommunikationssystem zurück. Die Länder teilen der zentralen Verbindungsstelle die nach Satz 1 Nummer 2 erforderlichen Informationen mit.</p> <p>Die zentrale Verbindungsstelle stellt der Öffentlichkeit eine Zusammenfassung der Marktüberwachungsstrategie zur Verfügung.</p> <p>Die zentrale Verbindungsstelle nimmt in Abstimmung mit den betroffenen Bundesministerien die Aufgaben nach Artikel 31 Absatz 2 Buchstabe a, f, g und m der Verordnung (EU) 2019/1020 im Hinblick auf die Marktüberwachung von Barrierefreiheitsanforderungen für Produkte nach der Richtlinie (EU) 2019/882 wahr.</p> <ul> <li><strong> 28 BFSG Marktüberwachung von Dienstleistungen</strong></li> </ul> <p>Hat die Marktüberwachungsbehörde Grund zu der Annahme, dass das Angebot oder die Erbringung einer Dienstleistung die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht erfüllt, so prüft sie, ob die Dienstleistung die Anforderungen erfüllt.</p> <p>Die Marktüberwachungsbehörde überprüft eine Dienstleistung auch ohne konkreten Anlass anhand angemessener Stichproben auf geeignete Art und Weise und in angemessenem Umfang darauf, ob und inwiefern die Dienstleistung den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung an die Barrierefreiheit genügt. Bei Webseiten oder mobilen Anwendungen zieht sie die Vorgaben der Anlage 1 Nummer 1 heran und wählt die Stichproben der zu prüfenden Dienstleistungen gemäß den Vorgaben der Anlage 1 Nummer 2 aus.</p> <p>Die Marktüberwachungsbehörde überprüft für den Fall, dass sich der Dienstleistungserbringer auf § 16 oder § 17 berufen hat,</p> <p>ob der Dienstleistungserbringer die nach der jeweiligen Vorschrift erforderliche Beurteilung durchgeführt hat,</p> <p>die Beurteilung einschließlich der ordnungsgemäßen Anwendung der in Anlage 4 genannten Kriterien und</p> <p>ob die übrigen Barrierefreiheitsanforderungen eingehalten werden.</p> <p>Die Marktüberwachungsbehörde stellt einem Verbraucher auf Antrag Folgendes in einer für ihn wahrnehmbaren Form zur Verfügung:</p> <p>die ihr vorliegenden Informationen darüber, ob ein bestimmter Wirtschaftsakteur die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung einhält und</p> <p>die Beurteilung, die der Wirtschaftsakteur nach § 16 Absatz 1 Satz 2 oder § 17 Absatz 1 Satz 2 vorgenommen hat.</p> <p>Falls erforderlich, soll die Marktüberwachungsbehörde die ihr vorliegenden Informationen in einfacher und verständlicher Weise erläutern. Ist eine Erläuterung nach Satz 2 für den Verbraucher nicht ausreichend, soll die Marktüberwachungsbehörde die Informationen in Leichter Sprache erläutern. Die Verpflichtung nach Satz 1 gilt nicht, wenn die Informationen gemäß Artikel 17 der Verordnung (EU) Nr. 2019/1020 aus Gründen der Vertraulichkeit nicht erteilt werden können.</p> <p>Menschen mit Hörbehinderungen und Menschen mit Sprachbehinderungen haben das Recht, im Verfahren nach Absatz 4 in Deutscher Gebärdensprache, mit lautsprachbegleitenden Gebärden oder über andere geeignete Kommunikationshilfen mit der Marktüberwachungsbehörde zu kommunizieren. Die Kosten für Kommunikationshilfen sind von der Marktüberwachungsbehörde zu tragen. § 5 der Kommunikationshilfenverordnung gilt entsprechend.</p> <p>Die §§ 10 und 11 des Behindertengleichstellungsgesetzes gelten für das Verfahren nach Absatz 4 entsprechend.</p> <ul> <li><strong> 29 BFSG Maßnahmen der Marktüberwachung bei Dienstleistungen, die die Barrierefreiheitsanforderungen nicht erfüllen</strong></li> </ul> <p>Gelangt die Marktüberwachungsbehörde zu dem Ergebnis, dass die Dienstleistung die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung nicht erfüllt, so fordert sie den Dienstleistungserbringer unverzüglich auf, innerhalb einer von ihr festgesetzten angemessenen Frist geeignete Maßnahmen zu ergreifen, um die Konformität herzustellen. § 22 Absatz 2 Satz 2 gilt entsprechend.</p> <p>Ergreift der Dienstleistungserbringer innerhalb der nach Absatz 1 gesetzten Frist keine geeigneten Korrekturmaßnahmen, fordert die Marktüberwachungsbehörde den Dienstleistungserbringer unter Androhung der Untersagung des Angebots oder der Erbringung der Dienstleistung erneut auf, innerhalb einer von ihr gesetzten angemessenen Frist geeignete Korrekturmaßnahmen zu ergreifen, um die Übereinstimmung der Dienstleistung mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung herzustellen. § 22 Absatz 2 Satz 2 und Absatz 4 Satz 4 und 5 gilt entsprechend.</p> <p>Ergreift der Dienstleistungserbringer innerhalb der nach Absatz 2 gesetzten Frist keine geeigneten Korrekturmaßnahmen, so trifft die Marktüberwachungsbehörde die erforderlichen Maßnahmen, um die Nichterfüllung der Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung abzustellen. Sie kann insbesondere innerhalb einer von ihr gesetzten Frist anordnen, das Angebot oder die Erbringung der Dienstleistung einzustellen. Weist der Dienstleistungserbringer der Marktüberwachungsbehörde nach, dass die Konformität der Dienstleistung mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung hergestellt ist, hebt die Marktüberwachungsbehörde die Anordnung auf.</p> <ul> <li><strong> 30 BFSG Maßnahmen bei formaler Nichtkonformität von Dienstleistungen</strong></li> </ul> <p>Stellt die Marktüberwachungsbehörde eine formale Nichtkonformität fest, so fordert sie den Dienstleistungserbringer auf, die formale Nichtkonformität innerhalb einer angemessenen Frist zu korrigieren. § 22 Absatz 2 Satz 2 bis 4 gilt entsprechend.</p> <p>Eine formale Nichtkonformität liegt vor, wenn die notwendigen Informationen nach Anlage 3 nicht oder nicht vollständig erstellt wurden oder die Informationen für die Allgemeinheit nicht oder nicht vollständig in barrierefreier Form zugänglich gemacht wurden.</p> <p>Ergreift der Dienstleistungserbringer innerhalb der nach Absatz 1 gesetzten Frist keine geeigneten Korrekturmaßnahmen, fordert die Marktüberwachungsbehörde den Dienstleistungserbringer unter Androhung der Untersagung des Angebots oder der Erbringung der Dienstleistung erneut auf, innerhalb einer von ihr gesetzten angemessenen Frist geeignete Korrekturmaßnahmen zu ergreifen, um die Konformität herzustellen. § 22 Absatz 2 Satz 2 bis 4 gilt entsprechend.</p> <p>Ergreift der Dienstleistungserbringer innerhalb der nach Absatz 3 gesetzten Frist keine geeigneten Korrekturmaßnahmen, so trifft die Marktüberwachungsbehörde die erforderlichen Maßnahmen, um die formale Nichtkonformität abzustellen. Weist der Dienstleistungserbringer nach, dass die Konformität der Dienstleistung hergestellt ist, so hebt die Marktüberwachungsbehörde die Anordnung auf.</p> <ul> <li><strong> 31 BFSG Veröffentlichung von Information</strong></li> </ul> <p>Die Marktüberwachungsbehörde hat die Öffentlichkeit in geeigneter Weise, zum Beispiel auf ihrer Webseite, über ihre Existenz, ihre Zuständigkeiten, die Möglichkeiten der Kontaktaufnahme, ihre Arbeit und ihre Entscheidungen barrierefrei zu informieren.</p> <p>Die Marktüberwachungsbehörde stellt einem Verbraucher auf Antrag die Informationen nach Absatz 1 in einer für ihn wahrnehmbaren Form zur Verfügung. Falls erforderlich, erläutert die Marktüberwachungsbehörde dem Antragsteller die Informationen in einfacher und verständlicher Weise. Ist eine solche Erläuterung für den Antragsteller nicht ausreichend, soll die Marktüberwachungsbehörde die Informationen in Leichter Sprache erläutern.</p> <ul> <li><strong> 32 BFSG Rechte von Verbrauchern, anerkannten Verbänden und qualifizierten Einrichtungen im Verwaltungsverfahren</strong></li> </ul> <p>Auf Antrag eines Verbrauchers hat die Marktüberwachungsbehörde ein Verfahren zur Durchführung von Maßnahmen nach Abschnitt 6 oder Abschnitt 7 dieses Gesetzes gegen einen Wirtschaftsakteur einzuleiten, wenn der Verbraucher geltend macht, dass der Wirtschaftsakteur gegen eine Bestimmung dieses Gesetzes oder eine Bestimmung der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung verstößt und der Verbraucher daher das betreffende Produkt oder die betreffende Dienstleistung nicht oder nur in eingeschränkter Weise nutzen kann. Der Verbraucher hat das Recht, einen nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes anerkannten Verband oder eine qualifizierte Einrichtung im Sinne des § 3 Absatz 1 Nummer 1 des Unterlassungsklagengesetzes in der Fassung der Bekanntmachung vom 27. August 2002 (BGBl. I S. 3422, 4346), das zuletzt durch Artikel 2 des Gesetzes vom 26. November 2020 (BGBl. I S. 2568) geändert worden ist, in der jeweils geltenden Fassung zu beauftragen, in seinem Namen oder an seiner Stelle die Einleitung eines Verfahrens nach Satz 1 zu beantragen. 3Nach dem Eingang eines Antrags nach Satz 1 ist dem betreffenden Wirtschaftsakteur Gelegenheit zur Stellungnahme zu geben.</p> <p>Das Verfahren nach Absatz 1 Satz 1 gegen einen Wirtschaftsakteur ist auch einzuleiten, wenn ein nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes anerkannter Verband oder eine qualifizierte Einrichtung im Sinne des § 3 Absatz 1 Nummer 1 des Unterlassungsklagengesetzes dies unter den Voraussetzungen beantragt, dass der Wirtschaftsakteur gegen eine Bestimmung dieses Gesetzes oder eine Bestimmung der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung verstößt und der Verstoß den jeweiligen satzungsgemäßen Aufgabenbereich des Verbands oder der qualifizierten Einrichtung berührt. Der Verband oder die qualifizierte Einrichtung hat im Antrag darzulegen, dass sein satzungsgemäßer Aufgabenbereich berührt ist. Zur Geltendmachung des Rechts aus Satz 1 bedarf es keiner eigenen Rechtsverletzung des Verbandes.</p> <p>Die Marktüberwachungsbehörde entscheidet über einen Antrag nach Absatz 1 oder Absatz 2 durch Bescheid.</p> <p>Menschen mit Hörbehinderungen und Menschen mit Sprachbehinderungen haben das Recht, im Verwaltungsverfahren nach Absatz 1 und Absatz 2 in Deutscher Gebärdensprache, mit lautsprachbegleitenden Gebärden oder über andere geeignete Kommunikationshilfen zu kommunizieren. Die Kosten für Kommunikationshilfen sind von der Marktüberwachungsbehörde zu tragen. § 5 der Kommunikationshilfenverordnung gilt entsprechend.</p> <p>Die §§ 10 und 11 des Behindertengleichstellungsgesetzes gelten für das Verwaltungsverfahren nach dieser Vorschrift entsprechend.</p> <ul> <li><strong> 33 BFSG Rechtsbehelfe</strong></li> </ul> <p>Der Verbraucher hat unter den Voraussetzungen des § 32 Absatz 1 Satz 1 das Recht, einen nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes anerkannten Verband oder eine qualifizierte Einrichtung im Sinne des § 3 Absatz 1 Satz 1 Nummer 1 des Unterlassungsklagengesetzes zu beauftragen, in seinem Namen oder an seiner Stelle Rechtsbehelfe nach Maßgabe der Verwaltungsgerichtsordnung gegen den an ihn gerichteten Bescheid nach § 32 Absatz 3 oder gegen dessen Unterlassen einzulegen. Die Vertretungsbefugnis nach Satz 1 gilt auch vor dem Oberverwaltungsgericht und dem Bundesverwaltungsgericht. Handelt der anerkannte Verband oder die qualifizierte Einrichtung anstelle des Verbrauchers, kann der anerkannte Verband oder die qualifizierte Einrichtung auch vor dem Oberverwaltungsgericht und dem Bundesverwaltungsgericht den Rechtsstreit selbst führen. Vor dem Bundesverwaltungsgericht muss der anerkannte Verband oder die qualifizierte Einrichtung durch Personen mit der Befähigung zum Richteramt handeln.</p> <p>Ein nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes anerkannter Verband oder eine qualifizierte Einrichtung im Sinne des § 3 Absatz 1 Satz 1 Nummer 1 des Unterlassungsklagengesetzes kann, ohne in eigenen Rechten verletzt zu sein, Rechtsbehelfe nach Maßgabe der Verwaltungsgerichtsordnung gegen einen an ihn gerichteten Bescheid nach § 32 Absatz 3 oder gegen dessen Unterlassen einlegen, wenn er geltend macht, dass eine Bestimmung dieses Gesetzes oder der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung verletzt ist und dass die Verletzung den jeweiligen satzungsgemäßen Aufgabenbereich des anerkannten Verbands oder der qualifizierten Einrichtung berührt. Der anerkannte Verband oder die qualifizierte Einrichtung kann den Rechtsstreit auch vor dem Oberverwaltungsgericht und dem Bundesverwaltungsgericht selbst führen. Absatz 1 Satz 4 gilt entsprechend.</p> <ul> <li><strong> 34 BFSG Schlichtung</strong></li> </ul> <p>Ein Verbraucher, der geltend macht, dass ein Wirtschaftsakteur gegen eine Bestimmung dieses Gesetzes oder der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung verstößt und er daher das betreffende Produkt oder die betreffende Dienstleistung nicht oder nur in eingeschränkter Weise nutzen kann, ist berechtigt, bei der Schlichtungsstelle nach § 16 Absatz 1 des Behindertengleichstellungsgesetzes einen Antrag auf Einleitung eines Schlichtungsverfahrens zu stellen. Die Schlichtungsstelle zieht die Marktüberwachungsbehörde auf Antrag des Verbrauchers als Beteiligte im Schlichtungsverfahren hinzu. Sie übermittelt zur Durchführung des Schlichtungsverfahrens eine Abschrift des Schlichtungsantrags an den Wirtschaftsakteur und die Marktüberwachungsbehörde.</p> <p>Bei der Schlichtungsstelle nach Absatz 1 kann ergänzend auch ein Antrag auf Einleitung eines Schlichtungsverfahrens zur außergerichtlichen Beilegung einer Streitigkeit aus einem Verbrauchervertrag oder über das Bestehen eines solchen Vertragsverhältnisses gestellt werden.</p> <p>Absatz 1 gilt entsprechend für einen nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes anerkannten Verband oder eine qualifizierte Einrichtung im Sinne des § 3 Absatz 1 Satz 1 Nummer 1 des Unterlassungsklagengesetzes, der geltend macht, dass eine Bestimmung dieses Gesetzes oder eine Bestimmung der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung verletzt ist und die Verletzung den jeweiligen satzungsgemäßen Aufgabenbereich des Verbands oder der qualifizierten Einrichtung berührt.</p> <p>Ein Verfahren nach § 32 Absatz 1 oder 2 ist bis zur Beendigung des Schlichtungsverfahrens auszusetzen.</p> <p>Im Übrigen gilt § 16 Absatz 4 bis 7 des Behindertengleichstellungsgesetzes und die Behindertengleichstellungsschlichtungsverordnung vom 25. November 2016 (BGBl. I S. 2659), die durch Artikel 2 der Verordnung vom 21. Mai 2019 (BGBl. I S. 738) geändert worden ist.</p> <ul> <li><strong> 35 BFSG Auskunftspflichten der Wirtschaftsakteure</strong></li> </ul> <p>Die Wirtschaftsakteure sind verpflichtet, der Marktüberwachungsbehörde auf deren begründetes Verlangen die Auskünfte zu erteilen, die für die Erfüllung der Aufgaben der Marktüberwachungsbehörden nach diesem Gesetz erforderlich sind. Ein nach diesem Gesetz zur Auskunft Verpflichteter kann die Auskunft auf solche Fragen verweigern, deren Beantwortung ihn selbst oder einen der in § 383 Absatz 1 Nummer 1 bis 3 der Zivilprozessordnung bezeichneten Angehörigen der Gefahr strafgerichtlicher Verfolgung oder eines Verfahrens nach dem Gesetz über Ordnungswidrigkeiten aussetzen würde. Er ist über sein Recht zur Auskunftsverweigerung zu belehren.</p> <ul> <li><strong> 36 BFSG Berichterstattung an die Europäische Kommission</strong></li> </ul> <p>Zur Vorbereitung der Berichterstattung an die Europäische Kommission teilen die Länder auf Anforderung des Bundesministeriums für Arbeit und Soziales oder einer von diesem Ministerium benannten und in dessen Geschäftsbereich liegenden Behörde den Vorgaben entsprechend innerhalb der gesetzten Frist, diesem oder der vorgenannten Behörde alle notwendigen Informationen nach Artikel 33 Absatz 3 in Verbindung mit Absatz 2 der Richtlinie (EU) 2019/882 mit, insbesondere Angaben zu Fortschritten bei der Barrierefreiheit von Produkten und Dienstleistungen sowie zu Auswirkungen dieses Gesetzes auf Wirtschaftsakteure und auf Menschen mit Behinderungen. Die Länder stellen diese Informationen auf elektronischem Wege zur Verfügung.</p> <ul> <li><strong> 37 BFSG Bußgeldvorschriften</strong></li> </ul> <p>Ordnungswidrig handelt, wer vorsätzlich oder fahrlässig</p> <p>entgegen § 6 Absatz 1 Nummer 1 oder § 9 Absatz 1, jeweils in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2, ein Produkt in den Verkehr bringt,</p> <p>entgegen § 6 Absatz 4 Satz 3, auch in Verbindung mit § 11 Absatz 4, entgegen § 11 Absatz 2 Satz 2 oder § 14 Absatz 4 Satz 2, jeweils in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2, eine Information nicht, nicht richtig, nicht vollständig oder nicht rechtzeitig gibt,</p> <p>entgegen § 7 Absatz 1 Satz 1, auch in Verbindung mit Satz 2, jeweils in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2, nicht dafür sorgt, dass ein Produkt eine dort genannte Nummer oder ein dort genanntes Kennzeichen trägt,</p> <p>entgegen § 7 Absatz 2 Satz 1, auch in Verbindung mit Satz 2, oder § 10 Absatz 1 Satz 1, auch in Verbindung mit Satz 2, eine Angabe nicht, nicht richtig, nicht vollständig, nicht in der vorgeschriebenen Weise oder nicht rechtzeitig macht,</p> <p>entgegen § 7 Absatz 3 oder § 10 Absatz 2, jeweils in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2, nicht sicherstellt, dass einem Produkt eine Gebrauchsanleitung und dort genannte Sicherheitsinformationen beigefügt sind,</p> <p>entgegen § 7 Absatz 5 Satz 1, § 13 Absatz 1 oder § 14 Absatz 5 Satz 1 eine Auskunft nicht, nicht richtig, nicht vollständig, nicht in der vorgeschriebenen Weise oder nicht rechtzeitig erteilt oder eine Unterlage nicht, nicht richtig, nicht vollständig, nicht in der vorgeschriebenen Weise oder nicht rechtzeitig aushändigt,</p> <p>entgegen § 11 Absatz 1 Nummer 1 oder Absatz 2 Satz 1 in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2 ein Produkt auf dem Markt bereitstellt,</p> <p>entgegen § 14 Absatz 1 in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2 eine Dienstleistung anbietet oder erbringt,</p> <p>entgegen § 19 Absatz 1 in Verbindung mit einer Rechtsverordnung nach § 3 Absatz 2 ein Produkt mit einer CE-Kennzeichnung nicht, nicht richtig, nicht vollständig, nicht in der vorgeschriebenen Weise oder nicht rechtzeitig versieht oder</p> <p>entgegen § 19 Absatz 3 in Verbindung mit Artikel 30 Absatz 5 Satz 1 der Verordnung (EG) Nr. 765/2008 des Europäischen Parlaments und des Rates vom 9. Juli 2008 über die Vorschriften für die Akkreditierung und Marktüberwachung im Zusammenhang mit der Vermarktung von Produkten und zur Aufhebung der Verordnung (EWG) Nr. 339/93 des Rates (ABl. L 218 vom 13.8.2008, S. 30) eine Kennzeichnung, ein Zeichen oder eine Aufschrift auf einem Produkt anbringt.</p> <p>Die Ordnungswidrigkeit kann in den Fällen des Absatzes 1 Nummer 1, 7, 8, 9 und 10 mit einer Geldbuße bis zu hunderttausend Euro und in den übrigen Fällen mit einer Geldbuße bis zu zehntausend Euro geahndet werden.</p> <ul> <li><strong> 38 BFSG Übergangsbestimmungen</strong></li> </ul> <p>Unbeschadet von Absatz 2 können Dienstleistungserbringer bis zum 27. Juni 2030 ihre Dienstleistungen weiterhin unter Einsatz von Produkten erbringen, die von ihnen bereits vor dem 28. Juni 2025 zur Erbringung dieser oder ähnlicher Dienstleistungen rechtmäßig eingesetzt wurden. Vor dem 28. Juni 2025 geschlossene Verträge über Dienstleistungen dürfen bis zu dem Ablauf der Zeit, für die sie eingegangen sind, allerdings nicht länger als bis zum 27. Juni 2030 unverändert fortbestehen.</p> <p>Selbstbedienungsterminals, die von den Dienstleistungserbringern vor dem 28. Juni 2025 zur Erbringung von Dienstleistungen unter Einhaltung der geltenden gesetzlichen Regelungen eingesetzt werden, dürfen bis zum Ende ihrer wirtschaftlichen Nutzungsdauer, aber nicht länger als fünfzehn Jahre nach ihrer Ingebrauchnahme, weiter zur Erbringung vergleichbarer Dienstleistungen eingesetzt werden.</p> <p><strong>Anlage 1 (zu § 28 BFSG) Überwachung von Dienstleistungen</strong></p> <p>Überwachungsmethode</p> <p>Die folgende Überwachungsmethode fügt den durch die nach § 3 Absatz 2 zu erlassenden Rechtsverordnung festgelegten Anforderungen weder neue Anforderungen hinzu noch ersetzt sie diese oder geht ihnen vor.</p> <p>Die Methode ist unabhängig von bestimmten Prüfungen, Bewertungsinstrumenten für die Barrierefreiheit, Betriebssystemen, Web-Browsern oder spezifischen unterstützenden Technologien.</p> <p>Damit ist die Überwachungsmethode technologieneutral anzuwenden und dient der Überprüfung der Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit der zu prüfenden Dienstleistungen.</p> <p>Es werden in der Stichprobe alle Verfahrensschritte mindestens in der Standardreihenfolge eines üblichen Nutzers für die Erbringung der Dienstleistung überprüft.</p> <p>Medienbrüche durch nicht digitale Schritte sind zu vermeiden.</p> <p>Es werden mindestens die Interaktion mit Formularen sowie Steuerelementen und Dialogfeldern der Benutzeroberfläche, die Bestätigungen für die Dateneingabe, die Fehlermeldungen und sonstigen Rückmeldungen, die sich aus der Interaktion mit dem Nutzer ergeben, sowie das Verhalten der Webseite oder mobilen Anwendung beim Einsatz unterschiedlicher Software oder Hilfstechnologien bei unterschiedlichen Einstellungen oder Voreinstellungen bewertet.</p> <p>Gleichfalls werden Elemente wie Dokumente oder notwendige externe Interaktionsschritte, die sich auf Objekte außerhalb der Benutzeroberfläche beziehen überprüft, wenn diese für einen erfolgreichen Abschluss der Interaktion notwendig sind.</p> <p>Es können gegebenenfalls Prüfungen der Benutzerfreundlichkeit umfasst sein, zum Beispiel die Beobachtung und Analyse, wie Nutzer mit Behinderungen oder mit funktionellen Einschränkungen die Inhalte der Webseite oder mobilen Anwendung beim Einsatz unterschiedlicher Software oder Hilfstechnologien wahrnehmen, verstehen und wie schwierig die Bedienung bestimmter Elemente der Benutzeroberfläche wie Navigationsmenüs oder Formulare für sie ist.</p> <p>Stichproben</p> <p>Für die Zwecke dieser Nummer bedeutet „Seite“ eine Webseite oder einen Bildschirm in einer mobilen Anwendung.</p> <p>Es werden die folgenden Seiten und Dokumente, falls vorhanden, geprüft:</p> <p>Startseite (Home), Anmeldung (Login), Site-Übersicht (Sitemap), Kontakt, Hilfeseiten und Hilfefunktionen und Seiten mit rechtlichen Informationen;</p> <p>mindestens eine relevante Seite für jede Art von Dienst, der von der Webseite oder mobilen Anwendung bereitgestellt wird und der nicht bereits durch Doppelbuchstabe aa erfasst wird, und für jeden anderen Hauptzweck, einschließlich der Suchfunktion, der nicht durch Doppelbuchstabe aa erfasst wird;</p> <p>die Seiten mit der Information oder den Angaben zur Barrierefreiheit nach § 14 Absatz 1 Nummer 2 in Verbindung mit Anlage 3;</p> <p>beispielhaft ausgewählte Seiten mit einem deutlich anderen Erscheinungsbild oder anderen Arten von Inhalten;</p> <p>mindestens ein relevantes abrufbares Dokument, falls vorhanden, für jede Art von Dienst, der von der Webseite oder mobilen Anwendung bereitgestellt wird, und für jeden anderen Hauptzweck;</p> <p>andere von der Marktüberwachungsbehörde als relevant betrachtete Seiten;</p> <p>nach dem Zufallsprinzip weitere ausgewählte Seiten und Dokumente, falls vorhanden, im Umfang von mindestens 10 Prozent der unter den Doppelbuchstaben aa bis ff festgelegten Stichprobe.</p> <p>Beinhaltet eine der Seiten in der gemäß Buchstabe b ausgewählten Stichprobe einen Schritt in einem Verfahren, so werden alle Verfahrensschritte gemäß Nummer 1 Buchstabe a geprüft.</p> <p><strong>Anlage 2 (zu den §§ 6, 9, 18 und 19 BFSG) Konformitätsbewertungsverfahren für Produkte</strong></p> <p>Bei dem Konformitätsbewertungsverfahren handelt es sich um eine interne Fertigungskontrolle, mit dem der Hersteller die in den Nummern 1, 2 und 3 dieser Anlage genannten Verpflichtungen erfüllt sowie gewährleistet und auf eigene Verantwortung erklärt, dass die betreffenden Produkte den einschlägigen Anforderungen dieses Gesetzes genügen.</p> <p>Technische Dokumentation</p> <p>Der Hersteller erstellt die technische Dokumentation.</p> <p>Anhand der technischen Dokumentation muss es möglich sein, die Übereinstimmung des Produkts mit den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung zu bewerten und, wenn sich der Hersteller auf § 16 oder § 17 gestützt hat, nachzuweisen, dass die Einhaltung dieser Barrierefreiheitsanforderungen eine grundlegende Veränderung oder eine unverhältnismäßige Belastung bedeuten würden.</p> <p>In der technischen Dokumentation sind nur die geltenden Anforderungen aufzuführen und die Gestaltung, die Herstellung und der Betrieb des Produkts zu erfassen, soweit sie für die Bewertung von Belang sind.</p> <p>Die technische Dokumentation enthält gegebenenfalls zumindest folgende Elemente:</p> <p>eine allgemeine Beschreibung des Produkts;</p> <p>eine Aufstellung, welche harmonisierten Normen und technischen Spezifikationen, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht wurden, vollständig oder in Teilen angewandt worden sind, und eine Beschreibung, mit welchen Lösungen den Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung in den Punkten entsprochen wurde, in denen diese harmonisierten Normen oder technischen Spezifikationen nicht angewandt wurden; bei teilweise angewendeten harmonisierten Normen oder technischen Spezifikationen werden die Teile, die angewandt wurden, in der technischen Dokumentation angegeben.</p> <p>Herstellung</p> <p>Der Hersteller trifft alle erforderlichen Maßnahmen, damit der Fertigungsprozess und seine Überwachung die Übereinstimmung der Produkte mit der in Nummer 2 dieser Anlage genannten technischen Dokumentation und mit den Barrierefreiheitsanforderungen dieses Gesetzes gewährleisten.</p> <p>CE-Kennzeichnung und EU-Konformitätserklärung</p> <p>Der Hersteller bringt an jedem einzelnen Produkt, das den geltenden Anforderungen dieses Gesetzes genügt, die in diesem Gesetz genannte CE-Kennzeichnung an.</p> <p>Der Hersteller stellt für ein Produktmuster eine schriftliche oder elektronische EU-Konformitätserklärung aus.</p> <p>Aus der EU-Konformitätserklärung muss hervorgehen, für welches Produkt sie ausgestellt wurde.</p> <p>Ein Exemplar der EU-Konformitätserklärung wird den zuständigen Behörden auf Verlangen zur Verfügung gestellt.</p> <p>Bevollmächtigter</p> <p>Die in Nummer 4 genannten Verpflichtungen des Herstellers können von seinem Bevollmächtigten in seinem Auftrag und unter seiner Verantwortung erfüllt werden, falls sie im Auftrag festgelegt sind.</p> <p><strong>Anlage 3 (zu den §§ 14 und 28 BFSG) Informationen über Dienstleistungen, die den Barrierefreiheitsanforderungen entsprechen</strong></p> <p>Der Dienstleistungserbringer gibt zu seiner Dienstleistung im Sinne des § 1 Absatz 3 in seinen Allgemeinen Geschäftsbedingungen oder auf andere deutlich wahrnehmbare Weise an, wie sie die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung erfüllt.</p> <p>Die entsprechenden Informationen umfassen eine Beschreibung der geltenden Anforderungen und decken, soweit für die Bewertung von Belang, die Gestaltung und die Durchführung der Dienstleistung ab.</p> <p>Neben den Anforderungen an die Verbraucherinformation nach Artikel 246 des Einführungsgesetzes zum Bürgerlichen Gesetzbuch enthalten die Informationen, soweit anwendbar, jedenfalls folgende Elemente:</p> <p>eine allgemeine Beschreibung der Dienstleistung in einem barrierefreien Format;</p> <p>Beschreibungen und Erläuterungen, die zum Verständnis der Durchführung der Dienstleistung erforderlich sind;</p> <p>eine Beschreibung, wie die Dienstleistung die einschlägigen in der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung aufgeführten Barrierefreiheitsanforderungen erfüllt;</p> <p>die Angabe der zuständigen Marktüberwachungsbehörde.</p> <p>Um den Anforderungen gemäß Nummer 1 dieser Anlage zu entsprechen, kann der Dienstleistungserbringer die harmonisierten Normen und technischen Spezifikationen, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht wurden, vollständig oder in Teilen anwenden.</p> <p><strong>Anlage 4 (zu den §§ 17, 21 und 28 BFSG) Kriterien für die Beurteilung der unverhältnismäßigen Belastung</strong></p> <p>Kriterien für die Beurteilung und für die Dokumentation der Beurteilung sind:</p> <p>Verhältnis der Nettokosten, die mit der Einhaltung der Barrierefreiheitsanforderungen verbunden sind, zu den Gesamtkosten (Betriebs- und Investitionsausgaben) für die Herstellung, den Vertrieb oder die Einfuhr des Produkts oder die Erbringung der Dienstleistung für die Wirtschaftsakteure; Kriterien für die Beurteilung der mit der Einhaltung der Barrierefreiheitsanforderungen verbundenen Nettokosten:</p> <p>Kriterien in Bezug auf einmalige Organisationskosten, die in die Beurteilung einzubeziehen sind:</p> <p>Kosten für zusätzliches Personal mit Fachkenntnissen im Bereich Barrierefreiheit;</p> <p>Kosten im Zusammenhang mit der Ausbildung von Personal und dem Erwerb von Kompetenzen im Bereich Barrierefreiheit;</p> <p>Kosten für die Entwicklung eines neuen Prozesses zur Einbeziehung der Barrierefreiheit in die Produktentwicklung oder die Erbringung von Dienstleistungen;</p> <p>Kosten im Zusammenhang mit der Entwicklung von Leitfäden zur Barrierefreiheit;</p> <p>einmalige Kosten, um sich mit der Rechtslage zur Barrierefreiheit vertraut zu machen;</p> <p>Kriterien in Bezug auf laufende Kosten für Produktion und Entwicklung, die in die Beurteilung einzubeziehen sind:</p> <p>Kosten im Zusammenhang mit der Planung und Auslegung von Barrierefreiheitsfunktionen des Produkts oder der Dienstleistung;</p> <p>Kosten im Zusammenhang der Produktionsprozesse;</p> <p>Kosten im Zusammenhang mit der Prüfung des Produkts oder der Dienstleistung unter dem Aspekt der Barrierefreiheit;</p> <p>Kosten im Zusammenhang mit der Erstellung der Dokumentation.</p> <p>Die geschätzten Kosten und Vorteile für die Wirtschaftsakteure, einschließlich Produktionsprozessen und Investitionen, im Verhältnis zu dem geschätzten Nutzen für Menschen mit Behinderungen, wobei die Anzahl der Nutzungen und die Nutzungshäufigkeit des betreffenden Produkts oder der betreffenden Dienstleistung zu berücksichtigen sind.</p> <p>Verhältnis der Nettokosten, die mit der Einhaltung der Barrierefreiheitsanforderungen verbunden sind, zum Nettoumsatz des Wirtschaftsakteurs.</p> <p>Kriterien zur Beurteilung der mit der Einhaltung der Barrierefreiheitsanforderungen verbundenen Nettokosten:</p> <p>Kriterien in Bezug auf einmalige Organisationskosten, die in die Beurteilung einzubeziehen sind:</p> <p>Kosten für zusätzliches Personal mit Fachkenntnissen im Bereich Barrierefreiheit;</p> <p>Kosten im Zusammenhang mit der Ausbildung von Personal und dem Erwerb von Kompetenzen im Bereich Barrierefreiheit;</p> <p>Kosten für die Entwicklung eines neuen Prozesses zur Einbeziehung der Barrierefreiheit in die Produktentwicklung oder die Erbringung von Dienstleistungen;</p> <p>Kosten im Zusammenhang mit der Entwicklung von Leitfäden zur Barrierefreiheit;</p> <p>einmalige Kosten, um sich mit der Rechtslage zur Barrierefreiheit vertraut zu machen;</p> <p>Kriterien in Bezug auf laufende Kosten für Produktion und Entwicklung, die in die Beurteilung einzubeziehen sind:</p> <p>Kosten im Zusammenhang mit der Planung und Auslegung von Barrierefreiheitsfunktionen des Produkts oder der Dienstleistung;</p> <p>Kosten im Zusammenhang der Produktionsprozesse;</p> <p>Kosten im Zusammenhang mit der Prüfung des Produkts oder der Dienstleistung unter dem Aspekt der Barrierefreiheit;</p> <p>Kosten im Zusammenhang mit der Erstellung der Dokumentation.</p> </div> </div> </div> </div> <style> #section_1667053740 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_1667053740 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_1667053740 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-559079785"> <div id="col-1270885573" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-522429327" class="text"> <p>Vermeiden Sie hohe Geldstrafen aufgrund fehlender Barrierefreiheit</p> <h3><strong>Einfach, effizient, ohne Aufwand</strong></h3> <style> #text-522429327 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-522429327 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-522429327 { text-align: left; } } </style> </div> </div> <style> #col-1270885573 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-1270885573 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_422162598 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_72647214"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1436301441"> <div id="col-574787311" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/tr/ueruen-2/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Tool zur Barrierefreiheit Website</span> </a> </div> </div> </div> </div> <style> #section_72647214 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_1660854525"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-853884428"> <div id="col-1032165696" class="col small-12 large-12" > <div class="col-inner" > <div class="row row-collapse" id="row-812827367"> <div id="col-2036282242" class="col small-12 large-12" > <div class="col-inner" > <section class="section dark" id="section_394450433"> <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="Barrierefreiheit Website" /> <div class="section-bg-overlay absolute fill"></div> </div> <div class="section-content relative"> <div class="row" id="row-144303291"> <div id="col-790429214" class="col medium-10 small-12 large-9" > <div class="col-inner text-left" > <div id="gap-836819076" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-836819076 { 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-4060055278" class="text"> <h2><span style="font-size: 75%;"><strong>FAQ Barrierefreiheit Websites</strong></span></h2> <style> #text-4060055278 { font-size: 1.2rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-4060055278 { font-size: 1.8rem; text-align: left; } } @media (min-width:850px) { #text-4060055278 { text-align: left; } } </style> </div> <div id="text-986568409" class="text"> <p>Fragen und Antworten zur digitale Barrierefreiheit</p> <style> #text-986568409 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-986568409 { font-size: 1.4rem; text-align: left; } } @media (min-width:850px) { #text-986568409 { text-align: left; } } </style> </div> </div> <style> #col-790429214 > .col-inner { padding: 0px 0px 0px 0; } @media (min-width:550px) { #col-790429214 > .col-inner { padding: 0px 0px 0px 0px; } } @media (min-width:850px) { #col-790429214 > .col-inner { padding: 0px 0px 0px 20px; } } </style> </div> </div> <div class="accordion"> <div id="accordion-4214070749" class="accordion-item"> <a id="accordion-4214070749-label" class="accordion-title plain" href="#accordion-item-was-ist-web-barrierefreiheit-und-warum-ist-sie-wichtig?" aria-expanded="false" aria-controls="accordion-4214070749-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was ist Web-Barrierefreiheit und warum ist sie wichtig?</span> </a> <div id="accordion-4214070749-content" class="accordion-inner" aria-labelledby="accordion-4214070749-label" > <p>Web-Barrierefreiheit (Accessibility) bedeutet, dass Websites für alle Menschen – unabhängig von körperlichen oder kognitiven Einschränkungen – uneingeschränkt nutzbar sind. Das umfasst z. B. Alternativtexte für Bilder, klare Überschriften-Strukturen, ausreichende Farbkontraste und die Bedienbarkeit per Tastatur. Barrierefreiheit stellt sicher, dass niemand vom Online-Angebot ausgeschlossen wird und fördert gleichberechtigten Zugang für alle Nutzer. Gleichzeitig stärkt eine barrierefreie Website die Reputation eines Unternehmens und schafft Vertrauen in die Marke.</p> </div> </div> <div id="accordion-2167344676" class="accordion-item"> <a id="accordion-2167344676-label" class="accordion-title plain" href="#accordion-item-welche-vorteile-bietet-eine-barrierefreie-website-für-unternehmen?" aria-expanded="false" aria-controls="accordion-2167344676-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Welche Vorteile bietet eine barrierefreie Website für Unternehmen?</span> </a> <div id="accordion-2167344676-content" class="accordion-inner" aria-labelledby="accordion-2167344676-label" > <p>Eine barrierefreie Website vergrößert die potenzielle Zielgruppe, da auch Menschen mit Behinderungen oder Senioren als Kunden erreicht werden. Zudem verbessern barrierefreie Optimierungen oft die allgemeine Nutzererfahrung (Usability) – zum Beispiel durch bessere Lesbarkeit und Navigation –, was sich positiv auf Suchmaschinen-Rankings und Conversion-Rates auswirkt. Unternehmen profitieren also doppelt: Sie erfüllen gesellschaftliche und rechtliche Anforderungen und erzielen zugleich eine höhere Reichweite, ein besseres SEO-Ranking und ein inklusives Image.</p> </div> </div> <div id="accordion-2929566160" class="accordion-item"> <a id="accordion-2929566160-label" class="accordion-title plain" href="#accordion-item-welche-gesetzlichen-vorgaben-zur-web-barrierefreiheit-gibt-es?" aria-expanded="false" aria-controls="accordion-2929566160-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Welche gesetzlichen Vorgaben zur Web-Barrierefreiheit gibt es?</span> </a> <div id="accordion-2929566160-content" class="accordion-inner" aria-labelledby="accordion-2929566160-label" > <p>In Deutschland regeln das <strong>Behindertengleichstellungsgesetz (BGG)</strong> und die <strong>Barrierefreie-Informationstechnik-Verordnung (BITV 2.0)</strong> die Web-Barrierefreiheit für öffentliche Stellen (Behörden). Auf EU-Ebene gilt seit 2019 die <strong>Richtlinie (EU) 2016/2102</strong> (“Web Accessibility Directive”) für Websites und Apps öffentlicher Stellen. Für den privaten Sektor wurde mit der <strong>Richtlinie (EU) 2019/882</strong>, dem <strong>European Accessibility Act (EAA)</strong>, eine Pflicht zur Barrierefreiheit bestimmter Produkte und Dienstleistungen eingeführt, die in Deutschland ab Juni 2025 im <strong>Barrierefreiheitsstärkungsgesetz (BFSG)</strong> umgesetzt wird. Diese Vorgaben verweisen in der Regel auf technische Standards wie die WCAG-Richtlinien (siehe unten).</p> </div> </div> <div id="accordion-1976663220" class="accordion-item"> <a id="accordion-1976663220-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-1976663220-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was ist die BITV 2.0 und für wen gilt sie?</span> </a> <div id="accordion-1976663220-content" class="accordion-inner" aria-labelledby="accordion-1976663220-label" > <p>Bu <strong>BITV 2.0 (Barrierefreie Informationstechnik-Verordnung)</strong> ist eine deutsche Verordnung, die festlegt, welche Anforderungen öffentliche Einrichtungen bei Websites und mobilen Anwendungen einhalten müssen, um als barrierefrei zu gelten. Sie gilt für alle Websites und Apps von Bundesbehörden sowie – entsprechend Landesrecht – für Länder und Kommunen. Die BITV 2.0 setzt die EU-Webseitenrichtlinie um und basiert im Kern auf den WCAG 2.1 Richtlinien (Konformitätsstufe AA), geht aber in einigen Punkten sogar darüber hinaus. Private Unternehmen sind von der BITV direkt nicht betroffen, sollten Barrierefreiheit aber freiwillig umsetzen oder unterliegen ggf. dem BFSG (ab 2025) bei bestimmten Angeboten.</p> </div> </div> <div id="accordion-3866555511" class="accordion-item"> <a id="accordion-3866555511-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-3866555511-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was sind die WCAG-Richtlinien und welche Konformitätsstufen gibt es?</span> </a> <div id="accordion-3866555511-content" class="accordion-inner" aria-labelledby="accordion-3866555511-label" > <p>Bu <strong>Web Content Accessibility Guidelines (WCAG)</strong> sind internationale Richtlinien für barrierefreie Webinhalte, herausgegeben vom W3C. Sie gelten weltweit als der Standard für barrierefreies Webdesign. Die WCAG 2.1 basieren auf vier Prinzipien (Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit, Robustheit) und enthalten insgesamt 12 Richtlinien mit 74 konkreten Erfolgskriterien. Diese Erfolgskriterien sind in drei Konformitätsstufen eingeteilt: <strong>A</strong>, <strong>AA</strong> ve <strong>AAA</strong> (A = grundlegende Anforderungen, AA = umfangreiche Anforderungen, AAA = höchste Stufe). In der Praxis und gesetzlichen Vorgaben (BITV, EU-Richtlinien) wird meist <strong>WCAG 2.1 Level AA</strong> als Standard gefordert, um eine Website als barrierefrei zu deklarieren.</p> </div> </div> <div id="accordion-299397660" class="accordion-item"> <a id="accordion-299397660-label" class="accordion-title plain" href="#accordion-item-was-regelt-die-eu-webseitenrichtlinie-2016/2102?" aria-expanded="false" aria-controls="accordion-299397660-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was regelt die EU-Webseitenrichtlinie 2016/2102?</span> </a> <div id="accordion-299397660-content" class="accordion-inner" aria-labelledby="accordion-299397660-label" > <p>Bu <strong>Richtlinie (EU) 2016/2102</strong>, oft „EU-Webseitenrichtlinie“ genannt, verpflichtet alle EU-Mitgliedstaaten, die Websites und mobilen Apps öffentlicher Stellen barrierefrei zu gestalten. Sie stellt sicher, dass z. B. Behörden-Websites nach einheitlichen Kriterien zugänglich sind. Die Richtlinie basiert auf WCAG 2.1 (Level AA) und fordert u. a., dass öffentliche Websites eine Erklärung zur Barrierefreiheit veröffentlichen und regelmäßige Überwachungen stattfinden. In Deutschland wurde diese Richtlinie durch das BGG und die BITV 2.0 auf Bundesebene (und entsprechende Landesverordnungen auf Länderebene) umgesetzt. Für Unternehmen ist diese spezielle Richtlinie direkt nicht bindend, betrifft jedoch z. B. kommunale Unternehmen oder öffentlich-rechtliche Institutionen.</p> </div> </div> <div id="accordion-1968653995" class="accordion-item"> <a id="accordion-1968653995-label" class="accordion-title plain" href="#accordion-item-was-bedeutet-der-european-accessibility-act-(eaa)-für-unternehmen?" aria-expanded="false" aria-controls="accordion-1968653995-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was bedeutet der European Accessibility Act (EAA) für Unternehmen?</span> </a> <div id="accordion-1968653995-content" class="accordion-inner" aria-labelledby="accordion-1968653995-label" > <p>Bu <strong>European Accessibility Act (EAA)</strong> ist die <strong>EU-Richtlinie 2019/882</strong>, die Barrierefreiheitsanforderungen auf weite Teile der Privatwirtschaft ausdehnt. Er verpflichtet Unternehmen, bestimmte Produkte und Dienstleistungen, die der Öffentlichkeit angeboten werden, barrierefrei zu gestalten. Dazu zählen ab <strong>28. Juni 2025</strong> z. B. E-Commerce-Webseiten (Online-Shops, Buchungsportale), Bankdienstleistungen (Online-Banking, Geldautomaten), E-Books, Personenverkehrsplattformen (Bahn/Flug-Buchungsseiten) und mehr. In Deutschland wird der EAA durch das <strong>Barrierefreiheitsstärkungsgesetz (BFSG)</strong> umgesetzt, das für Unternehmen ab 10 Mitarbeitern und 2 Mio. € Umsatz gilt. Kleinstunternehmen sind ausgenommen. Für betroffene Firmen bedeutet dies ab 2025 eine <strong>gesetzliche Pflicht</strong>, ihre entsprechenden Websites und Apps gemäß den harmonisierten Standards (EN 301 549/WCAG 2.1 AA) barrierefrei zu machen.</p> </div> </div> <div id="accordion-3778701156" class="accordion-item"> <a id="accordion-3778701156-label" class="accordion-title plain" href="#accordion-item-welche-typischen-barrieren-gibt-es-auf-websites?" aria-expanded="false" aria-controls="accordion-3778701156-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Welche typischen Barrieren gibt es auf Websites?</span> </a> <div id="accordion-3778701156-content" class="accordion-inner" aria-labelledby="accordion-3778701156-label" > <p>Häufige Barrieren auf Webseiten sind z. B.:</p> <ul> <li><strong>Fehlende Alternativtexte bei Bildern:</strong> Ohne Alt-Text „sehen“ Screenreader-Nutzer nicht, was ein Bild darstellt (z. B. Produktfotos im Online-Shop)</li> <li><strong>Unzureichende Farbkontraste:</strong> Texte in zu blasser Farbe vor hellem Hintergrund sind für Menschen mit Sehschwäche schwer lesbar. WCAG fordert mindestens <strong>Kontrast 4,5:1</strong> für normalen Text– viele Designs verfehlen dies aus ästhetischen Gründen.</li> <li><strong>Keine Tastatur-Bedienbarkeit:</strong> Wenn Menü, Formulare oder Links nicht per <strong>Tab</strong>-Taste erreicht werden können oder der Fokus auf der Seite nicht sichtbar ist, sind Nutzer, die keine Maus verwenden können, ausgeschlossen.</li> <li><strong>Fehlende Formularkennzeichnungen:</strong> Formulare ohne <label>-Beschriftungen oder nur mit Platzhaltern verwirren Screenreader-Nutzer – sie erfahren nicht, was in ein Eingabefeld gehört</li> <li><strong>Keine Untertitel oder Transkripte für Medien:</strong> Videos ohne Untertitel schließen gehörlose Menschen aus; Audioinhalte ohne Textalternative sind nicht für alle zugänglich</li> </ul> <p>Dies sind nur einige Beispiele. Solche Barrieren entstehen oft durch mangelndes Bewusstsein oder veraltete Designentscheidungen, lassen sich aber mit gezielten Anpassungen beheben. Wichtig ist, potenzielle Hindernisse frühzeitig zu erkennen und zu entfernen, damit alle Nutzer ohne Einschränkung auf die Inhalte zugreifen können.</p> </div> </div> <div id="accordion-2909020453" class="accordion-item"> <a id="accordion-2909020453-label" class="accordion-title plain" href="#accordion-item-was-bedeutet-kontrastverhältnis-und-welche-werte-sind-vorgeschrieben?" aria-expanded="false" aria-controls="accordion-2909020453-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was bedeutet Kontrastverhältnis und welche Werte sind vorgeschrieben?</span> </a> <div id="accordion-2909020453-content" class="accordion-inner" aria-labelledby="accordion-2909020453-label" > <p>Das <strong>Kontrastverhältnis</strong> beschreibt den Helligkeitsunterschied zwischen Vordergrund (z. B. Text) und Hintergrundfarbe. Ein hoher Kontrast ist wichtig, damit Texte und Bedienelemente für alle gut erkennbar sind – insbesondere für Menschen mit Sehbehinderung oder bei ungünstigen Lichtverhältnissen. Die WCAG 2.1 gibt klare Mindestwerte vor: Für normalen Fließtext ist ein Verhältnis von mindestens <strong>4,5:1</strong> erforderlich, für größere bzw. fette Schrift mindestens <strong>3:1</strong> (Stufe AA-Konformität) Für noch bessere Zugänglichkeit (AAA) werden <strong>7:1</strong> bzw. <strong>4,5:1</strong> empfohlen. Praktisch bedeutet das z. B., dass hellgraue Schrift auf weißem Grund vermieden werden sollte. Unternehmen sollten ihre Farbpalette daraufhin prüfen und ggf. anpassen oder alternative Darstellungsmodi (z. B. High-Contrast-Themes) anbieten, um die Lesbarkeit sicherzustellen.</p> </div> </div> <div id="accordion-4292786201" class="accordion-item"> <a id="accordion-4292786201-label" class="accordion-title plain" href="#accordion-item-wie-macht-man-bilder-und-grafiken-auf-websites-barrierefrei?" aria-expanded="false" aria-controls="accordion-4292786201-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie macht man Bilder und Grafiken auf Websites barrierefrei?</span> </a> <div id="accordion-4292786201-content" class="accordion-inner" aria-labelledby="accordion-4292786201-label" > <p>Kernstück barrierefreier Bilder ist der <strong>Alternativtext (Alt-Text)</strong>. Dieser unsichtbar im HTML hinterlegte Text beschreibt den Informationsgehalt oder Zweck eines Bildes, sodass blinde oder sehbehinderte Nutzer ihn per Screenreader erfahren können. Jeder relevante Image-Tag (<img>) sollte ein aussagekräftiges alt-Attribut haben, das in knappen Worten vermittelt, was auf dem Bild zu sehen ist oder welche Funktion es erfüllt. Beispielsweise könnte bei einem Produktbild der Alt-Text die Produktbezeichnung und wesentliche Merkmale nennen. <strong>Dekorative Bilder</strong>, die keine inhaltliche Information tragen, erhalten ein leeres alt=““, damit der Screenreader sie ignoriert. Darüber hinaus sollten komplexe Grafiken (wie Infografiken oder Charts) ausführlicher beschrieben werden – entweder direkt im Kontext, auf einer separaten Seite oder per longdesc. Barrierefreie Bilder helfen nicht nur Nutzerinnen und Nutzern mit Seheinschränkungen, sondern verbessern auch die Suchmaschinenoptimierung (Alt-Texte werden von Google indexiert).</p> </div> </div> <div id="accordion-3544393404" class="accordion-item"> <a id="accordion-3544393404-label" class="accordion-title plain" href="#accordion-item-wie-gestaltet-man-formulare-barrierefrei?" aria-expanded="false" aria-controls="accordion-3544393404-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie gestaltet man Formulare barrierefrei?</span> </a> <div id="accordion-3544393404-content" class="accordion-inner" aria-labelledby="accordion-3544393404-label" > <p>Barrierefreie Formulare stellen sicher, dass alle Nutzer Eingabefelder verstehen und ausfüllen können. Wichtige Maßnahmen sind: <strong>Jedem Formularfeld ein sichtbares Label zuordnen</strong>, das idealerweise über das <label>-Element mit dem jeweiligen <input> verbunden ist. So liest ein Screenreader bei Fokus z. B. „E-Mail, Editierfeld“ statt nur „Editierfeld“ vor und der Zweck ist klar. Platzhaltertexte allein genügen nicht als Beschriftung. Weiterhin sollten <strong>Pflichtfelder und Fehlermeldungen deutlich gekennzeichnet</strong> sein – etwa durch zusätzliche Texte oder Symbole statt nur rote Umrandungen, damit auch Farbbline die Hinweise wahrnehmen. Fehlermeldungen müssen für Screenreader erkennbar sein (z.B. via aria-live). Eine logische <strong>Tab-Reihenfolge</strong> durch die Formularfelder ist essenziell, ebenso wie sichtbare <strong>Fokusrahmen</strong>, damit Tastatur-Nutzer jederzeit wissen, wo sie sich befinden. Abschließend empfiehlt sich eine eindeutige Bestätigung (z. B. Meldung „Formular erfolgreich gesendet“), die auch von assistiven Technologien ausgegeben wird. Solche Maßnahmen erhöhen die Usability für alle und reduzieren Abbrüche bei Formularen.</p> </div> </div> <div id="accordion-2428233181" class="accordion-item"> <a id="accordion-2428233181-label" class="accordion-title plain" href="#accordion-item-wie-sorgt-man-für-tastaturbedienbarkeit-auf-der-website?" aria-expanded="false" aria-controls="accordion-2428233181-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie sorgt man für Tastaturbedienbarkeit auf der Website?</span> </a> <div id="accordion-2428233181-content" class="accordion-inner" aria-labelledby="accordion-2428233181-label" > <p>Eine Website ist <strong>tastaturbedienbar</strong>, wenn alle interaktiven Elemente (Links, Buttons, Formulare, Menüs etc.) allein mit der Tastatur erreicht und genutzt werden können. Wichtig ist dabei die <strong>Tabulator-Reihenfolge</strong>: Mit der Tab-Taste müssen Nutzer Schritt für Schritt logisch durch die Seite navigieren können. Sprünge oder das Steckenbleiben an bestimmten Elementen sind zu vermeiden. Jeder fokussierbare Inhalt sollte einen <strong>sichtbaren Fokusindikator</strong> haben (z. B. einen farbigen Rahmen oder Unterstreichung), damit man sieht, welches Element aktuell aktiv ist – das CSS-Pseudoklasse :focus bzw. :focus-visible sollte dafür gestaltet werden. Entwickler sollten niemals den Outline-/Fokusstil ersatzlos entfernen, sondern wenn nötig durch ein eigenes deutlich sichtbares Design ersetzen. Elemente wie Dropdown-Menüs oder modale Dialoge müssen ebenfalls per Tastatur steuerbar sein (meist mit Arrow- und Esc-Tasten zusätzlich zu Tab). Ein guter Test ist der <strong>No-Mouse-Test</strong>: Die Webseite vollständig nur mit Tab, Enter, Space und Esc bedienen. Gelingt dies ohne Barrieren, ist die Tastaturbedienbarkeit gewährleistet – falls nicht, müssen entsprechende Anpassungen (z. B. tabindex setzen, Fokus-Management in Scripts, etc.) vorgenommen werden. Eine gute Tastaturnavigation kommt übrigens auch Power-Usern zugute und ist Voraussetzung für die Nutzung per Sprachsteuerung.</p> </div> </div> <div id="accordion-3125389450" class="accordion-item"> <a id="accordion-3125389450-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-3125389450-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was ist ein Screenreader und wie unterstützt man Screenreader-Nutzer?</span> </a> <div id="accordion-3125389450-content" class="accordion-inner" aria-labelledby="accordion-3125389450-label" > <p>A <strong>Screenreader</strong> ist ein Bildschirmleseprogramm, das visuelle Inhalte einer Website in gesprochenen Text oder Braille-Schrift ausgibt. Blinde und stark sehbehinderte Menschen nutzen Screenreader auf Computer, Smartphone oder Tablet, um sich Websites und Apps vorlesen zu lassen. Beispiele sind JAWS und NVDA (für Windows), VoiceOver (für macOS/iOS) oder TalkBack (für Android). Um Screenreader-Nutzer zu unterstützen, sollte eine Website <strong>semantisch korrektes HTML</strong> verwenden – also Überschriften (<h1>-<h6>), Listen, Tabellen etc. nach ihrer Bedeutung markieren. So kann der Screenreader die Seite strukturieren und navigierbar machen. Wichtig sind auch <strong>ARIA-Attribute</strong> (Accessible Rich Internet Applications) dort, wo native HTML-Elemente nicht ausreichen – etwa aria-label für beschreibende Texte oder role=“navigation“ für einen Div-Container, der als Navigation dient. Zudem müssen interaktive Elemente wie Links und Buttons aussagekräftige Beschriftungen haben (statt „Hier klicken“ besser „Zum Warenkorb hinzufügen“) und Zustände – z. B. aufgeklappte Menüs – programmatisch erkennbar sein. Testen sollte man mit einem Screenreader selbst, um sicherzugehen, dass die vorgelesene Reihenfolge und Formulierungen sinnvoll sind. Durch solche Maßnahmen können Screenreader-Nutzer gleichberechtigt auf die Inhalte zugreifen.</p> </div> </div> <div id="accordion-2885806008" class="accordion-item"> <a id="accordion-2885806008-label" class="accordion-title plain" href="#accordion-item-was-sind-aria-attribute-und-wann-sollte-man-sie-verwenden?" aria-expanded="false" aria-controls="accordion-2885806008-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was sind ARIA-Attribute und wann sollte man sie verwenden?</span> </a> <div id="accordion-2885806008-content" class="accordion-inner" aria-labelledby="accordion-2885806008-label" > <p><strong>ARIA-Attribute</strong> (Accessible Rich Internet Applications) sind Erweiterungen für HTML, die entwickelt wurden, um die Barrierefreiheit – insbesondere von dynamischen, interaktiven Webanwendungen – zu verbessern. Mit ARIA lassen sich zusätzlichen semantische Informationen im Code bereitstellen, die von assistiven Technologien (Screenreader & Co.) erkannt und ausgelesen werden Beispiele: aria-label fügt einem Element einen unsichtbaren Beschriftungstext hinzu (z. B. ein Icon-Button ohne Text bekommt aria-label=“Suche öffnen“), aria-expanded=“false/true“ gibt den Zustand eines ausklappbaren Bereichs an, oder role=“navigation“ definiert einen Bereich als Navigationsmenü. <strong>Wichtig:</strong> ARIA <em>ersetzt nicht</em> korrektes HTML, sondern ergänzt es nur, wenn native Elemente nicht ausreichen. Best Practice ist: Erst <strong>semantisches HTML</strong> nutzen (viele Accessibility-Probleme lösen sich damit schon), und ARIA nur dort einsetzen, wo die Standard-HTML-Tags keine entsprechende Bedeutung liefern. Zudem sollten ARIA-Rollen und -Attribute valide sein und korrekt aktualisiert werden (z. B. aria-current=“page“ für die aktive Seite). Bei falscher oder übermäßiger Verwendung kann ARIA auch schaden. Richtig eingesetzt helfen ARIA-Attribute jedoch, komplexe Widgets (wie Tabs, Modale, Slider) für Screenreader verständlich zu machen und Lücken in der Barrierefreiheit zu schließen.</p> </div> </div> <div id="accordion-2863131614" class="accordion-item"> <a id="accordion-2863131614-label" class="accordion-title plain" href="#accordion-item-wie-werden-videos-und-audio-inhalte-barrierefrei-zugänglich-gemacht?" aria-expanded="false" aria-controls="accordion-2863131614-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie werden Videos und Audio-Inhalte barrierefrei zugänglich gemacht?</span> </a> <div id="accordion-2863131614-content" class="accordion-inner" aria-labelledby="accordion-2863131614-label" > <p>Multimediale Inhalte müssen so aufbereitet sein, dass sowohl gehörlose als auch blinde Nutzer sie verstehen können. <strong>Videos</strong> sollten zumindest <strong>Untertitel</strong> für hörbare Dialoge/Geräusche haben und idealerweise eine <strong>Audiodeskription</strong> (Bildbeschreibung als Tonspur oder alternativ ein Transkript), die visuelle Informationen vermittelt. Untertitel helfen nicht nur Gehörlosen, sondern z. B. auch allen Nutzern in geräuschvoller Umgebung. Für Live-Videos bieten sich Live-Untertitel oder Gebärdensprachdolmetsch-Einblendungen an. <strong>Audio-Inhalte</strong> (wie Podcasts) sollten ein Transkript in Textform bereitstellen, damit Nutzer mit Hörbehinderung den Inhalt lesen können. Technisch sollten Medienplayer bedienbar und beschriftet sein: Ein <strong>barrierefreier Videoplayer</strong> unterstützt Tastaturbedienung (Play/Pause per Leertaste, Lautstärke per Pfeiltasten etc.), hat zugängliche Steuerelemente (<button> mit Aria-Labels) und verhindert via aria-hidden, dass unwichtige Bedienelemente doppelt von Screenreadern angesagt werden. Autoplay von Videos/Audio sollte vermieden oder zumindest abschaltbar sein. Zusammengefasst: <strong>Untertitel, Transkripte und steuerbare Player</strong> sind der Schlüssel zur Barrierefreiheit von Multimedia. So können z. B. auch taube, schwerhörige oder blinde Menschen Videos und Audioinhalte wahrnehmen.</p> </div> </div> <div id="accordion-3233578588" class="accordion-item"> <a id="accordion-3233578588-label" class="accordion-title plain" href="#accordion-item-welche-design-prinzipien-sollte-man-bei-barrierefreien-webseiten-beachten?" aria-expanded="false" aria-controls="accordion-3233578588-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Welche Design-Prinzipien sollte man bei barrierefreien Webseiten beachten?</span> </a> <div id="accordion-3233578588-content" class="accordion-inner" aria-labelledby="accordion-3233578588-label" > <p>Barrierefreies Webdesign bedeutet nicht, dass eine Website „einfach“ oder langweilig aussehen muss – es geht darum, <strong>Usability und Ästhetik</strong> für alle zu vereinen. Zentrale Design-Prinzipien sind: eine <strong>klare, konsistente Struktur</strong> der Seiten und Navigation, ausreichend <strong>Weißraum</strong> und Strukturierung, damit Inhalte leicht erfassbar sind, sowie <strong>gut lesbare Schriften</strong>. Texte sollten genügend groß sein (mindestens ~16px als Basis) und sich bei Bedarf vom Nutzer skalieren lassen. <strong>Farben</strong> müssen mit Bedacht gewählt werden: neben ausreichend hohem Kontrast (siehe oben) sollte man Farben nie als einziges Unterscheidungsmerkmal nutzen (z. B. zusätzlich Symbole oder Muster verwenden, da ca. 8% der Männer rot-grün-blind sind). <strong>Fokus- und Hover-Effekte</strong> für Links/Buttons sollten sichtbar gestaltet werden (z. B. ein gut erkennbarer farbiger Rahmen, der den WCAG-Kontrastkriterien entspricht). Zudem empfiehlt sich eine <strong>eingängige visuelle Hierarchie</strong>: Wichtige Elemente (Call-to-Action Buttons, Hauptüberschriften) sollen deutlich hervorgehoben sein. <strong>Icons</strong> sollten nach Möglichkeit mit erklärendem Text versehen sein (oder zumindest einen ARIA-Label haben), falls ihre Bedeutung nicht absolut eindeutig ist. Ein weiteres Prinzip ist die <strong>Fehlertoleranz</strong>: Interfaces so gestalten, dass Fehlbedienungen vermieden werden – z. B. große klickbare Flächen für Buttons (mind. 44×44px laut WCAG) und gut erkennbare Meldungen bei Fehlern im Formular (mit Text und Symbol). Schließlich trägt <strong>einfache, klare Sprache</strong> zur Verständlichkeit bei, ggf. ergänzt durch Inhalte in <em>Leichter Sprache</em> für komplexe Angebote. All diese Maßnahmen sorgen dafür, dass die Website für Menschen mit unterschiedlichen Fähigkeiten intuitiv bedienbar ist. Ein positiver Nebeneffekt: Ein solcher durchdachter, zugänglicher Aufbau steigert meist die allgemeine Benutzerfreundlichkeit und Zufriedenheit aller User.</p> </div> </div> <div id="accordion-3187974581" class="accordion-item"> <a id="accordion-3187974581-label" class="accordion-title plain" href="#accordion-item-wie-testet-man-eine-webseite-auf-barrierefreiheit?" aria-expanded="false" aria-controls="accordion-3187974581-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie testet man eine Webseite auf Barrierefreiheit?</span> </a> <div id="accordion-3187974581-content" class="accordion-inner" aria-labelledby="accordion-3187974581-label" > <p>Der Prüfprozess sollte <strong>mehrstufig</strong> sein. Als erstes bieten sich <strong>automatisierte Testing-Tools</strong> an, die gängige Probleme aufspüren. Zum Beispiel: die Browser-Extension <strong>WAVE</strong> markiert sofort Accessibility-Probleme auf einer Seite, <strong>axe</strong> (als DevTools-Plugin) liefert detaillierte Analysen für Entwickler, und <strong>Google Lighthouse</strong> (im Chrome-Browser integriert) gibt einen Barrierefreiheits-Score aus. Diese Tools finden technische Fehler wie fehlende Alt-Texte, falsche Rollen oder Kontrastmängel automatisch. Allerdings erkennen sie nicht alles – deshalb als nächstes unbedingt <strong>manuell testen</strong>: Zunächst die Seite <strong>nur mit der Tastatur bedienen</strong> (Tab, Enter, etc.), um Navigationsprobleme aufzudecken. Dann einen <strong>Screenreader-Test</strong> durchführen (z. B. mit NVDA am PC oder VoiceOver am Mac) – dabei prüfen, ob die Inhalte in logischer Reihenfolge und verständlich vorgelesen werden, ob alle interaktiven Elemente erreichbar und korrekt benannt sind. Auch auf verschiedene Bildschirmgrößen (Responsive Design) testen sowie mit unterschiedlichen Browsern und Betriebssystemen. Zusätzlich kann ein Test mit <strong>echten Nutzern mit Behinderungen</strong> wertvolle Erkenntnisse bringen (z. B. über Testnutzer-Panels oder in Kooperation mit Behindertenverbänden). Öffentliche Stellen sind zudem verpflichtet, einen offiziellen <strong>BITV/WCAG-Test</strong> durchführen zu lassen. Abschließend sollte eine <strong>Erklärung zur Barrierefreiheit</strong> erstellt werden (für öffentliche Websites Pflicht), die die Testergebnisse und verbleibende Barrieren transparent macht. Durch diese Kombination aus automatischen Tests, Experten-Review und Nutzerfeedback erreicht man die verlässlichste Prüfung der Barrierefreiheit.</p> </div> </div> <div id="accordion-2729963657" class="accordion-item"> <a id="accordion-2729963657-label" class="accordion-title plain" href="#accordion-item-kann-man-eine-bestehende-website-nachträglich-barrierefrei-machen?" aria-expanded="false" aria-controls="accordion-2729963657-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Kann man eine bestehende Website nachträglich barrierefrei machen?</span> </a> <div id="accordion-2729963657-content" class="accordion-inner" aria-labelledby="accordion-2729963657-label" > <p>Ja, das ist möglich – und oft auch nötig, wenn eine Website ursprünglich ohne Rücksicht auf Barrierefreiheit entwickelt wurde. Viele Verbesserungen lassen sich <strong>schrittweise</strong> und ohne vollständigen Relaunch umsetzen. Der Prozess beginnt mit einem <strong>Audit</strong> (siehe Frage 17), um die aktuellen Barrieren zu identifizieren. Anschließend kann man priorisieren: Kritische Probleme (z. B. fehlende Alt-Texte, keine Tastaturbedienbarkeit) sollten zuerst behoben werden. Häufig lassen sich durch Änderungen im Frontend (HTML/CSS) schon große Effekte erzielen, z. B. Einfügen von Labels in Formulare, Anpassung von Farbcodes für Kontrast, Hinzufügen von ARIA-Markup an interaktive Komponenten, Bereitstellung von Untertiteln zu Videos usw. Wichtig ist, dass man bei <strong>Nachbesserungen</strong> die bestehenden Strukturen möglichst nutzt, um keine neuen Fehler einzuführen. Moderne CMS und Web-Frameworks bieten oft Plugins oder Einstellungen zur Unterstützung der Barrierefreiheit – diese kann man nachträglich aktivieren oder ergänzen. In einigen Fällen (etwa bei sehr veralteten oder Flash-/PDF-basierten Sites) mag ein <strong>Neuaufbau</strong> kosteneffizienter sein, aber in der Regel kann man eine Website Schritt für Schritt barriereärmer gestalten, ohne das Rad neu zu erfinden. Unternehmen sollten hierbei idealerweise Experten oder geschulte Entwickler hinzuziehen und die Anpassungen regelmäßig testen. Fazit: Bestehende Webseiten lassen sich <strong>nachrüsten</strong>, und viele Optimierungen können im laufenden Betrieb vorgenommen werden, sodass nicht alles auf einmal passieren muss.</p> </div> </div> <div id="accordion-2564908218" class="accordion-item"> <a id="accordion-2564908218-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-2564908218-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Wie hoch ist der Aufwand und welche Kosten entstehen bei der Umsetzung von Web-Barrierefreiheit?</span> </a> <div id="accordion-2564908218-content" class="accordion-inner" aria-labelledby="accordion-2564908218-label" > <p>Der Aufwand hängt stark vom Ausgangszustand der Website und ihrem Umfang ab. Bei neuen Projekten lässt sich Barrierefreiheit kostengünstig von Anfang an mit einplanen; bei bestehenden Seiten können Nachbesserungen je nach Anzahl der Barrieren mehr Ressourcen erfordern. <strong>Konkrete Kosten</strong> variieren: Ein professionelles Accessibility-Audit kann beispielsweise zwischen <strong>500 und 5.000 Euro</strong> liegen – je nach Komplexität der Website. Viele grundlegende Probleme (wie fehlende Alt-Texte oder falsche Überschriften) kann man jedoch selbst mit kostenlosen Tools finden und relativ schnell beheben. Größere Posten entstehen, wenn umfangreiche Neuprogrammierung nötig ist (z. B. Umbau der Navigation oder Ersatz eines ungeeigneten Captcha-Systems). Auch die Einbindung von Untertitel-Spuren für Videos oder die Übersetzung von Inhalten in Leichte Sprache verursacht zusätzliche Aufwände. Insgesamt gilt: <strong>Prävention ist günstiger als Nachrüstung</strong> – wer früh barrierefrei entwickelt, spart langfristig Kosten. Für bestehende Webseiten lohnt sich eine Kosten-Nutzen-Abwägung: Oft amortisieren sich Investitionen in Barrierefreiheit durch die erweitere Reichweite, verbesserte SEO und geringere rechtliche Risiken. Tipp: Als Einstieg kann man „Quick Wins“ umsetzen (siehe Frage 16 und 17) und sukzessive weitere Optimierungen budgetieren. Zudem gibt es Förderprogramme und Beratungsangebote, die Unternehmen bei der barrierefreien Gestaltung finanziell und fachlich unterstützen.</p> </div> </div> <div id="accordion-1031360534" class="accordion-item"> <a id="accordion-1031360534-label" class="accordion-title plain" href="#accordion-item-was-sind-die-konsequenzen,-wenn-eine-website-nicht-barrierefrei-ist?" aria-expanded="false" aria-controls="accordion-1031360534-content" > <button class="toggle" aria-label="Aç/Kapat" data-no-translation-aria-label=""><i class="icon-angle-down"></i></button> <span>Was sind die Konsequenzen, wenn eine Website nicht barrierefrei ist?</span> </a> <div id="accordion-1031360534-content" class="accordion-inner" aria-labelledby="accordion-1031360534-label" > <p>Die Folgen hängen davon ab, ob für die Seite eine gesetzliche Pflicht zur Barrierefreiheit besteht. <strong>Rechtlich</strong>: Öffentlich-rechtliche Websites, die gegen BITV/EU-Richtlinien verstoßen, können von Aufsichtsstellen beanstandet und von Nutzern via Beschwerdeverfahren gemeldet werden. Für private Unternehmen, die unter das BFSG (ab 2025) fallen, sind Sanktionen klar definiert: Werden z. B. B2C-Onlineangebote nicht barrierefrei gestaltet, gilt dies als Ordnungswidrigkeit und es drohen <strong>Bußgelder bis zu 100.000 €</strong> durch die Marktüberwachungsbehörden. Außerdem besteht die Gefahr <strong>wettbewerbsrechtlicher Abmahnungen</strong> durch Mitbewerber oder Verbände, da ein nicht-barrierefreies Angebot als unlauterer Vorteil gewertet werden kann. Unabhängig von gesetzlichen Pflichten schadet mangelnde Barrierefreiheit auch dem <strong>Image</strong> – ein Unternehmen vermittelt dadurch den Eindruck, gewisse Kundengruppen auszuschließen, was in Zeiten von Diversity- und CSR-Bewusstsein negativ aufgefasst wird. Zudem verliert man <strong>potenzielle Kunden</strong>: Menschen mit Behinderungen (und zunehmend ältere Nutzer) wenden sich von einer schwer bedienbaren Website ab, was Umsatz kosten kann. Nicht zuletzt können barrierefreie Konkurrenten im <strong>SEO-Ranking</strong> vorbeiziehen, da Suchmaschinen usability-freundliche Seiten bevorzugen. Kurz: Wer Barrierefreiheit ignoriert, riskiert rechtliche Probleme, Ausschluss von Kunden und Reputationseinbußen. Es lohnt sich also in mehrfacher Hinsicht, Barrieren gar nicht erst entstehen zu lassen bzw. zügig zu beseitigen.</p> </div> </div> </div> </div> <style> #section_394450433 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } #section_394450433 .section-bg-overlay { background-color: rgba(0, 85, 157, 0.779); } @media (min-width:550px) { #section_394450433 { min-height: 500px; } } </style> </section> </div> </div> </div> <div class="row row-collapse align-equal" id="row-795160264"> <div id="col-247221435" class="col medium-12 small-12 large-12" > <div class="col-inner text-center dark" style="background-color:#084085;" > <div id="text-1218713280" class="text"> <p>Die wichtigsten Fragen und Antworten zum Thema barrierefreie Websites </p> <p><strong>Direkt, einfach, im Klartext</strong></p> <style> #text-1218713280 { font-size: 1.1rem; line-height: 1.2; text-align: center; } @media (min-width:550px) { #text-1218713280 { font-size: 1.3rem; text-align: left; } } @media (min-width:850px) { #text-1218713280 { text-align: left; } } </style> </div> </div> <style> #col-247221435 > .col-inner { padding: 30px 10% 20px 10%; } @media (min-width:550px) { #col-247221435 > .col-inner { padding: 50px 50px 50px 50px; } } </style> </div> </div> </div> </div> </div> </div> <style> #section_1660854525 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <section class="section" id="section_345895746"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1296538020"> <div id="col-2051761024" class="col small-12 large-12" > <div class="col-inner text-center" > <a href="https://ai4performance.com/tr/ueruen-2/barrierefreiheit/" target="_blank" class="button success is-larger" rel="noopener" > <span>Website Tool Barrierefreiheit</span> </a> </div> </div> </div> </div> <style> #section_345895746 { padding-top: 30px; padding-bottom: 30px; } </style> </section> <div id="gap-684604010" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-684604010 { 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_680448023"> <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-800946202"> <div id="col-1327617779" 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-758585978"> <div id="col-599639801" class="col medium-9 small-12 large-6" > <div class="col-inner text-center" > <div id="text-3580575473" class="text"> <h2>Bizimle başlayın <strong>Gelecek</strong></h2> <style> #text-3580575473 { font-size: 1.5rem; text-align: center; } </style> </div> <p>Bir sonraki adımı atmaya ve işinizi bir üst seviyeye taşımaya hazır mısınız? Bize ulaşmak için <strong>Kişisel bir danışmanla bağlayıcı olmayan ilk danışma</strong>.</p> <div id="gap-905860438" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-905860438 { padding-top: 0px; } @media (min-width:550px) { #gap-905860438 { padding-top: 50px; } } </style> </div> </div> <style> #col-599639801 > .col-inner { padding: 0px 0px 0px 0px; } @media (min-width:550px) { #col-599639801 > .col-inner { padding: 40px 0px 0px 0px; } } @media (min-width:850px) { #col-599639801 > .col-inner { padding: 0px 10% 0px 5%; } } </style> </div> <div id="col-2025333563" 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="/tr/barrierefreiheit-website/#wpcf7-f14-o1" method="post" class="wpcf7-form init" aria-label="İletişim formu" novalidate="novalidate" data-status="init" data-no-translation-aria-label="" data-trp-original-action="/tr/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="Sizin adınız" 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="E-posta adresiniz" 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="Ne ile ilgileniyorsunuz?" 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-2415938766" 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-2415938766"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-cf7-2415938766"), turnstile.render("#cf-turnstile-cf7-2415938766", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-cf7-2415938766"> <script>document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-2415938766')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-2415938766');},1000)}})})});</script> </div><br /> <input class="wpcf7-form-control wpcf7-submit has-spinner button" type="submit" value="Randevu talep edin" /> </p> </div><div class="wpcf7-response-output" aria-hidden="true"></div> <input type="hidden" name="trp-form-language" value="tr"/></form> </div> </div> <style> #col-2025333563 > .col-inner { margin: 0px 0px 0px 0px; } @media (min-width:550px) { #col-2025333563 > .col-inner { margin: 20px 0px 0px 0px; } } </style> </div> </div> </div> <style> #col-1327617779 > .col-inner { padding: 50px 0px 0px 0px; } @media (min-width:550px) { #col-1327617779 > .col-inner { padding: 30px 30px 0px 30px; } } @media (min-width:850px) { #col-1327617779 > .col-inner { padding: 60px 60px 20px 60px; } } </style> </div> </div> </div> <style> #section_680448023 { padding-top: 0px; padding-bottom: 0px; min-height: 450px; } @media (min-width:550px) { #section_680448023 { padding-top: 50px; padding-bottom: 50px; } } </style> </section> <section class="section" id="section_1470260947"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-1108732615"> <div id="col-950337127" class="col small-12 large-12" > <div class="col-inner text-center" > <div id="gap-703609165" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-703609165 { padding-top: 50px; } </style> </div> <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1598963750"> <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_1598963750 { width: 80%; } @media (min-width:550px) { #image_1598963750 { width: 50%; } } </style> </div> </div> <style> #col-950337127 > .col-inner { margin: 0px 0px -50px 0px; } </style> </div> </div> <div id="gap-704569462" class="gap-element clearfix" style="display:block; height:auto;"> <style> #gap-704569462 { padding-top: 30px; } @media (min-width:550px) { #gap-704569462 { padding-top: 20px; } } </style> </div> <div id="text-859920415" class="text hidden"> <p><strong>Uzmanlarınız için</strong></p> <style> #text-859920415 { font-size: 1.55rem; line-height: 0.75; text-align: center; color: rgb(0,0,0); } #text-859920415 > * { color: rgb(0,0,0); } @media (min-width:550px) { #text-859920415 { font-size: 2.1rem; line-height: 0.75; } } </style> </div> <div class="row" id="row-1556505466"> </div> <div class="row row-small" id="row-2100471692"> <div id="col-200505731" class="col medium-12 small-12 large-12" > <div class="col-inner text-center" > <div id="text-1568438093" class="text"> <h5><span style="font-size: 140%;"><strong>Şirketler için yapay zeka tabanlı çözümler</strong></span></h5> <p>Daha fazla verimlilik, daha fazla rahatlama, daha fazla istikrar.</p> <style> #text-1568438093 { font-size: 0.75rem; text-align: center; } @media (min-width:550px) { #text-1568438093 { font-size: 0.8rem; text-align: center; } } @media (min-width:850px) { #text-1568438093 { text-align: center; } } </style> </div> <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_594076319"> <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_594076319 { width: 40%; } @media (min-width:550px) { #image_594076319 { width: 17%; } } </style> </div> </div> </div> </div> </div> <style> #section_1470260947 { 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/tr/baski/">Künye</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/tr/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/tr/veri%cc%87-koruma-beyani/">Veri koruma</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/tr/eri%cc%87si%cc%87lebi%cc%87li%cc%87rli%cc%87k-beyani/">Erişilebilirlik</a></li> </ul></div> <div class="copyright-footer"> Telif Hakkı 2025 © <strong>AI4Performance</strong> <p> </div> <p class="footer-info vat-info" data-no-translation="" data-trp-gettext="">Tüm fiyatlar KDV hariçtir.</p> </div> </div> </div> </footer> </div> <template id="tp-language" data-tp-language="tr_TR"></template> <div id="cfw-side-cart-overlay"></div> <div class="checkoutwc cfw-grid" id="cfw-side-cart" role="dialog" aria-modal="true" aria-label="Sepet" 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/tr/">Ev</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/tr/ki-danismanligi/">KI Danışmanlık</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="#">Yapay zeka ajanları</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/tr/ki-dil-asistani/">Yapay zekalı sesli asistan</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/tr/seyahat-acenteleri-icin-web-sitesi-oezellestirmesi/">Yapay zeka sohbet robotu</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="#">Otomasyonlar</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/tr/sosyal-medya-pazarlamasi/">Otomatik sosyal medya</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/tr/sosyal-medya-pazarlamasi/">Şirketler için</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/tr/araba-saticisi/">Araba satıcıları için</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/tr/emlakci/">Emlakçılar için</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/tr/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>Yazılım araçları</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/tr/sizma-testi/">Sızma testi</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/tr/barrierefreiheit-website/">Erişilebilirlik</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="#">Yapay Zeka Pazarlama</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/tr/sosyal-medya-reklamciligi/">Akıllı Google Reklamları</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/tr/seyahat-acenteleri-icin-seo/">Arama motoru optimizasyonu</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/tr/dagitim/">Biz sizi arıyoruz</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/tr/blog/">AI Haber Blogu</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/tr/duekkan/">Mağaza</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/tr/duekkan/">Mağaza</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/tr/araba/">Araba</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/tr/checkout/">Ödeme</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/tr/benim-hesabim/hesabi-duezenle/">Hesap bilgileri</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/tr/barrierefreiheit-website/"><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> <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-1930" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-1930"><a href="https://ai4performance.com/pl/barrierefreiheit-website/"><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></li> </ul> </li> </ul> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/tr\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/flatsome\/*","\/tr\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script>  <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> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Was ist Web-Barrierefreiheit und warum ist sie wichtig?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Web-Barrierefreiheit (Accessibility) bedeutet, dass Websites f\u00fcr alle Menschen \u2013 unabh\u00e4ngig von k\u00f6rperlichen oder kognitiven Einschr\u00e4nkungen \u2013 uneingeschr\u00e4nkt nutzbar sind. Das umfasst z.\u202fB. Alternativtexte f\u00fcr Bilder, klare \u00dcberschriften-Strukturen, ausreichende Farbkontraste und die Bedienbarkeit per Tastatur. Barrierefreiheit stellt sicher, dass niemand vom Online-Angebot ausgeschlossen wird und f\u00f6rdert gleichberechtigten Zugang f\u00fcr alle Nutzer. Gleichzeitig st\u00e4rkt eine barrierefreie Website die Reputation eines Unternehmens und schafft Vertrauen in die Marke.<\/p>" } }, { "@type": "Question", "name": "Welche Vorteile bietet eine barrierefreie Website f\u00fcr Unternehmen?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Eine barrierefreie Website vergr\u00f6\u00dfert die potenzielle Zielgruppe, da auch Menschen mit Behinderungen oder Senioren als Kunden erreicht werden. Zudem verbessern barrierefreie Optimierungen oft die allgemeine Nutzererfahrung (Usability) \u2013 zum Beispiel durch bessere Lesbarkeit und Navigation \u2013, was sich positiv auf Suchmaschinen-Rankings und Conversion-Rates auswirkt. Unternehmen profitieren also doppelt: Sie erf\u00fcllen gesellschaftliche und rechtliche Anforderungen und erzielen zugleich eine h\u00f6here Reichweite, ein besseres SEO-Ranking und ein inklusives Image.<\/p>" } }, { "@type": "Question", "name": "Welche gesetzlichen Vorgaben zur Web-Barrierefreiheit gibt es?", "acceptedAnswer": { "@type": "Answer", "text": "<p>In Deutschland regeln das <strong>Behindertengleichstellungsgesetz (BGG)<\/strong> und die <strong>Barrierefreie-Informationstechnik-Verordnung (BITV 2.0)<\/strong> die Web-Barrierefreiheit f\u00fcr \u00f6ffentliche Stellen (Beh\u00f6rden). Auf EU-Ebene gilt seit 2019 die <strong>Richtlinie (EU) 2016\/2102<\/strong> (\u201cWeb Accessibility Directive\u201d) f\u00fcr Websites und Apps \u00f6ffentlicher Stellen. F\u00fcr den privaten Sektor wurde mit der <strong>Richtlinie (EU) 2019\/882<\/strong>, dem <strong>European Accessibility Act (EAA)<\/strong>, eine Pflicht zur Barrierefreiheit bestimmter Produkte und Dienstleistungen eingef\u00fchrt, die in Deutschland ab Juni 2025 im <strong>Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/strong> umgesetzt wird. Diese Vorgaben verweisen in der Regel auf technische Standards wie die WCAG-Richtlinien (siehe unten).<\/p>" } }, { "@type": "Question", "name": "Was ist die BITV 2.0 und f\u00fcr wen gilt sie?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Bu <strong>BITV 2.0 (Barrierefreie Informationstechnik-Verordnung)<\/strong> ist eine deutsche Verordnung, die festlegt, welche Anforderungen \u00f6ffentliche Einrichtungen bei Websites und mobilen Anwendungen einhalten m\u00fcssen, um als barrierefrei zu gelten. Sie gilt f\u00fcr alle Websites und Apps von Bundesbeh\u00f6rden sowie \u2013 entsprechend Landesrecht \u2013 f\u00fcr L\u00e4nder und Kommunen. Die BITV 2.0 setzt die EU-Webseitenrichtlinie um und basiert im Kern auf den WCAG 2.1 Richtlinien (Konformit\u00e4tsstufe AA), geht aber in einigen Punkten sogar dar\u00fcber hinaus. Private Unternehmen sind von der BITV direkt nicht betroffen, sollten Barrierefreiheit aber freiwillig umsetzen oder unterliegen ggf. dem BFSG (ab 2025) bei bestimmten Angeboten.<\/p>" } }, { "@type": "Question", "name": "Was sind die WCAG-Richtlinien und welche Konformit\u00e4tsstufen gibt es?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Bu <strong>Web Content Accessibility Guidelines (WCAG)<\/strong> sind internationale Richtlinien f\u00fcr barrierefreie Webinhalte, herausgegeben vom W3C. Sie gelten weltweit als der Standard f\u00fcr barrierefreies Webdesign. Die WCAG 2.1 basieren auf vier Prinzipien (Wahrnehmbarkeit, Bedienbarkeit, Verst\u00e4ndlichkeit, Robustheit) und enthalten insgesamt 12 Richtlinien mit 74 konkreten Erfolgskriterien. Diese Erfolgskriterien sind in drei Konformit\u00e4tsstufen eingeteilt: <strong>A<\/strong>, <strong>AA<\/strong> ve <strong>AAA<\/strong> (A = grundlegende Anforderungen, AA = umfangreiche Anforderungen, AAA = h\u00f6chste Stufe). In der Praxis und gesetzlichen Vorgaben (BITV, EU-Richtlinien) wird meist <strong>WCAG 2.1 Level AA<\/strong> als Standard gefordert, um eine Website als barrierefrei zu deklarieren.<\/p>" } }, { "@type": "Question", "name": "Was regelt die EU-Webseitenrichtlinie 2016\/2102?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Bu <strong>Richtlinie (EU) 2016\/2102<\/strong>, oft \u201eEU-Webseitenrichtlinie\u201c genannt, verpflichtet alle EU-Mitgliedstaaten, die Websites und mobilen Apps \u00f6ffentlicher Stellen barrierefrei zu gestalten. Sie stellt sicher, dass z.\u202fB. Beh\u00f6rden-Websites nach einheitlichen Kriterien zug\u00e4nglich sind. Die Richtlinie basiert auf WCAG 2.1 (Level AA) und fordert u.\u202fa., dass \u00f6ffentliche Websites eine Erkl\u00e4rung zur Barrierefreiheit ver\u00f6ffentlichen und regelm\u00e4\u00dfige \u00dcberwachungen stattfinden. In Deutschland wurde diese Richtlinie durch das BGG und die BITV 2.0 auf Bundesebene (und entsprechende Landesverordnungen auf L\u00e4nderebene) umgesetzt. F\u00fcr Unternehmen ist diese spezielle Richtlinie direkt nicht bindend, betrifft jedoch z.\u202fB. kommunale Unternehmen oder \u00f6ffentlich-rechtliche Institutionen.<\/p>" } }, { "@type": "Question", "name": "Was bedeutet der European Accessibility Act (EAA) f\u00fcr Unternehmen?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Bu <strong>European Accessibility Act (EAA)<\/strong> ist die <strong>EU-Richtlinie 2019\/882<\/strong>, die Barrierefreiheitsanforderungen auf weite Teile der Privatwirtschaft ausdehnt. Er verpflichtet Unternehmen, bestimmte Produkte und Dienstleistungen, die der \u00d6ffentlichkeit angeboten werden, barrierefrei zu gestalten. Dazu z\u00e4hlen ab <strong>28. Juni 2025<\/strong> z.\u202fB. E-Commerce-Webseiten (Online-Shops, Buchungsportale), Bankdienstleistungen (Online-Banking, Geldautomaten), E-Books, Personenverkehrsplattformen (Bahn\/Flug-Buchungsseiten) und mehr. In Deutschland wird der EAA durch das <strong>Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/strong> umgesetzt, das f\u00fcr Unternehmen ab 10 Mitarbeitern und 2 Mio.\u202f\u20ac Umsatz gilt. Kleinstunternehmen sind ausgenommen. F\u00fcr betroffene Firmen bedeutet dies ab 2025 eine <strong>gesetzliche Pflicht<\/strong>, ihre entsprechenden Websites und Apps gem\u00e4\u00df den harmonisierten Standards (EN\u00a0301\u00a0549\/WCAG\u00a02.1 AA) barrierefrei zu machen.<\/p>" } }, { "@type": "Question", "name": "Welche typischen Barrieren gibt es auf Websites?", "acceptedAnswer": { "@type": "Answer", "text": "<p>H\u00e4ufige Barrieren auf Webseiten sind z.\u202fB.:<\/p>\n<ul>\n<li><strong>Fehlende Alternativtexte bei Bildern:<\/strong> Ohne Alt-Text \u201esehen\u201c Screenreader-Nutzer nicht, was ein Bild darstellt (z.\u202fB. Produktfotos im Online-Shop)<\/li>\n<li><strong>Unzureichende Farbkontraste:<\/strong> Texte in zu blasser Farbe vor hellem Hintergrund sind f\u00fcr Menschen mit Sehschw\u00e4che schwer lesbar. WCAG fordert mindestens <strong>Kontrast 4,5:1<\/strong> f\u00fcr normalen Text\u2013 viele Designs verfehlen dies aus \u00e4sthetischen Gr\u00fcnden.<\/li>\n<li><strong>Keine Tastatur-Bedienbarkeit:<\/strong> Wenn Men\u00fc, Formulare oder Links nicht per <strong>Tab<\/strong>-Taste erreicht werden k\u00f6nnen oder der Fokus auf der Seite nicht sichtbar ist, sind Nutzer, die keine Maus verwenden k\u00f6nnen, ausgeschlossen.<\/li>\n<li><strong>Fehlende Formularkennzeichnungen:<\/strong> Formulare ohne <label>-Beschriftungen oder nur mit Platzhaltern verwirren Screenreader-Nutzer \u2013 sie erfahren nicht, was in ein Eingabefeld geh\u00f6rt<\/li>\n<li><strong>Keine Untertitel oder Transkripte f\u00fcr Medien:<\/strong> Videos ohne Untertitel schlie\u00dfen geh\u00f6rlose Menschen aus; Audioinhalte ohne Textalternative sind nicht f\u00fcr alle zug\u00e4nglich<\/li>\n<\/ul>\n<p>Dies sind nur einige Beispiele. Solche Barrieren entstehen oft durch mangelndes Bewusstsein oder veraltete Designentscheidungen, lassen sich aber mit gezielten Anpassungen beheben. Wichtig ist, potenzielle Hindernisse fr\u00fchzeitig zu erkennen und zu entfernen, damit alle Nutzer ohne Einschr\u00e4nkung auf die Inhalte zugreifen k\u00f6nnen.<\/p>" } }, { "@type": "Question", "name": "Was bedeutet Kontrastverh\u00e4ltnis und welche Werte sind vorgeschrieben?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Das <strong>Kontrastverh\u00e4ltnis<\/strong> beschreibt den Helligkeitsunterschied zwischen Vordergrund (z.\u202fB. Text) und Hintergrundfarbe. Ein hoher Kontrast ist wichtig, damit Texte und Bedienelemente f\u00fcr alle gut erkennbar sind \u2013 insbesondere f\u00fcr Menschen mit Sehbehinderung oder bei ung\u00fcnstigen Lichtverh\u00e4ltnissen. Die WCAG 2.1 gibt klare Mindestwerte vor: F\u00fcr normalen Flie\u00dftext ist ein Verh\u00e4ltnis von mindestens <strong>4,5:1<\/strong> erforderlich, f\u00fcr gr\u00f6\u00dfere bzw. fette Schrift mindestens <strong>3:1<\/strong> (Stufe AA-Konformit\u00e4t) F\u00fcr noch bessere Zug\u00e4nglichkeit (AAA) werden <strong>7:1<\/strong> bzw. <strong>4,5:1<\/strong> empfohlen. Praktisch bedeutet das z.\u202fB., dass hellgraue Schrift auf wei\u00dfem Grund vermieden werden sollte. Unternehmen sollten ihre Farbpalette daraufhin pr\u00fcfen und ggf. anpassen oder alternative Darstellungsmodi (z.\u202fB. High-Contrast-Themes) anbieten, um die Lesbarkeit sicherzustellen.<\/p>" } }, { "@type": "Question", "name": "Wie macht man Bilder und Grafiken auf Websites barrierefrei?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Kernst\u00fcck barrierefreier Bilder ist der <strong>Alternativtext (Alt-Text)<\/strong>. Dieser unsichtbar im HTML hinterlegte Text beschreibt den Informationsgehalt oder Zweck eines Bildes, sodass blinde oder sehbehinderte Nutzer ihn per Screenreader erfahren können. Jeder relevante Image-Tag (<img>) sollte ein aussagekräftiges alt-Attribut haben, das in knappen Worten vermittelt, was auf dem Bild zu sehen ist oder welche Funktion es erfüllt. Beispielsweise könnte bei einem Produktbild der Alt-Text die Produktbezeichnung und wesentliche Merkmale nennen. <strong>Dekorative Bilder<\/strong>, die keine inhaltliche Information tragen, erhalten ein leeres alt=““, damit der Screenreader sie ignoriert. Dar\u00fcber hinaus sollten komplexe Grafiken (wie Infografiken oder Charts) ausf\u00fchrlicher beschrieben werden \u2013 entweder direkt im Kontext, auf einer separaten Seite oder per longdesc. Barrierefreie Bilder helfen nicht nur Nutzerinnen und Nutzern mit Seheinschr\u00e4nkungen, sondern verbessern auch die Suchmaschinenoptimierung (Alt-Texte werden von Google indexiert).<\/p>" } }, { "@type": "Question", "name": "Wie gestaltet man Formulare barrierefrei?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Barrierefreie Formulare stellen sicher, dass alle Nutzer Eingabefelder verstehen und ausf\u00fcllen k\u00f6nnen. Wichtige Ma\u00dfnahmen sind: <strong>Jedem Formularfeld ein sichtbares Label zuordnen<\/strong>, das idealerweise \u00fcber das <label>-Element mit dem jeweiligen <input> verbunden ist. So liest ein Screenreader bei Fokus z.\u202fB. \u201eE-Mail, Editierfeld\u201c statt nur \u201eEditierfeld\u201c vor und der Zweck ist klar. Platzhaltertexte allein gen\u00fcgen nicht als Beschriftung. Weiterhin sollten <strong>Pflichtfelder und Fehlermeldungen deutlich gekennzeichnet<\/strong> sein \u2013 etwa durch zus\u00e4tzliche Texte oder Symbole statt nur rote Umrandungen, damit auch Farbbline die Hinweise wahrnehmen. Fehlermeldungen m\u00fcssen f\u00fcr Screenreader erkennbar sein (z.B. via aria-live). Eine logische <strong>Tab-Reihenfolge<\/strong> durch die Formularfelder ist essenziell, ebenso wie sichtbare <strong>Fokusrahmen<\/strong>, damit Tastatur-Nutzer jederzeit wissen, wo sie sich befinden. Abschlie\u00dfend empfiehlt sich eine eindeutige Best\u00e4tigung (z.\u202fB. Meldung \u201eFormular erfolgreich gesendet\u201c), die auch von assistiven Technologien ausgegeben wird. Solche Ma\u00dfnahmen erh\u00f6hen die Usability f\u00fcr alle und reduzieren Abbr\u00fcche bei Formularen.<\/p>" } }, { "@type": "Question", "name": "Wie sorgt man f\u00fcr Tastaturbedienbarkeit auf der Website?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Eine Website ist <strong>tastaturbedienbar<\/strong>, wenn alle interaktiven Elemente (Links, Buttons, Formulare, Men\u00fcs etc.) allein mit der Tastatur erreicht und genutzt werden k\u00f6nnen. Wichtig ist dabei die <strong>Tabulator-Reihenfolge<\/strong>: Mit der Tab-Taste m\u00fcssen Nutzer Schritt f\u00fcr Schritt logisch durch die Seite navigieren k\u00f6nnen. Spr\u00fcnge oder das Steckenbleiben an bestimmten Elementen sind zu vermeiden. Jeder fokussierbare Inhalt sollte einen <strong>sichtbaren Fokusindikator<\/strong> haben (z.\u202fB. einen farbigen Rahmen oder Unterstreichung), damit man sieht, welches Element aktuell aktiv ist \u2013 das CSS-Pseudoklasse :focus bzw. :focus-visible sollte daf\u00fcr gestaltet werden. Entwickler sollten niemals den Outline-\/Fokusstil ersatzlos entfernen, sondern wenn n\u00f6tig durch ein eigenes deutlich sichtbares Design ersetzen. Elemente wie Dropdown-Men\u00fcs oder modale Dialoge m\u00fcssen ebenfalls per Tastatur steuerbar sein (meist mit Arrow- und Esc-Tasten zus\u00e4tzlich zu Tab). Ein guter Test ist der <strong>No-Mouse-Test<\/strong>: Die Webseite vollst\u00e4ndig nur mit Tab, Enter, Space und Esc bedienen. Gelingt dies ohne Barrieren, ist die Tastaturbedienbarkeit gew\u00e4hrleistet \u2013 falls nicht, m\u00fcssen entsprechende Anpassungen (z.\u202fB. tabindex setzen, Fokus-Management in Scripts, etc.) vorgenommen werden. Eine gute Tastaturnavigation kommt \u00fcbrigens auch Power-Usern zugute und ist Voraussetzung f\u00fcr die Nutzung per Sprachsteuerung.<\/p>" } }, { "@type": "Question", "name": "Was ist ein Screenreader und wie unterst\u00fctzt man Screenreader-Nutzer?", "acceptedAnswer": { "@type": "Answer", "text": "<p>A <strong>Screenreader<\/strong> ist ein Bildschirmleseprogramm, das visuelle Inhalte einer Website in gesprochenen Text oder Braille-Schrift ausgibt. Blinde und stark sehbehinderte Menschen nutzen Screenreader auf Computer, Smartphone oder Tablet, um sich Websites und Apps vorlesen zu lassen. Beispiele sind JAWS und NVDA (f\u00fcr Windows), VoiceOver (f\u00fcr macOS\/iOS) oder TalkBack (f\u00fcr Android). Um Screenreader-Nutzer zu unterst\u00fctzen, sollte eine Website <strong>semantisch korrektes HTML<\/strong> verwenden – also Überschriften (<h1>-<h6>), Listen, Tabellen etc. nach ihrer Bedeutung markieren. So kann der Screenreader die Seite strukturieren und navigierbar machen. Wichtig sind auch <strong>ARIA-Attribute<\/strong> (Accessible Rich Internet Applications) dort, wo native HTML-Elemente nicht ausreichen \u2013 etwa aria-label f\u00fcr beschreibende Texte oder role=“navigation“ f\u00fcr einen Div-Container, der als Navigation dient. Zudem m\u00fcssen interaktive Elemente wie Links und Buttons aussagekr\u00e4ftige Beschriftungen haben (statt \u201eHier klicken\u201c besser \u201eZum Warenkorb hinzuf\u00fcgen\u201c) und Zust\u00e4nde \u2013 z.\u202fB. aufgeklappte Men\u00fcs \u2013 programmatisch erkennbar sein. Testen sollte man mit einem Screenreader selbst, um sicherzugehen, dass die vorgelesene Reihenfolge und Formulierungen sinnvoll sind. Durch solche Ma\u00dfnahmen k\u00f6nnen Screenreader-Nutzer gleichberechtigt auf die Inhalte zugreifen.<\/p>" } }, { "@type": "Question", "name": "Was sind ARIA-Attribute und wann sollte man sie verwenden?", "acceptedAnswer": { "@type": "Answer", "text": "<p><strong>ARIA-Attribute<\/strong> (Accessible Rich Internet Applications) sind Erweiterungen f\u00fcr HTML, die entwickelt wurden, um die Barrierefreiheit \u2013 insbesondere von dynamischen, interaktiven Webanwendungen \u2013 zu verbessern. Mit ARIA lassen sich zus\u00e4tzlichen semantische Informationen im Code bereitstellen, die von assistiven Technologien (Screenreader & Co.) erkannt und ausgelesen werden Beispiele: aria-label f\u00fcgt einem Element einen unsichtbaren Beschriftungstext hinzu (z.\u202fB. ein Icon-Button ohne Text bekommt aria-label=“Suche \u00f6ffnen“), aria-expanded=“false\/true“ gibt den Zustand eines ausklappbaren Bereichs an, oder role=“navigation“ definiert einen Bereich als Navigationsmen\u00fc. <strong>Wichtig:<\/strong> ARIA <em>ersetzt nicht<\/em> korrektes HTML, sondern erg\u00e4nzt es nur, wenn native Elemente nicht ausreichen. Best Practice ist: Erst <strong>semantisches HTML<\/strong> nutzen (viele Accessibility-Probleme l\u00f6sen sich damit schon), und ARIA nur dort einsetzen, wo die Standard-HTML-Tags keine entsprechende Bedeutung liefern. Zudem sollten ARIA-Rollen und -Attribute valide sein und korrekt aktualisiert werden (z.\u202fB. aria-current=“page“ f\u00fcr die aktive Seite). Bei falscher oder \u00fcberm\u00e4\u00dfiger Verwendung kann ARIA auch schaden. Richtig eingesetzt helfen ARIA-Attribute jedoch, komplexe Widgets (wie Tabs, Modale, Slider) f\u00fcr Screenreader verst\u00e4ndlich zu machen und L\u00fccken in der Barrierefreiheit zu schlie\u00dfen.<\/p>" } }, { "@type": "Question", "name": "Wie werden Videos und Audio-Inhalte barrierefrei zug\u00e4nglich gemacht?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Multimediale Inhalte m\u00fcssen so aufbereitet sein, dass sowohl geh\u00f6rlose als auch blinde Nutzer sie verstehen k\u00f6nnen. <strong>Videos<\/strong> sollten zumindest <strong>Untertitel<\/strong> f\u00fcr h\u00f6rbare Dialoge\/Ger\u00e4usche haben und idealerweise eine <strong>Audiodeskription<\/strong> (Bildbeschreibung als Tonspur oder alternativ ein Transkript), die visuelle Informationen vermittelt. Untertitel helfen nicht nur Geh\u00f6rlosen, sondern z.\u202fB. auch allen Nutzern in ger\u00e4uschvoller Umgebung. F\u00fcr Live-Videos bieten sich Live-Untertitel oder Geb\u00e4rdensprachdolmetsch-Einblendungen an. <strong>Audio-Inhalte<\/strong> (wie Podcasts) sollten ein Transkript in Textform bereitstellen, damit Nutzer mit H\u00f6rbehinderung den Inhalt lesen k\u00f6nnen. Technisch sollten Medienplayer bedienbar und beschriftet sein: Ein <strong>barrierefreier Videoplayer<\/strong> unterst\u00fctzt Tastaturbedienung (Play\/Pause per Leertaste, Lautst\u00e4rke per Pfeiltasten etc.), hat zug\u00e4ngliche Steuerelemente (<button> mit Aria-Labels) und verhindert via aria-hidden, dass unwichtige Bedienelemente doppelt von Screenreadern angesagt werden. Autoplay von Videos\/Audio sollte vermieden oder zumindest abschaltbar sein. Zusammengefasst: <strong>Untertitel, Transkripte und steuerbare Player<\/strong> sind der Schl\u00fcssel zur Barrierefreiheit von Multimedia. So k\u00f6nnen z.\u202fB. auch taube, schwerh\u00f6rige oder blinde Menschen Videos und Audioinhalte wahrnehmen.<\/p>" } }, { "@type": "Question", "name": "Welche Design-Prinzipien sollte man bei barrierefreien Webseiten beachten?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Barrierefreies Webdesign bedeutet nicht, dass eine Website \u201eeinfach\u201c oder langweilig aussehen muss \u2013 es geht darum, <strong>Usability und \u00c4sthetik<\/strong> f\u00fcr alle zu vereinen. Zentrale Design-Prinzipien sind: eine <strong>klare, konsistente Struktur<\/strong> der Seiten und Navigation, ausreichend <strong>Wei\u00dfraum<\/strong> und Strukturierung, damit Inhalte leicht erfassbar sind, sowie <strong>gut lesbare Schriften<\/strong>. Texte sollten gen\u00fcgend gro\u00df sein (mindestens ~16px als Basis) und sich bei Bedarf vom Nutzer skalieren lassen. <strong>Farben<\/strong> m\u00fcssen mit Bedacht gew\u00e4hlt werden: neben ausreichend hohem Kontrast (siehe oben) sollte man Farben nie als einziges Unterscheidungsmerkmal nutzen (z.\u202fB. zus\u00e4tzlich Symbole oder Muster verwenden, da ca. 8% der M\u00e4nner rot-gr\u00fcn-blind sind). <strong>Fokus- und Hover-Effekte<\/strong> f\u00fcr Links\/Buttons sollten sichtbar gestaltet werden (z.\u202fB. ein gut erkennbarer farbiger Rahmen, der den WCAG-Kontrastkriterien entspricht). Zudem empfiehlt sich eine <strong>eing\u00e4ngige visuelle Hierarchie<\/strong>: Wichtige Elemente (Call-to-Action Buttons, Haupt\u00fcberschriften) sollen deutlich hervorgehoben sein. <strong>Icons<\/strong> sollten nach M\u00f6glichkeit mit erkl\u00e4rendem Text versehen sein (oder zumindest einen ARIA-Label haben), falls ihre Bedeutung nicht absolut eindeutig ist. Ein weiteres Prinzip ist die <strong>Fehlertoleranz<\/strong>: Interfaces so gestalten, dass Fehlbedienungen vermieden werden \u2013 z.\u202fB. gro\u00dfe klickbare Fl\u00e4chen f\u00fcr Buttons (mind. 44\u00d744px laut WCAG) und gut erkennbare Meldungen bei Fehlern im Formular (mit Text und Symbol). Schlie\u00dflich tr\u00e4gt <strong>einfache, klare Sprache<\/strong> zur Verst\u00e4ndlichkeit bei, ggf. erg\u00e4nzt durch Inhalte in <em>Leichter Sprache<\/em> f\u00fcr komplexe Angebote. All diese Ma\u00dfnahmen sorgen daf\u00fcr, dass die Website f\u00fcr Menschen mit unterschiedlichen F\u00e4higkeiten intuitiv bedienbar ist. Ein positiver Nebeneffekt: Ein solcher durchdachter, zug\u00e4nglicher Aufbau steigert meist die allgemeine Benutzerfreundlichkeit und Zufriedenheit aller User.<\/p>" } }, { "@type": "Question", "name": "Wie testet man eine Webseite auf Barrierefreiheit?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Der Pr\u00fcfprozess sollte <strong>mehrstufig<\/strong> sein. Als erstes bieten sich <strong>automatisierte Testing-Tools<\/strong> an, die g\u00e4ngige Probleme aufsp\u00fcren. Zum Beispiel: die Browser-Extension <strong>WAVE<\/strong> markiert sofort Accessibility-Probleme auf einer Seite, <strong>axe<\/strong> (als DevTools-Plugin) liefert detaillierte Analysen f\u00fcr Entwickler, und <strong>Google Lighthouse<\/strong> (im Chrome-Browser integriert) gibt einen Barrierefreiheits-Score aus. Diese Tools finden technische Fehler wie fehlende Alt-Texte, falsche Rollen oder Kontrastm\u00e4ngel automatisch. Allerdings erkennen sie nicht alles \u2013 deshalb als n\u00e4chstes unbedingt <strong>manuell testen<\/strong>: Zun\u00e4chst die Seite <strong>nur mit der Tastatur bedienen<\/strong> (Tab, Enter, etc.), um Navigationsprobleme aufzudecken. Dann einen <strong>Screenreader-Test<\/strong> durchf\u00fchren (z.\u202fB. mit NVDA am PC oder VoiceOver am Mac) \u2013 dabei pr\u00fcfen, ob die Inhalte in logischer Reihenfolge und verst\u00e4ndlich vorgelesen werden, ob alle interaktiven Elemente erreichbar und korrekt benannt sind. Auch auf verschiedene Bildschirmgr\u00f6\u00dfen (Responsive Design) testen sowie mit unterschiedlichen Browsern und Betriebssystemen. Zus\u00e4tzlich kann ein Test mit <strong>echten Nutzern mit Behinderungen<\/strong> wertvolle Erkenntnisse bringen (z.\u202fB. \u00fcber Testnutzer-Panels oder in Kooperation mit Behindertenverb\u00e4nden). \u00d6ffentliche Stellen sind zudem verpflichtet, einen offiziellen <strong>BITV\/WCAG-Test<\/strong> durchf\u00fchren zu lassen. Abschlie\u00dfend sollte eine <strong>Erkl\u00e4rung zur Barrierefreiheit<\/strong> erstellt werden (f\u00fcr \u00f6ffentliche Websites Pflicht), die die Testergebnisse und verbleibende Barrieren transparent macht. Durch diese Kombination aus automatischen Tests, Experten-Review und Nutzerfeedback erreicht man die verl\u00e4sslichste Pr\u00fcfung der Barrierefreiheit.<\/p>" } }, { "@type": "Question", "name": "Kann man eine bestehende Website nachtr\u00e4glich barrierefrei machen?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Ja, das ist m\u00f6glich \u2013 und oft auch n\u00f6tig, wenn eine Website urspr\u00fcnglich ohne R\u00fccksicht auf Barrierefreiheit entwickelt wurde. Viele Verbesserungen lassen sich <strong>schrittweise<\/strong> und ohne vollst\u00e4ndigen Relaunch umsetzen. Der Prozess beginnt mit einem <strong>Audit<\/strong> (siehe Frage 17), um die aktuellen Barrieren zu identifizieren. Anschlie\u00dfend kann man priorisieren: Kritische Probleme (z.\u202fB. fehlende Alt-Texte, keine Tastaturbedienbarkeit) sollten zuerst behoben werden. H\u00e4ufig lassen sich durch \u00c4nderungen im Frontend (HTML\/CSS) schon gro\u00dfe Effekte erzielen, z.\u202fB. Einf\u00fcgen von Labels in Formulare, Anpassung von Farbcodes f\u00fcr Kontrast, Hinzuf\u00fcgen von ARIA-Markup an interaktive Komponenten, Bereitstellung von Untertiteln zu Videos usw. Wichtig ist, dass man bei <strong>Nachbesserungen<\/strong> die bestehenden Strukturen m\u00f6glichst nutzt, um keine neuen Fehler einzuf\u00fchren. Moderne CMS und Web-Frameworks bieten oft Plugins oder Einstellungen zur Unterst\u00fctzung der Barrierefreiheit \u2013 diese kann man nachtr\u00e4glich aktivieren oder erg\u00e4nzen. In einigen F\u00e4llen (etwa bei sehr veralteten oder Flash-\/PDF-basierten Sites) mag ein <strong>Neuaufbau<\/strong> kosteneffizienter sein, aber in der Regel kann man eine Website Schritt f\u00fcr Schritt barriere\u00e4rmer gestalten, ohne das Rad neu zu erfinden. Unternehmen sollten hierbei idealerweise Experten oder geschulte Entwickler hinzuziehen und die Anpassungen regelm\u00e4\u00dfig testen. Fazit: Bestehende Webseiten lassen sich <strong>nachr\u00fcsten<\/strong>, und viele Optimierungen k\u00f6nnen im laufenden Betrieb vorgenommen werden, sodass nicht alles auf einmal passieren muss.<\/p>" } }, { "@type": "Question", "name": "Wie hoch ist der Aufwand und welche Kosten entstehen bei der Umsetzung von Web-Barrierefreiheit?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Der Aufwand h\u00e4ngt stark vom Ausgangszustand der Website und ihrem Umfang ab. Bei neuen Projekten l\u00e4sst sich Barrierefreiheit kosteng\u00fcnstig von Anfang an mit einplanen; bei bestehenden Seiten k\u00f6nnen Nachbesserungen je nach Anzahl der Barrieren mehr Ressourcen erfordern. <strong>Konkrete Kosten<\/strong> variieren: Ein professionelles Accessibility-Audit kann beispielsweise zwischen <strong>500 und 5.000\u00a0Euro<\/strong> liegen \u2013 je nach Komplexit\u00e4t der Website. Viele grundlegende Probleme (wie fehlende Alt-Texte oder falsche \u00dcberschriften) kann man jedoch selbst mit kostenlosen Tools finden und relativ schnell beheben. Gr\u00f6\u00dfere Posten entstehen, wenn umfangreiche Neuprogrammierung n\u00f6tig ist (z.\u202fB. Umbau der Navigation oder Ersatz eines ungeeigneten Captcha-Systems). Auch die Einbindung von Untertitel-Spuren f\u00fcr Videos oder die \u00dcbersetzung von Inhalten in Leichte Sprache verursacht zus\u00e4tzliche Aufw\u00e4nde. Insgesamt gilt: <strong>Pr\u00e4vention ist g\u00fcnstiger als Nachr\u00fcstung<\/strong> \u2013 wer fr\u00fch barrierefrei entwickelt, spart langfristig Kosten. F\u00fcr bestehende Webseiten lohnt sich eine Kosten-Nutzen-Abw\u00e4gung: Oft amortisieren sich Investitionen in Barrierefreiheit durch die erweitere Reichweite, verbesserte SEO und geringere rechtliche Risiken. Tipp: Als Einstieg kann man \u201eQuick Wins\u201c umsetzen (siehe Frage\u00a016 und 17) und sukzessive weitere Optimierungen budgetieren. Zudem gibt es F\u00f6rderprogramme und Beratungsangebote, die Unternehmen bei der barrierefreien Gestaltung finanziell und fachlich unterst\u00fctzen.<\/p>" } }, { "@type": "Question", "name": "Was sind die Konsequenzen, wenn eine Website nicht barrierefrei ist?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Die Folgen h\u00e4ngen davon ab, ob f\u00fcr die Seite eine gesetzliche Pflicht zur Barrierefreiheit besteht. <strong>Rechtlich<\/strong>: \u00d6ffentlich-rechtliche Websites, die gegen BITV\/EU-Richtlinien versto\u00dfen, k\u00f6nnen von Aufsichtsstellen beanstandet und von Nutzern via Beschwerdeverfahren gemeldet werden. F\u00fcr private Unternehmen, die unter das BFSG (ab 2025) fallen, sind Sanktionen klar definiert: Werden z.\u202fB. B2C-Onlineangebote nicht barrierefrei gestaltet, gilt dies als Ordnungswidrigkeit und es drohen <strong>Bu\u00dfgelder bis zu 100.000\u00a0\u20ac<\/strong> durch die Markt\u00fcberwachungsbeh\u00f6rden. Au\u00dferdem besteht die Gefahr <strong>wettbewerbsrechtlicher Abmahnungen<\/strong> durch Mitbewerber oder Verb\u00e4nde, da ein nicht-barrierefreies Angebot als unlauterer Vorteil gewertet werden kann. Unabh\u00e4ngig von gesetzlichen Pflichten schadet mangelnde Barrierefreiheit auch dem <strong>Image<\/strong> \u2013 ein Unternehmen vermittelt dadurch den Eindruck, gewisse Kundengruppen auszuschlie\u00dfen, was in Zeiten von Diversity- und CSR-Bewusstsein negativ aufgefasst wird. Zudem verliert man <strong>potenzielle Kunden<\/strong>: Menschen mit Behinderungen (und zunehmend \u00e4ltere Nutzer) wenden sich von einer schwer bedienbaren Website ab, was Umsatz kosten kann. Nicht zuletzt k\u00f6nnen barrierefreie Konkurrenten im <strong>SEO-Ranking<\/strong> vorbeiziehen, da Suchmaschinen usability-freundliche Seiten bevorzugen. Kurz: Wer Barrierefreiheit ignoriert, riskiert rechtliche Probleme, Ausschluss von Kunden und Reputationseinbu\u00dfen. Es lohnt sich also in mehrfacher Hinsicht, Barrieren gar nicht erst entstehen zu lassen bzw. z\u00fcgig zu beseitigen.<\/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="">Giriş Yap</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">Kullanıcı adı veya e-posta adresi <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">Parola <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-2716090469" 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-2716090469" 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-2716090469"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-woo-login-2716090469"), turnstile.render("#cf-turnstile-woo-login-2716090469", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-woo-login-2716090469"> <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="">Beni hatırla</span> </label> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="c759fcd2f3" /><input type="hidden" name="_wp_http_referer" value="/tr/barrierefreiheit-website/" /> <button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Giriş Yap" data-no-translation="" data-trp-gettext="" data-no-translation-value="">Giriş Yap</button> </p> <p class="woocommerce-LostPassword lost_password"> <a href="https://ai4performance.com/tr/benim-hesabim/lost-password/" data-no-translation="" data-trp-gettext="">Parolanızı mı unuttunuz?</a> </p> <input type="hidden" name="trp-form-language" value="tr"/></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="">Üye Ol</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">E-posta adresi <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="">Yeni parola oluşturmanız için e-posta adresinize bir bağlantı gönderilecek.</p> <div id="cf-turnstile-woo-register-3873537539" 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-3873537539" 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-3873537539"); e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-woo-register-3873537539"), turnstile.render("#cf-turnstile-woo-register-3873537539", {sitekey:"0x4AAAAAAAzHa8Po6XNUU4hU"})); }, 0); });</script> <br class="cf-turnstile-br cf-turnstile-br-woo-register-3873537539"> <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="b348052e7a" /><input type="hidden" name="_wp_http_referer" value="/tr/barrierefreiheit-website/" /> <button type="submit" class="woocommerce-Button woocommerce-button button woocommerce-form-register__submit" name="register" value="Üye Ol" data-no-translation="" data-trp-gettext="" data-no-translation-value="">Üye Ol</button> </p> <input type="hidden" name="trp-form-language" value="tr"/></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":"tr_TR","trp_original_language":"de_DE","trp_current_language":"tr_TR","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":"a71bb4e1a6","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":"2024-07-22 17:28:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"tr"},"This contact form is placed in the wrong place.":["Bu ileti\u015fim formu yanl\u0131\u015f yere yerle\u015ftirilmi\u015f."],"Error:":["Hata:"]}},"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\/tr\/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":"Kapat","currentText":"Bug\u00fcn","monthNames":["Ocak","\u015eubat","Mart","Nisan","May\u0131s","Haziran","Temmuz","A\u011fustos","Eyl\u00fcl","Ekim","Kas\u0131m","Aral\u0131k"],"monthNamesShort":["Oca","\u015eub","Mar","Nis","May","Haz","Tem","A\u011fu","Eyl","Eki","Kas","Ara"],"nextText":"Sonraki","prevText":"\u00d6nceki","dayNames":["Pazar","Pazartesi","Sal\u0131","\u00c7ar\u015famba","Per\u015fembe","Cuma","Cumartesi"],"dayNamesShort":["Paz","Pts","Sal","\u00c7ar","Per","Cum","Cts"],"dayNamesMin":["P","P","S","\u00c7","P","C","C"],"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\/tr\/?wc-ajax=%%endpoint%%","i18n_view_cart":"Sepeti g\u00f6r\u00fcnt\u00fcle","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\/tr\/?wc-ajax=%%endpoint%%","i18n_password_show":"\u015eifreyi g\u00f6ster","i18n_password_hide":"\u015eifreyi gizle"}; /* ]]> */ </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-04-16 23:11:08+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"tr"},"You are probably offline.":["B\u00fcy\u00fck olas\u0131l\u0131kla \u00e7evrim d\u0131\u015f\u0131s\u0131n\u0131z."],"Media upload failed. If this is a photo or a large image, please scale it down and try again.":["Ortam kar\u015f\u0131ya y\u00fcklenemedi. Bir foto\u011fraf veya b\u00fcy\u00fck bir g\u00f6rsel y\u00fckl\u00fcyorsan\u0131z l\u00fctfen k\u00fc\u00e7\u00fclt\u00fcp yeniden deneyin."],"The response is not a valid JSON response.":["Yan\u0131t ge\u00e7erli bir JSON yan\u0131t\u0131 de\u011fil."],"An unknown error occurred.":["Bilinmeyen bir sorun \u00e7\u0131kt\u0131."]}},"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/tr/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "341518ccc7" ); 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-04-16 23:11:08+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"tr"},"Tilde":["Tilde"],"Backtick":["Ters t\u0131rnak"],"Period":["Nokta"],"Comma":["Virg\u00fcl"]}},"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":"Siz de be\u011fenebilirsiniz...","max_bumps":999,"enable_ajax_add_to_cart":true,"checkout_page_url":"https:\/\/ai4performance.com\/tr\/checkout\/","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":"Sepeti g\u00f6r\u00fcnt\u00fcle","update_cart_item_variation_button":"G\u00fcncelleme","ok_button_label":"Sepete ekle","cancel_button_label":"\u0130ptal","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":"Bu \u00f6\u011feyi kald\u0131r\u0131n","proceed_to_checkout_label":"\u00d6deme i\u015flemine ge\u00e7in","continue_shopping_label":"Al\u0131\u015fveri\u015fe devam et","edit_cart_variation_label":"D\u00fczenle"},"checkout_params":{"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/ai4performance.com\/tr\/?wc-ajax=%%endpoint%%","remove_coupon_nonce":"c7c4e0f8f7","checkout_url":"https:\/\/ai4performance.com\/tr\/?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\/tr\/wp-json\/","nonce":"341518ccc7"}; /* ]]> */ </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:47-0400","generator":"WP-CLI\/2.10.0","source":"build\/js\/side-cart.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"tr_TR","plural-forms":"nplurals=2; plural=(n != 1);"},"Close Cart":["Sepeti Kapat"]}}} ); /* ]]> */ </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":"Ana Men\u00fc","toggleButton":"A\u00e7\/Kapat"},"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>

Barrierefreiheit für Websites
BFSG Gesetz seit 2025

Software Tool für Barrierefeiheit

ab 8,90 Euro/ Monat

Was sind barrierefreie Websites?

Schnelle, einfache barrierefreie Websites

Schneller, besser
und günstiger als alle anderen!

1) Softwaretool bestellen
2) Wählen Sie Farbe und Position aus
3) Kopieren Sie das Code Snippet
4) Fügen Sie das Code Snippet im Header Ihrer Webseite ein.
Fertig!

Konfiguration des Plugin

Installation des Plugin

Mustertext für Barrierefreiheitserklärung

Barrierefreiheit für Websites BFSG Gesetz seit 2025

Software Tool für Barrierefeiheit

ab 8,90 Euro/ Monat

Was sind barrierefreie Websites?

Schnelle, einfache barrierefreie Websites

Schneller, besser und günstiger als alle anderen!

1) Softwaretool bestellen 2) Wählen Sie Farbe und Position aus 3) Kopieren Sie das Code Snippet 4) Fügen Sie das Code Snippet im Header Ihrer Webseite ein. Fertig!

Konfiguration des Plugin

Installation des Plugin

Mustertext für Barrierefreiheitserklärung

Barrierefreiheit für Websites
BFSG Gesetz seit 2025

Schneller, besser
und günstiger als alle anderen!

1) Softwaretool bestellen
2) Wählen Sie Farbe und Position aus
3) Kopieren Sie das Code Snippet
4) Fügen Sie das Code Snippet im Header Ihrer Webseite ein.
Fertig!