{"id":2675,"date":"2025-01-07T11:26:32","date_gmt":"2025-01-07T11:26:32","guid":{"rendered":"https:\/\/decareto-test.qivoro.han-solo.net\/?p=2675"},"modified":"2025-01-07T11:31:00","modified_gmt":"2025-01-07T11:31:00","slug":"warum-unternehmen-ihre-website-auf-barrierefreiheit-pruefen-sollten","status":"publish","type":"post","link":"https:\/\/decareto.com\/de\/warum-unternehmen-ihre-website-auf-barrierefreiheit-pruefen-sollten\/","title":{"rendered":"Warum Unternehmen noch heute beginnen sollten, ihre Website auf Barrierefreiheit zu pr\u00fcfen"},"content":{"rendered":"\n<p>Die wenigsten Unternehmen in Europa haben dem Thema &#8222;Barrierefreie Website&#8220; bisher besonders viel Aufmerksamkeit geschenkt, und davon nehmen wir bei decareto uns auch selber nicht aus. Um das zu \u00e4ndern hat die Erop\u00e4ische Kommission den &#8222;European Accessibility Act&#8220; (EAA) erlassen, der allt\u00e4gliche Produkte und Dienstleistungen auch f\u00fcr Menschen mit Behinderungen zug\u00e4nglich machen soll. Damit wird sp\u00e4testens ab Juni 2025 die Barrierefreiheit f\u00fcr viele Unternehmen ein ernstzunehmendes Compliance-Thema, und wir m\u00f6chten mit dieser Artikel-Serie hilfreiche Tipps und Anleitungen rund um dieses Thema vermitteln. In diesem Beitrag beschreiben wir die wichtigsten Grundlagen f\u00fcr barrierefreie Websites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ist Barrierefreiheit gesetzlich vorgeschrieben?<\/h2>\n\n\n\n<p>In Deutschland m\u00fcssen die Websites \u00f6ffentlicher Stellen (Beh\u00f6rden und andere \u00f6ffentliche Einrichtungen auf Bundes-, Landes- und kommunaler Ebene) aufgrund des Bundesgleichstellungsgesetzes barrierefrei sein. Bei Verst\u00f6\u00dfen k\u00f6nnen zwar keine Bu\u00dfgelder verh\u00e4ngt werden, Menschen mit Behinderungen haben aber die M\u00f6glichkeit, \u00fcber eine Beschwerde und ein folgendes &#8222;Durchsetzungsverfahren&#8220; eine Korrektur zu erzwingen.<\/p>\n\n\n\n<p>Ab Juni 2025 gilt die Pflicht zur Barrierefreiheit auch f\u00fcr den privaten Sektor, denn ab dann gilt das <a href=\"https:\/\/www.bmas.de\/DE\/Service\/Gesetze-und-Gesetzesvorhaben\/barrierefreiheitsstaerkungsgesetz.html\" target=\"_blank\" rel=\"noreferrer noopener\">&#8222;Barrierefreiheitsst\u00e4rkungsgesetz&#8220; (BFSG)<\/a>, das den EAA in nationales Recht umsetzt und bei Verst\u00f6\u00dfen auch Bu\u00dfgelder vorsieht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gibt es weitere Gr\u00fcnde, eine Website barrierefrei umzusetzen?<\/h2>\n\n\n\n<p>Es ist nicht nur aufgrund von rechtlichen Pflichten bzw. Compliance ratsam, Menschen mit Behinderungen nicht von der Nutzung der eigenen Website auszuschlie\u00dfen. Es liegt vielmehr aus einer ganzen Reihe weiterer Gr\u00fcnde im eigenen unternehmerischen Interesse, Websites barrierefrei zu gestalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erh\u00f6hung der Reichweite<\/h3>\n\n\n\n<p>Die Europ\u00e4ische Kommission geht von 87 Millionen Menschen mit Behinderung aus, die vom European Accessibility Act profitieren sollen. Eine barrierefreie Website ist f\u00fcr Menschen mit Seh-, H\u00f6r- oder motorischen Einschr\u00e4nkungen zug\u00e4nglich und vergr\u00f6\u00dfert damit die Reichweite und damit potentiell auch die Kundenbasis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verbesserte Benutzerfreundlichkeit<\/h3>\n\n\n\n<p>Die Vorgaben zur Barrierefreiheit kommen nicht nur behinderten Menschen zugute, denn sie erzwingen eine konsistente Navigation, gut sichtbare Schaltfl\u00e4chen und saubere Strukturierung. Damit f\u00fchren sie zu einer besseren Usability f\u00fcr alle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Besseres SEO-Ranking<\/h3>\n\n\n\n<p>Google und andere Suchmaschinen bevorzugen barrierefreie Websites. Das liegt an folgenden Gr\u00fcnden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gute Usability f\u00fchrt zu geringerer Absprungrate und l\u00e4ngerer Verweildauer<\/li>\n\n\n\n<li>Eine klare Strukturierung des HTML-Codes erleichtert damit das Crawlen und Indizieren der Inhalte<\/li>\n\n\n\n<li>Barrierefreie Websites sind f\u00fcr die Verwendung von Screen-Readern ausgelegt, was Ihre Auffindbarkeit bei Voice-Suche verbessert<\/li>\n\n\n\n<li>Suchmaschinen w\u00fcrdigen Konformit\u00e4t zu Standards wie WCAG<\/li>\n\n\n\n<li>Barrierefreiheit bedeutet oft auch geringere Ladezeiten einer Seite, was SEO zu gute kommt<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">St\u00e4rkung von Image und Markenwahrnehmung<\/h3>\n\n\n\n<p>Wenn Ihr Unternehmen Inklusion und Zug\u00e4nglichkeit ernst nimmt wird es als verantwortungsbewusst und fortschrittlich wahrgenommen. Dies ist gerade f\u00fcr Unternehmen ab einer bestimmten Gr\u00f6\u00dfe oder in regulierten M\u00e4rkten nicht unwichtig.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Unternehmen m\u00fcssen ihre Website barrierefrei umsetzen?<\/h2>\n\n\n\n<p>Das BFSG gilt zwischen Unternehmern und Verbrauchern und betrifft sowohl Produkte als auch Dienstleistungen. Sie sind unter anderem in folgenden F\u00e4llen betroffen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wenn Sie Hersteller, Importeur oder H\u00e4ndler von digitalen Produkten wie etwa Smartphones, Ebook-Reader, Geldautomaten oder internetf\u00e4hige Fernseher sind.<\/li>\n\n\n\n<li>Wenn Sie Dienstleistungen wie etwa Telefondienste oder Personenbef\u00f6rderung erbringen. Insbesondere ist der &#8222;elektronische Gesch\u00e4ftsverkehr&#8220; betroffen, womit neben Online-Shops auch Buchungen aller Art (auch Online-Terminbuchungen) und vergleichbare Interaktionen gemeint sind.<\/li>\n<\/ul>\n\n\n\n<p>Das Gesetz sieht einige Ausnahmem vor, etwa was Inhalte angeht die vor dem Stichtag 28.06.2025 erstellt wurden, zudem gilt es unter bestimmten Voraussetzungen nicht f\u00fcr &#8222;Kleinstunternehmen&#8220;, Sie sollten im Zweifelsfall ein Anwalt hinzuziehen.<\/p>\n\n\n\n<p>Wenn eine Website von einer \u00f6ffentlichen Stelle betrieben wird, oder wenn auf der Website etwas gekauft oder ein Gesch\u00e4ft angebahnt werden kann, dann muss sie also vermutlich barrierefrei umgesetzt werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet Barrierefreiheit auf Websites?<\/h2>\n\n\n\n<p>Nicht-barrierefreie Websites schlie\u00dfen insbesondere Menschen mit einer Sehbehinderung aus:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blinde Menschen verwenden Screenreader, die den Inhalt einer Website vorlesen. In Windows ist der &#8222;Narrator&#8220; vorinstalliert, in MacOS gibt es &#8222;Voiceover&#8220;. Die Interaktion erfolgt \u00fcber die Tastatur ohne Zuhilfenahme der Maus. Die Programmierung der Website muss so erfolgen, dass dies problemlos m\u00f6glich ist, denn viele Elemente in Websites erschweren die Verwendung von Screenreadern (etwa Slider sowie Links und Bilder ohne verst\u00e4ndliche Beschriftung) oder m\u00fcssen speziell daf\u00fcr angepasst werden, wie etwa Eingabeformulare. Die Bedienung per Tastatur kommt auch Menschen mit einer motorischen Einschr\u00e4nkung zugute.<\/li>\n\n\n\n<li>Menschen mit stark eingeschr\u00e4nkter Sicht ben\u00f6tigen m\u00f6glicherweise keinen Screenreader, sie ben\u00f6tigen aber die M\u00f6glichkeit, den Text der Seite stark zu vergr\u00f6\u00dferen, was nicht auf allen Seiten funktioniert, und sie ben\u00f6tigen ausreichenden Kontrast in der Farbgebung.<\/li>\n\n\n\n<li>Blinde und geh\u00f6rlose Menschen k\u00f6nnen Videos nur dann nutzen, wenn es ein Transkript oder Untertitel gibt.<\/li>\n<\/ul>\n\n\n\n<p>Weitere Anforderungen an Barrierefreiheit sind eine einfache Sprache (f\u00fcr Menschen mit einer kognitiven Beeintr\u00e4chtigung) oder die Ber\u00fccksichtigung von Farbgebung (f\u00fcr Menschen mit einer Rot-Gr\u00fcn-Schw\u00e4che).<\/p>\n\n\n\n<p>Der allgemein verwendete und auch international akzeptierte Standard f\u00fcr Barrierefreiheit auf Websites ist beschrieben in den <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cW3C Web Content Accessibility Guidelines\u201d<\/a>, die aktuell in Version 2 vorliegen und auf 13 Richtlinien basieren.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Wahrnehmbar\n<ol class=\"wp-block-list\">\n<li>Stellen Sie Textalternativen f\u00fcr alle Nicht-Text-Inhalte zur Verf\u00fcgung, so dass diese in andere vom Benutzer ben\u00f6tigte Formen ge\u00e4ndert werden k\u00f6nnen, wie zum Beispiel Gro\u00dfschrift, Braille, Symbole oder einfachere Sprache.<\/li>\n\n\n\n<li>Stellen Sie Alternativen f\u00fcr zeitbasierte Medien zur Verf\u00fcgung.<\/li>\n\n\n\n<li>Erstellen Sie Inhalte, die auf verschiedene Arten dargestellt werden k\u00f6nnen (zum Beispiel mit einfacherem Layout), ohne dass Informationen oder Strukturen verloren gehen.<\/li>\n\n\n\n<li>Machen Sie es f\u00fcr die Benutzer leichter, Inhalte zu sehen und zu h\u00f6ren, einschlie\u00dflich der Trennung zwischen Vordergrund und Hintergrund.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Bedienbar\n<ol class=\"wp-block-list\">\n<li>Sorgen Sie daf\u00fcr, dass alle Funktionalit\u00e4ten von der Tastatur aus verf\u00fcgbar sind.<\/li>\n\n\n\n<li>Geben Sie den Benutzern ausreichend Zeit, Inhalte zu lesen und zu benutzen.<\/li>\n\n\n\n<li>Gestalten Sie Inhalte nicht auf Arten, von denen bekannt ist, dass sie zu Anf\u00e4llen f\u00fchren.<\/li>\n\n\n\n<li>Stellen Sie Mittel zur Verf\u00fcgung, um Benutzer dabei zu unterst\u00fctzen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.<\/li>\n\n\n\n<li>Machen Sie es Benutzern leichter, andere Eingabeger\u00e4te als Tastaturen zu verwenden.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Verst\u00e4ndlich\n<ol class=\"wp-block-list\">\n<li>Machen Sie Textinhalte lesbar und verst\u00e4ndlich.<\/li>\n\n\n\n<li>Sorgen Sie daf\u00fcr, dass Webseiten vorhersehbar aussehen und funktionieren.<\/li>\n\n\n\n<li>Helfen Sie den Benutzern dabei, Fehler zu vermeiden und zu korrigieren.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Robust\n<ol class=\"wp-block-list\">\n<li>Maximieren Sie die Kompatibilit\u00e4t mit aktuellen und zuk\u00fcnftigen Benutzeragenten, einschlie\u00dflich assistierender Techniken.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<p>Der Aufwand, eine Website Richtlinien-konform umzusetzen oder anzupassen ist nicht zu untersch\u00e4tzen, wir werden in folgenden Artikeln n\u00e4her auf die konkrete Umsetzung eingehen. Die WCAG sehen drei Konformit\u00e4tsstufen vor (A bis AAA), die unterschiedlich aufw\u00e4ndig in der Umsetzung sind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie kann eine Website auf Barrierefreiheit gepr\u00fcft werden?<\/h2>\n\n\n\n<p>Die Pr\u00fcfung einer Website auf Barrierefreiheit sollte immer eine Kombination aus manuellen und automatisierten Tests sein &#8211; darin \u00e4hnelt es der Pr\u00fcfung auf Datenschutzkonformit\u00e4t.<\/p>\n\n\n\n<p>Automatisierte Tests k\u00f6nnen insb. technische Aspekte und die Programmierung der Website \u00fcberpr\u00fcfen, also Themen wie Farbkontrast, Alternativtexte, Bedienung per Tastatur etc. Da eine saubere Programmierung unter Ber\u00fccksichtigung der WCAG-Standards entscheidend f\u00fcr eine barrierefreie Benutzung ist, k\u00f6nnen durch Automatisierung viele Fehler sehr schnell gefunden werden.<\/p>\n\n\n\n<p>Andererseits k\u00f6nnen bestimmte Fehler durch automatisierte Tests nur schlecht aufgedeckt werden, etwa ob alle Navigationselemente \u00fcber die Tastatur erreicht werden k\u00f6nnen, ob Alternativtexte sinnvoll sind, oder ob die sichtbare Ordnung auf der Seite der Strukturierung des HTML-Codes entspricht.<\/p>\n\n\n\n<p>Eine gute Bewertung durch automatisierte Tests ist also eine notwendige, aber keine hinreichende Bedingung f\u00fcr Barrierefreiheit.<\/p>\n\n\n\n<p>Kostenfreie Tools zur Pr\u00fcfung der Barrierefreiheit sind etwa WAVE (https:\/\/wave.webaim.org\/) oder Lighthouse, welches Bestandteil der Entwickler-Tools in jedem Chrome-Browser ist. Mit solchen Tools k\u00f6nnen einzelne Seiten getestet werden, sie geben aber keine Information dazu welche Fehler auf mehreren Seiten gefunden werden und erlauben auch keine kontinuierliche \u00dcberwachung.<\/p>\n\n\n\n<p>Diese M\u00f6glichkeiten gibt es aktuell nur bei sehr hochpreisigen Produkten. decareto Compliance Monitoring wird ab 2025 eine automatisierte Pr\u00fcfung einer gesamten Website zu einem Bruchteil der Kosten anbieten die von vergleichbaren Tools aufgerufen werden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die wenigsten Unternehmen in Europa haben dem Thema &#8222;Barrierefreie Website&#8220; bisher besonders viel Aufmerksamkeit geschenkt, und davon nehmen wir bei decareto uns auch selber nicht aus. Um das zu \u00e4ndern hat die Erop\u00e4ische Kommission den &#8222;European Accessibility Act&#8220; (EAA) erlassen, der allt\u00e4gliche Produkte und Dienstleistungen auch f\u00fcr Menschen mit Behinderungen zug\u00e4nglich machen soll. Damit wird [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Warum Sie Ihre Website auf Barrierefreiheit pr\u00fcfen sollten","_seopress_titles_desc":"Ab Mitte 2025 m\u00fcssen E-Commerce-Websites barrierefrei gestaltet und umgesetzt sein. Wir erkl\u00e4ren die Details und welche Folgen das hat.","_seopress_robots_index":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-2675","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"acf":[],"_links":{"self":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/2675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/comments?post=2675"}],"version-history":[{"count":2,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/2675\/revisions"}],"predecessor-version":[{"id":2687,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/2675\/revisions\/2687"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media\/2678"}],"wp:attachment":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media?parent=2675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/categories?post=2675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/tags?post=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}