{"id":237731,"date":"2023-08-28T11:45:22","date_gmt":"2023-08-28T09:45:22","guid":{"rendered":"https:\/\/devowl.io\/?post_type=knowledge-base&#038;p=237731"},"modified":"2024-02-28T21:07:02","modified_gmt":"2024-02-28T19:07:02","slug":"accessibility-of-real-cookie-banner","status":"publish","type":"knowledge-base","link":"https:\/\/devowl.io\/de\/wissensdatenbank\/barrierefreiheit-real-cookie-banner\/","title":{"rendered":"Barrierefreiheit von Real Cookie Banner"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><span style=\"font-weight: 400;\">Real Cookie Banner ist ab Version 3.10 barrierefrei. Damit sind auch erste Schritte auf deiner Website f\u00fcr Menschen mit verschiedenen Behinderungen und Einschr\u00e4nkungen zug\u00e4nglich! In diesem Artikel erkl\u00e4ren wir dir, warum deine Website inkl. Cookie Banner barrierefrei sein sollte, inwiefern Real Cookie Banner barrierefrei ist und was du als Website-Betreiber bei der Einrichtung deines Cookie Banners hinsichtlich Barrierefreiheit beachten musst.<\/span><\/p>\n<\/div><\/div><div class=\"w-iconbox us_custom_8551abba iconpos_left style_outlined color_primary align_left no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:18px;\"><i class=\"fas fa-info\"><\/i><\/div><div class=\"w-iconbox-meta\"><div class=\"w-iconbox-text\"><p>Wir m\u00fcssen darauf hinweisen, dass die folgenden Aussagen keine Rechtsberatung darstellen. Wir k\u00f6nnen dir daher nur Einsch\u00e4tzungen aus unserer intensiven Erfahrung mit den EU-Rechtsvorschriften in der Praxis und eine technische Einsch\u00e4tzung der Situation geben.<\/p>\n<\/div><\/div><\/div><div class=\"w-iconbox us_custom_b3e83165 podcast-box iconpos_left style_circle color_primary align_left\"><div class=\"w-iconbox-icon\" style=\"font-size:30px;\"><i class=\"fas fa-waveform\"><\/i><\/div><div class=\"w-iconbox-meta\"><span class=\"w-iconbox-title\">Artikel als Podcast: H\u00f6r dir den Artikel an!<\/span><div class=\"w-iconbox-text\"><p><audio class=\"wp-audio-shortcode\" id=\"audio-237731-2\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/podcast\/de\/accessibility-of-real-cookie-banner-de-2023-11-01-v2.mp3?_=2\" \/><a href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/podcast\/de\/accessibility-of-real-cookie-banner-de-2023-11-01-v2.mp3\">https:\/\/devowl.io\/wp-content\/uploads\/blog\/podcast\/de\/accessibility-of-real-cookie-banner-de-2023-11-01-v2.mp3<\/a><\/audio><\/p>\n<\/div><\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span style=\"font-weight: 400;\">Erf\u00fcllung von Barrierefreiheit als gesetzliche Pflicht<\/span><\/h2>\n<p class=\"translation-block\">Barrierefreiheit auf Websites ist ab dem 28. Juni 2025 f\u00fcr fast alle europ\u00e4ischen Unternehmen, Freiberufler und Selbstst\u00e4ndige gesetzlich nach dem <a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/EN\/TXT\/?uri=CELEX32019L0882\" target=\"_blank\"><span style=\"font-weight: 400\">European Accessibility Act (EAA)<\/a>, also einer Richtlinie der EU zur Barrierefreiheit, vorgeschrieben. Dein Cookie Banner ist oft der erste Eindruck deiner Website, sodass es auch f\u00fcr eingeschr\u00e4nkte Menschen zug\u00e4nglich sein muss. Deshalb haben wir Real Cookie Banner in Einklang mit dem anerkannten <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\" target=\"_blank\"><span style=\"font-weight: 400\">standard WCAG 2.2 (nur auf Englisch verf\u00fcgbar)<\/a>  im Hinblick auf Wahrnehmbarkeit, Bedienbarkeit, Verst\u00e4ndlichkeit und Robustheit gebracht und somit nach unserer Auffassung barrierefrei nach dem European Accessibility Act gemacht. Ausgenommen von der verpflichtenden Umsetzung nach der Richtlinie sind nur Kleinstunternehmen \u2013 also Unternehmen, die weniger als zehn Personen besch\u00e4ftigen und die entweder einen Jahresumsatz von h\u00f6chstens 2 Millionen Euro erzielt oder dessen Jahresbilanzsumme sich auf h\u00f6chstens 2 Millionen Euro bel\u00e4uft.<\/p>\n<p><span style=\"font-weight: 400;\">Unser Ziel ist es, dir als Website-Betreiber, die M\u00f6glichkeit zu geben, all deinen Website-Besuchern eine gleichberechtigte und hindernisfreie Erfahrung zu bieten. Damit soll sichergestellt werden, dass alle Nutzer, einschlie\u00dflich Menschen mit Behinderungen, gleichen Zugriff auf Informationen und Funktionalit\u00e4ten haben.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Was ist der Standard zur Barrierefreiheit WCAG?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">WCAG stands for &#8220;Web Content Accessibility Guidelines&#8221;. It is a collection of recommendations from the World Wide Web Consortium, the most important international standardization organization for the Internet, to make web content more accessible for people with disabilities.<\/span><\/p>\n<p class=\"translation-block\">Im August 2023 wurde die Version 2.2 des Standards ver\u00f6ffentlicht, der momentan als Ma\u00dfstab f\u00fcr Barrierefreiheit im Internet gilt. Der Standard ist in die drei Level der Zug\u00e4nglichkeit A (am wenigsten zug\u00e4nglich), AA und AAA (am zug\u00e4nglichsten) aufgeteilt. In der Praxis ist Level AA meist ein realistisch erreichbares Ziel und auch das Level, was nach dem European accessibility act f\u00fcr die Barrierefreiheit ausreicht. Weitere Erkl\u00e4rungen und Hinweise zum WCAG findest du auf der Website des <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\"><span style=\"font-weight: 400\">World Wide Web Consortium<\/span><\/a>.<\/p>\n<h2><span style=\"font-weight: 400;\">Wie Real Cookie Banner Barrierefreiheit umsetzt<\/span><\/h2>\n<p class=\"translation-block\">Real Cookie Banner hat das Ziel nach WCAG 2.2 Level AA Standard barrierefrei zu sein. Im Folgenden erkl\u00e4ren wir dir, in welchen Bereichen wir Real Cookie Banner inwiefern auf Barrierefreiheit ausgelegt haben. Falls du dir mal etwas auff\u00e4llt, was deiner Meinung nach nicht barrierefrei ist, dann melde dich gerne bei <a href=\"https:\/\/devowl.io\/de\/support\/\" target=\"_blank\">unserem Support<\/a>!<\/p>\n<h3><span style=\"font-weight: 400;\">Wahrnehmbarkeit: Farbkontrast, Schaltfl\u00e4chen und Schriftgr\u00f6\u00dfen<\/span><\/h3>\n<p class=\"translation-block\">Die Voreinstellungen f\u00fcr den Farbkontrast des Real Cookie Banner sind so gestaltet, dass er auch f\u00fcr Menschen mit Farbsehschw\u00e4chen leichter erkennbar ist. Im Customizer, wo du das \u00e4u\u00dfere Erscheinungsbild des Cookies Banner ver\u00e4ndern kannst, haben wir zus\u00e4tzlich Hinweise untergebracht, ob dein selbst angepasstes Design dem Standard der Barrierefreiheit entspricht oder ob du etwas ver\u00e4ndern musst. Wir berechnen dazu einen Barrierefreiheit-Score f\u00fcr dich, der dir mitteilt, wie barrierefrei dein Design ist. <a href=\"https:\/\/devowl.io\/de\/wissensdatenbank\/real-cookie-banner-design-aendern\/\" target=\"_blank\">Wie du das Design deines Cookie Banner \u00e4nderst<\/a>, haben wir dir in einem anderen Artikel erkl\u00e4rt.<\/p>\n<h3><span style=\"font-weight: 400;\">Bedienbarkeit: Tastaturnavigation<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Real Cookie Banner can be controlled entirely from the keyboard, which is especially advantageous for users who cannot or do not want to use a mouse. This also means that Real Cookie Banner is accessible to so-called &#8220;screen readers&#8221;, as all objects, links and texts can be recognized and read aloud. So a visually impaired or blind person can navigate through the Cookie Banner using keyboard commands alone, understanding what performs with which function.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Verst\u00e4ndlichkeit: Klare und einfache Sprache<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Die Texte des Real Cookie Banner sind in einer m\u00f6glichst klaren und einfachen Sprache gehalten, um sicherzustellen, dass alle Nutzer den Inhalt leicht verstehen k\u00f6nnen. Falls du Texte im Cookie Banner anpassen m\u00f6chtest, solltest du daher stets darauf achten, weiterhin eine klare und einfache Sprache zu nutzen.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Robustheit: Technische Standards eingehalten<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Real Cookie Banner erf\u00fcllt auch das Kriterium der Robustheit. Robustheit bedeutet, dass die bereitgestellten Inhalte gut mit den verwendeten Benutzeragenten, vor allem dem Webbrowser, und unterst\u00fctzenden Technologien, wie beispielsweise Screenreadern, harmonieren. Dies erfordert die Einhaltung von Standards bei der Content-Erstellung, darunter eine korrekte Syntax und konsistente Verwendung von HTML.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Warum solltest du deine gesamte Website barrierefrei gestalten?<\/span><\/h2>\n<p class=\"translation-block\">Abgesehen von der Tatsache, dass es eine gute Sache ist, allen Menschen den Zugang zum Internet und schlussendlich zu deiner Website zu erm\u00f6glichen, kann das deinem Gesch\u00e4ft helfen. Denn eine barrierefreie Website erreicht ein breiteres Publikum und verbessert seine Platzierung in Suchmaschinen. In <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\">PageSpeed Insights<\/a> von Google ist Barrierefreiheit ein eigener Score! Neben den moralischen und gesch\u00e4ftlichen Gr\u00fcnden ist es allerdings auch nach dem neuen European Accessibility Act gesetzliche Pflicht eine barrierefreie Website in der Europ\u00e4ischen Union anzubieten.<\/p>\n<h3><span style=\"font-weight: 400;\">Was du bei der Einrichtung deines Cookie Banners beachten musst<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Real Cookie Banner ist grunds\u00e4tzlich barrierefrei und erf\u00fcllt die Kriterien des anerkannten Standards WCAG 2.2, damit alle deine Website-Besucher deine Website uneingeschr\u00e4nkt nutzen k\u00f6nnen. Alle unsere Design-Vorlagen sind so gestaltet, dass sie die Vorgaben der Wahrnehmbarkeit, Bedienbarkeit, Verst\u00e4ndlichkeit und Robustheit erf\u00fcllen.<\/span><\/p>\n<p class=\"translation-block\"><b>Das bedeutet, dass du in der Regel nichts weiter tun musst<\/b>, als zu \u00fcberpr\u00fcfen, ob du die aktuellste Version des Real Cookie Banner nutzt und eine unserer Design-Vorlagen nutzt.<\/p>\n<p class=\"translation-block\">Wenn du das Design deines Cookie Banners selbst gestaltet hast, beachte unter Cookies &gt; Cookie Banner anpassen den Barrierefreiheit-Score. Er zeigt dir, wie barrierefrei dein Cookie Banner ist und gibt dir praktische Hinweise, was du noch \u00e4ndern musst, um ein barrierefreies Design deines Cookie Banner zu gestalten.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n<div id=\"promptbox_extension_root\"><\/div>","protected":false},"template":"","topic":[30],"class_list":["post-237731","knowledge-base","type-knowledge-base","status-publish","hentry","topic-common-issues-rcb"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/237731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/knowledge-base"}],"version-history":[{"count":8,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/237731\/revisions"}],"predecessor-version":[{"id":238757,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/237731\/revisions\/238757"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=237731"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/topic?post=237731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}