# Barrierefreie Webseite - Veröffentlicht: 2025-02-23 - Aktualisiert: 2025-05-20 - Autor: Felix - Quelle: https://art-kon-tor-digital.de/barrierefreie-webseite/ --- [vc_row row_type="row" use_row_as_full_screen_section="no" type="full_width" text_align="center" background_animation="none" css_animation="" css=".vc_custom_1724315220696{background-image: url(https://art-kon-tor-digital.de/wp-content/uploads/2024/08/pexels-mart-production-8327772-1.jpg?id=23071) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column css=".vc_custom_1724315248812{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;background-color: rgba(0,0,0,0.6) !important;*background-color: rgb(0,0,0) !important;}"][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="left" css_animation=""][vc_column_inner][vc_empty_space height="80px"][vc_column_text css=".vc_custom_1723549328146{margin-top: 200px !important;margin-bottom: 200px !important;}"] # Dein Partner für eine robuste und barrierefreie Website ## Jetzt einen Termin für deine Website vereinbaren [/vc_column_text][vc_empty_space height="80px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation="" css=".vc_custom_1723542466015{margin-top: 30px !important;margin-right: 30px !important;margin-bottom: 30px !important;margin-left: 30px !important;}"][vc_column][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="left" css_animation="" css=".vc_custom_1747735511772{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;border-left-style: solid !important;border-right-style: solid !important;border-top-style: solid !important;border-bottom-style: solid !important;border-radius: 10px !important;border-color: #ff6600 !important;}"][vc_column_inner width="1/6" css=".vc_custom_1723542783192{padding-top: 75px !important;}"][/vc_column_inner][vc_column_inner width="5/6"][vc_empty_space height="30px"][vc_column_text css=""] **Was?** Verbesserung der Benutzerfreundlichkeit von Webseiten für Menschen mit Beeinträchtigungen **Wann?** Bis zum 28.06.2025 **Wie?** Kontaktiere uns für ein unverbindliches Erstgespräch! [/vc_column_text][vc_empty_space height="30px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation=""][vc_column][vc_empty_space height="30px"][vc_column_text css=""] ## Was ist das BFSG? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Das Barrierefreiheitsstärkungsgesetz (BFSG) dient dazu, die Barrierefreiheit von Produkten und Dienstleistungen zu verbessern. So wird die Gleichberechtigung von Menschen mit Einschränkungen weiter gefördert. Das BFSG gilt für alle Unternehmen, die im Rahmen des §1 (2) und (3) Produkte oder Dienstleistungen anbieten. Ausgenommen sind Kleinstunternehmen (<10 Mitarbeiter, <2 Mio € Jahresumsatz). Die Grundlage des BFSG bildet das *Gesetz zur Umsetzung der Richtlinie (EU) 2019/882 des Europäischen Parlaments und des Rates über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen und zur Änderung anderer Gesetze*(European Accessibility Act)*.* **Die Anforderungen des BFSG müssen ab dem 28.06.2025 erfüllt sein.** [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Das BFSG bezieht sich hierbei vor allem auf digitale Produkte und Dienstleistungen: [/vc_column_text][vc_empty_space height="30px"][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="left" css_animation=""][vc_column_inner el_class="vc_col-sm-push-6" width="1/2"][vc_single_image image="23067" img_size="full" css="" qode_css_animation=""][/vc_column_inner][vc_column_inner el_class="vc_col-sm-pull-6" width="1/2"][vc_empty_space height="30px"][vc_column_text css=""] #### Produkte [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] - Computer, Notebooks, Tablets Smartphones - Geldautomaten, Fahrausweis- und Check-In-Automaten - E-Book-Lesegeräte - Router [/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height="60px"][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="left" css_animation=""][vc_column_inner el_class="vc_col-sm-push-6" width="1/2"][vc_empty_space height="30px"][vc_column_text css=""] #### Dienstleistungen [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] - Telefondienste - E-Books - Messengerdienste - Auf Mobilgeräten angebotene Dienstleistungen im überregionalen Personenverkehr - Bankdienstleistungen - Elektronischer Geschäftsverkehr - Personenbeförderungsdienste [/vc_column_text][/vc_column_inner][vc_column_inner el_class="vc_col-sm-pull-6" width="1/2"][vc_single_image image="23068" img_size="full" alignment="right" css="" qode_css_animation=""][/vc_column_inner][/vc_row_inner][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation="" css=".vc_custom_1723547626048{background-color: #f4f4f4 !important;}"][vc_column][vc_empty_space height="30px"][vc_column_text css=""] ## Welche Websites sind betroffen? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Das BFSG gilt für alle Internetseiten in folgenden Bereichen: [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] - Banken - Online-Banking - Bankdienstleistungen - Personenbeförderungsdiensten im Luft-, Bus-, Schienen- und Schiffsverkehr (ausgenommen ist hier nur der Regionalverkehr) - Telekommunikationsdiensten - Online-Shops und E-Commerce - Online-Terminbuchungen [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Grundsätzlich gilt das BFSG für alle Seiten, über die Produkte und Dienstleistungen vorgestellt UND Buchungen oder Zahlungen getätigt werden können. Websites sind ausgenommen, wenn über die Seite Produkte oder Dienstleistungen nur vorgestellt werden, und nicht gegen Entgelt erworben oder gebucht werden können. Das BFSG bezieht sich auf Verbraucher. B2B-Shops, sofern klar ersichtlich, sind also ausgenommen. [/vc_column_text][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation=""][vc_column][vc_empty_space height="30px"][vc_column_text css=""] ## Wie sieht eine barrierefreie Website aus? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Die Anforderungen orientieren sich an den Web Content Accessibility Guidelines (WCAG). Nach diesen müssen Websites und Onlineshops folgenden 4 Prinzipien entsprechen: [/vc_column_text][vc_empty_space height="30px"][vc_accordion style="accordion"][vc_accordion_tab title="Wahrnehmbarkeit" title_tag="h3"][vc_column_text css=""] Durch hohen Kontrast und skalierbare Schriftgrößen können sich auch Menschen mit eingeschränkter Sehkraft auf der Website zurechtfinden. Die Inhalte sollten mit mindestens zwei Sinnen wahrnehmbar sein (z.B. Alternativtexte für Bilder, Untertitel für Videos). [/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Bedienbarkeit" title_tag="h3"][vc_column_text css=""] Die Website muss auch nur mit einer Tastatur navigiert werden können, auch ohne Maus. [/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Verständlichkeit" title_tag="h3"][vc_column_text css=""] Eine klare und einfache Sprache, sowie übersichtliche und logische Struktur sorgen dafür, dass der Nutzer sich besser auf der Website zurechtfinden kann. [/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Robustheit" title_tag="h3"][vc_column_text css=""] Die Website kann auf verschiedenen Endgeräten (z.B. Desktop oder Mobil) ohne Fehler und Verlust von Inhalten angezeigt werden und muss von bspw. Screenreadern interpretiert werden können [/vc_column_text][/vc_accordion_tab][/vc_accordion][vc_empty_space height="30px"][vc_column_text css=""] Die genauen Kriterien lassen sich in den WCAG nachlesen. [/vc_column_text][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation=""][vc_column][vc_empty_space height="30px"][vc_column_text css=""] ## Welche Vorteile bietet eine barrierefreie Website? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Unabhängig von den gesetzlichen Vorgaben, ist es trotzdem sinnvoll, deine Website zu überarbeiten. Eine übersichtlichere Struktur und Bedienbarkeit sorgt für eine verbesserte Benutzerfreundlichkeit. Davon profitieren alle Nutzer! Außerdem beeinflusst dies das Suchmaschinenranking der Website und erhöht deine Reichweite. [/vc_column_text][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="yes" type="full_width" text_align="left" background_animation="none" css_animation="element_from_fade" transition_delay="300" css=".vc_custom_1692109524036{background: #f4f4f4 url(https://art-kon-tor-digital.de/wp-content/uploads/2022/04/newwebtec-leistungen.jpg?id=22560) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="center" css_animation="element_from_fade" el_id="services"][vc_column_inner][vc_empty_space height="100px"][vc_column_text] ## Ganzheitliche Konzeptionierung und Implementierung von Projekten: [/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner row_type="row" type="grid" use_row_as_full_screen_section_slide="no" use_as_box="use_row_as_box" text_align="left" padding_top="100" css_animation="element_from_fade" el_class="usp"][vc_column_inner width="1/4" css=".vc_custom_1692107803147{margin-top: 10px !important;margin-right: 10px !important;margin-bottom: 10px !important;margin-left: 10px !important;background-color: #ffffff !important;border-radius: 10px !important;}"][vc_separator type="transparent" border_style="" up="30" down="0"][vc_column_text] ### [Webdesign & UI/UX Optimierung](/webdesign-und-ui-ux-optimierung/) Umsetzung deines Webauftritts nach deinen Vorstellung und CI/CD Vorgaben [/vc_column_text][vc_separator type="transparent" border_style="" up="30" down="0"][/vc_column_inner][vc_column_inner width="1/4" css=".vc_custom_1692107772787{margin-top: 10px !important;margin-right: 10px !important;margin-bottom: 10px !important;margin-left: 10px !important;background-color: #ffffff !important;border-radius: 10px !important;}"][vc_separator type="transparent" border_style="" up="30" down="0"][vc_column_text] ### [Web- & Mobile-Development](/web-und-mobile-development/) Entwicklung von WebApps bis hin zum Online Shopsystem [/vc_column_text][vc_separator type="transparent" border_style="" up="30" down="0"][/vc_column_inner][vc_column_inner width="1/4" css=".vc_custom_1692107751687{margin-top: 10px !important;margin-right: 10px !important;margin-bottom: 10px !important;margin-left: 10px !important;background-color: #ffffff !important;border-radius: 10px !important;}"][vc_separator type="transparent" border_style="" up="30" down="0"][vc_column_text] ### [Online Marketing](/online-marketing-und-social-media/) Steigere die qualitativen Besucher auf deinen Internetpräsenzen - SEO, SEA, Social Media [/vc_column_text][vc_separator type="transparent" border_style="" up="30" down="0"][/vc_column_inner][vc_column_inner width="1/4" css=".vc_custom_1692107759617{margin-top: 10px !important;margin-right: 10px !important;margin-bottom: 10px !important;margin-left: 10px !important;background-color: #ffffff !important;border-radius: 10px !important;}"][vc_separator type="transparent" border_style="" up="30" down="0"][vc_column_text] ### [Projektmanagement](/projekt-und-qualitaetsmanagement/) Überwachung und Koordination deiner Webprojekte [/vc_column_text][vc_separator type="transparent" border_style="" up="30" down="0"][/vc_column_inner][/vc_row_inner][vc_row_inner row_type="row" type="full_width" use_row_as_full_screen_section_slide="no" text_align="center" css_animation=""][vc_column_inner][vc_empty_space height="30px"][Projekt starten](#kontakt)[vc_empty_space height="30px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation=""][vc_column][vc_empty_space height="30px"][vc_column_text css=""] ## Welche Vorteile bietet eine barrierefreie Website? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Unabhängig von den gesetzlichen Vorgaben, ist es trotzdem sinnvoll, deine Website zu überarbeiten. Eine übersichtlichere Struktur und Bedienbarkeit sorgt für eine verbesserte Benutzerfreundlichkeit. Davon profitieren alle Nutzer! Außerdem beeinflusst dies das Suchmaschinenranking der Website und erhöht deine Reichweite. [/vc_column_text][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation=""][vc_column width="1/2" el_class="vc_col-sm-push-6"][vc_empty_space height="30px"][vc_column_text css=""] ## Wie kann ich die Barrierefreiheit testen? [/vc_column_text][vc_empty_space height="30px"][vc_column_text css=""] Zum Prüfen der Richtlinien bieten sich kostenlose oder kostenpflichtige Tools, wie z.B. (s.u.) an. Diese lassen sich einsetzen, um einen Überblick über die Kompatibilität deiner Website zu bekommen. Für eine ausführlichere/umfassende Beratung stehen wir für die Erstellung oder Anpassung deiner Website zur Verfügung. [/vc_column_text][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" el_class="vc_col-sm-pull-6"][vc_empty_space height="30px"][vc_single_image image="23066" img_size="full" css="" qode_css_animation=""][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="left" background_animation="none" css_animation="" el_id="kontakt"][vc_column][vc_empty_space height="80px"][vc_column_text css=""] ## Jetzt Beratung für eine barrierefreie Website anfordern [/vc_column_text][vc_empty_space height="80px"] [vc_empty_space height="80px"][/vc_column][/vc_row]