Barrierefreiheit im Online-Shop

<!DOCTYPE html> <html lang="de-de" dir="ltr" class='layout-erecht24-2021 com_content view-article itemid-3408 j31 mm-hover'> <head> <link href="https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html" rel="canonical" /> <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script><script type="text/javascript"> var _paq = window._paq || []; _paq.push(["setCookieDomain", "*.e-recht24.de"]); _paq.push(["setDomains", ["*.e-recht24.de","*.digistore24.com","*.webinarraum.net"]]); _paq.push(["enableCrossDomainLinking"]); _paq.push(["setCustomDimension", 1, "Gast"]); _paq.push(["enableHeartBeatTimer", 5]); _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function embedTrackingCode() { _paq.push(["setTrackerUrl", "//service.e-recht24.de/matomo.php"]); _paq.push(["setSiteId", "1"]); })(); </script> <script async type="text/javascript" src="//service.e-recht24.de/matomo.js"></script><script> // AB24-06 Google/Trust-Pilot Main Nav - 100% try { var cb_i2406_1=0; var cb_i2406_1interval = setInterval(function() { cb_i2406_1++; if (document.querySelector('img.logo-img') != null) { clearInterval(cb_i2406_1interval); document.querySelector('img.logo-img').setAttribute('src','https://www.e-recht24.de/mitglieder/wp-content/uploads/eRecht-Free-Logo-Bewertungen.svg'); document.querySelector('img.logo-img').style.width = 'unset'; } else { if(cb_i2406_1 > 50) clearInterval(cb_i2406_1interval); } }, 50); var cb_i2406_2=0; var cb_i2406_2interval = setInterval(function() { cb_i2406_2++; if (document.querySelector('#t3-stickynav img') != null) { clearInterval(cb_i2406_2interval); document.querySelector('#t3-stickynav img').style.width = '285px'; document.querySelector('#t3-stickynav img').setAttribute('src','https://www.e-recht24.de/mitglieder/wp-content/uploads/eRecht-Free-Logo-Bewertungen.svg'); } else { if(cb_i2406_2 > 50) clearInterval(cb_i2406_2interval); } }, 50); } catch (e) { console.log(e); } // CB-U1 try { if( document.URL.indexOf("/artikel/") > -1 ){ function cb_checkVisible(elm) { var rect = elm.getBoundingClientRect(); var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight); return !(rect.bottom < 0 || rect.top - viewHeight >= 0); } var u1_loaded = false; var cb_ui=0; var cb_uinterval = setInterval(function() { cb_ui++; if (document.querySelector('h3[data-identify]:last-of-type') != null) { clearInterval(cb_uinterval); var cb_box = document.querySelector('h3[data-identify]:last-of-type'); document.addEventListener('scroll', function () { if( u1_loaded == false && cb_checkVisible(cb_box) == true ){ var cb_script = document.createElement('script'); cb_script.src = 'https://www.e-recht24.de/cb/surveys/cb_u1.js'; document.head.appendChild(cb_script); u1_loaded = true; } }, {passive: true}); } else { if(cb_ui > 50) clearInterval(cb_uinterval); } }, 50); } } catch (e) { console.log(e); } /* ZM 2024-04-23 auskommentiert // CB-40 - Sticky Footer auf Artikeln - 100% Ausspielung try { if ( window.innerWidth > 1000 ) { function cb_get_top(el) { if( el !== null ){ return el.offsetTop + (el.offsetParent && cb_get_top(el.offsetParent)); } return false; } function cb_get_bottom(el) { if( el !== null ){ return el.offsetTop + (el.offsetParent && cb_get_top(el.offsetParent)); } return false; } var i_40=0; var interval_40 = setInterval(function() { i_40++; if ( document.querySelector('#ea-premium-1') !== null && document.querySelector('#ea-premium-1 h4') !== null && document.querySelector('.main .wrap') !== null ) { var cb_el_show_sticky_after = document.querySelector('#ea-premium-1'); var cb_el_show_sticky_after_top = cb_get_top(cb_el_show_sticky_after); var cb_el_show_sticky_before = document.querySelector('.main .wrap'); var cb_el_show_sticky_before_top = cb_get_top(cb_el_show_sticky_before); var cb_image = 'https://www.e-recht24.de/plugins/system/erechtarticle/images/premium.svg'; var cb_headline = document.querySelector('#ea-premium-1 h4').innerText; var cb_content = document.querySelector('#ea-premium-1 .ea-premium-text').innerHTML; var cb_cta_text = document.querySelector('#ea-premium-1 .ea-premium-button').innerText; var cb_cta_target = document.querySelector('#ea-premium-1 a').getAttribute('href'); if (cb_cta_target.substring(0, 24) != 'https://www.e-recht24.de'){ cb_cta_target = 'https://www.e-recht24.de'+cb_cta_target; } var cb_html = '<a href="'+cb_cta_target+'" id="cb40_v1_klick" style="max-width: 1180px; margin: 0 auto; display: block; text-decoration: none;"><div style="padding: 0px; color: #fff; position:relative;"> <div style="max-width: 70%; margin: 10px 0px; padding: 12px 24px;"> <div id="cb_40_c" class="ea-premium-wrap">'+cb_content+'</div> </div> <div style="position: absolute;bottom: 20px;right: 24px;"><img src="https://www.e-recht24.de/plugins/system/erechtarticle/images/premium.svg" style="max-height: 200px;position: relative;bottom: 0;"></div></div> </a> <a href="javascript:void(null);" id="cb_40_v1_close" style=" position: absolute; top: 5px; right: 10px;"><img src="https://www.e-recht24.de/mitglieder/wp-content/uploads/close-icon-white.svg" style=" width: 15px;"></a><style>#cb_40_c h1,#cb_40_c h2,#cb_40_c h3,#cb_40_c h4, #cb_40_c p, #cb_40_c li {color: #fff!important;} #cb_40_c.ea-premium-wrap {background-image: unset; margin-bottom: 0;} #cb_40_c h1,#cb_40_c h2,#cb_40_c h3,#cb_40_c h4 {margin-top: 0px; color: #ffffff !important; font-size: 28px !important; font-weight: 700 !important; line-height: 32px !important;} #cb_40_c ul {font-weight: 400; font-size: 16px; line-height: 20px; padding: 0; margin-left: 16px;} #cb_40_c ul li {background: none; list-style-type: none; position: relative; margin: 10px 0; } #cb_40_c ul li::before {content: \'\' !important; background: url(https://www.e-recht24.de/plugins/system/erechtarticle/images/list-elem.png); margin: -5px 8px -3px -10px; background-size: cover; display: inline-block; height: 15px; width: 15px; background-position: 0px; background-repeat: no-repeat;}</style>'; var newEl = document.createElement('div'); newEl.style.cssText = 'display: none; position: fixed; width: 100%; height: auto; background: #003e57; bottom: 0; z-index: 9999999999999999; background-size: cover;'; newEl.id = 'cb_40_sticky'; newEl.innerHTML = cb_html; document.body.appendChild(newEl); if( document.querySelector('#cb_40_c .ea-premium-button') !== null ){ cb_button_width = document.querySelector('#cb_40_c .ea-premium-button').offsetWidth; if( cb_button_width <= 350 ){ var newEl = document.createElement('img'); newEl.setAttribute('src', 'https://www.e-recht24.de/cb/cb37-ratings-new.png'); newEl.setAttribute('style', 'width: 270px;height: auto;margin: 0px 0px 0px 20px;'); var ref = document.querySelector('#cb_40_c .ea-premium-button') ref.parentNode.insertBefore(newEl, ref.nextSibling); } } var cb_sticky = document.getElementById('cb_40_sticky'); var cb_sticky_shown = false; window.addEventListener('scroll', function() { if( window.pageYOffset > cb_el_show_sticky_after_top && window.pageYOffset < cb_el_show_sticky_before_top ){ if( cb_sticky.style.display == 'none' && !document.querySelector('div[data-id="5"].eb-visible') ) { cb_sticky.style.display = 'block'; if( cb_sticky_shown === false ){ cb_sticky_shown = true; _paq.push(['trackEvent', "ab-cb40-banner eingeblendet", 'gezeigt', '']); if( typeof EngageBox != 'undefined' ){ EngageBox.onReady(function() { EngageBox.getInstance(7).destroy(); }); } } } } else{ if( cb_sticky.style.display == 'block' ) { cb_sticky.style.display = 'none'; } } }); if (document.querySelector('#cb40_v1_klick') != null) { document.querySelector("#cb40_v1_klick").addEventListener('click', function(e) { _paq.push(['trackEvent', "ab-cb40-banner: Klick v1", 'button', '']); }); } if (document.querySelector('#cb_40_v1_close') != null) { document.querySelector("#cb_40_v1_close").addEventListener('click', function(e) { document.querySelector('#cb_40_sticky').innerHTML = ''; _paq.push(['trackEvent', "ab-cb40-banner: Close v1", 'button', '']); }); } if( typeof EngageBox != 'undefined' && !EngageBox.getInstance('5') == false ){ EngageBox.getInstance('5').on('beforeOpen', function() { cb_sticky.style.display = 'none'; }); } clearInterval(interval_40); } else { if(i_40 > 200) clearInterval(interval_40); } }, 100); } } catch (e) { console.log(e); } */ try { cbws = ""; var cbqa = false; if(localStorage.getItem('cb') == "qa" || document.URL.indexOf("cb=qa") > -1) { cbqa = true; } // ENGAGEBOX: ANZEIGEN // tassos.gr/joomla-extensions/engagebox/docs/engagebox-javascript-api-2 var j=0; var interval2 = setInterval(function() { j++; if ( typeof EngageBox != "undefined") { // #1 EngageBox.onReady(function() { // #2 var b = EngageBox.getInstances(); for (var i = 0; i < b.length; i++) { // #3 b_id = b[i].id; b[i].on("afterOpen", function() { _paq.push(['trackEvent', "Engagebox angezeigt: " + b_id, document.location.pathname, cbws]); }); } }); // end engagebox ready clearInterval(interval2); } else { if(j > 500) clearInterval(interval2 ); } }, 100); jQuery( document ).ready(function() { // Support-Button: rot jQuery(document).on("click", "#support_tab", function() { _paq.push(['trackEvent', "Klick auf Support-Tab rot", "Support-Tab rot: " + document.location.pathname, ""]); }); // ENGAGEBOX: KLICKS slideinClicked = false; jQuery(document).on("click", "div.eb-inst.eb-7", function() { if( slideinClicked == false ) { _paq.push(['trackEvent', "Layer 7 slide-in Klick", document.location.pathname, cbws]); slideinClicked = true; } }); jQuery(document).on("click", "div.eb-inst.eb-5 #rstbox_5", function() { _paq.push(['trackEvent', "Layer 5 exit Intent Klick", document.location.pathname, '']); }); // Nav jQuery(document).on("click", ".t3-wrapper .t3-topbar a, .cb-t3-topbar a, .col-md-9.header-right", function() { _paq.push(['trackEvent', 'Topbar Klicks', jQuery(this).attr("href"), document.location.pathname]); }); jQuery("#t3-mainnav a").on("click", function() { _paq.push(['trackEvent', 'Navigation Klicks', jQuery(this).attr("href"), document.location.pathname]); }); jQuery("#t3-stickynav a").on("click", function() { _paq.push(['trackEvent', 'Sticky-Navigation Klicks', jQuery(this).attr("href"), document.location.pathname]); }); jQuery(document).on("click", "div.top-topics a", function() { _paq.push(['trackEvent', 'Top-Themen', 'Top-Themen: ' + jQuery(this).attr("href"), 'Top-Themen: ' + document.location.pathname]); }); // Top-Themen }); // end doc ready /* /ARTIKEL */ if(document.location.pathname.indexOf("/artikel/") > -1) { document.addEventListener("DOMContentLoaded", function() { // weiterlesen if( document.querySelector("a.su-button.su-button-style-3d.article-content[href='#1']") != null ) { document.querySelector("a.su-button.su-button-style-3d.article-content[href='#1']").addEventListener("click", function(event) { _paq.push(['trackEvent', 'Artikel Button blau: weiterlesen', document.location.pathname, '']); }); } // kaufen if( document.querySelector("a.su-button.su-button-style-3d.article-content[target='_self']") != null ) { document.querySelector("a.su-button.su-button-style-3d.article-content[target='_self']").addEventListener("click", function(event) { _paq.push(['trackEvent', 'Artikel Button blau: kaufen', document.location.pathname, '']); }); } }); } /* DATENSCHUTZGRUNDVERORDNUNG.HTML */ if(document.location.pathname == "/datenschutzgrundverordnung.html") { jQuery( document ).ready(function() { jQuery.fn.isInViewport2 = function() { if(jQuery(this).length > 0) { var elementTop = jQuery(this).offset().top; var elementBottom = elementTop + jQuery(this).outerHeight(); var viewportTop = jQuery(window).scrollTop(); var viewportBottom = viewportTop + jQuery(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; } }; select = jQuery("h2, h3"); jQuery(document).ready(function() { jQuery(document).on("scroll", function() { jQuery.each( select, function( key, value ) { if( jQuery(value).isInViewport2() ) { _paq.push(['trackEvent', "Scroll-Tracking: " + document.location.pathname, jQuery(value).text(), '']); select[key] = ""; } }); }); }); // KLICK blaue box jQuery("section.article-content > .su-row.su-clmms-yes.su-gutter-large a").on("click", function() { _paq.push(['trackEvent', "Klick-Tracking blauBox: " + document.location.pathname, jQuery(this).text(), '']); }); /*jQuery("div.microsite-dsgv a").on("click", function() { _paq.push(['trackEvent', "Klick-Tracking dsgvo special: " + document.location.pathname, jQuery(this).text(), '']); });*/ jQuery(".su-call-to-action.microsite-cta a").on("click", function() { _paq.push(['trackEvent', "Klick-Tracking cta orange: " + document.location.pathname, jQuery(this).text(), '']); }); }); } // fc function cBgetHashVariable(variable) { var query = window.location.hash.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } function cBgetQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } var fc = localStorage.getItem('fc'); if( fc == null ) { var quelle = ""; var medium = ""; var camp = ""; var lp = ""; if( document.location.hash.indexOf("pk_") > -1 || document.location.search.indexOf("pk_") > -1 ) { //console.log("__kampagne") if( cBgetHashVariable("pk_source") != "") { quelle = cBgetHashVariable("pk_source"); } if( cBgetQueryVariable("pk_source") != "") { quelle = cBgetQueryVariable("pk_source"); } if( cBgetHashVariable("pk_campaign") != "") { camp = cBgetHashVariable("pk_campaign"); } if( cBgetQueryVariable("pk_campaign") != "") { camp = cBgetQueryVariable("pk_campaign"); } if( cBgetHashVariable("pk_medium") != "") { medium = cBgetHashVariable("pk_medium"); } if( cBgetQueryVariable("pk_medium") != "") { medium = cBgetQueryVariable("pk_medium"); } quelle = quelle.replace("-", "").replace("-", "").replace("-", ""); camp = camp.replace("-", "").replace("-", "").replace("-", ""); medium = medium.replace("-", "").replace("-", "").replace("-", ""); } else { // quelle if (document.referrer == "" || document.referrer.indexOf("https://www.e-recht24.de/") > -1) { quelle = "direct"; } else if (document.referrer.indexOf("google") > -1 || document.referrer.indexOf("bing") > -1 || document.referrer.indexOf("yahoo") > -1 || document.referrer.indexOf("duckduckgo") > -1 || document.referrer.indexOf("ecosia") > -1 || document.referrer.indexOf("baidu.com") > -1 ) { quelle = "seo"; } else { quelle = "referral"; } // medium if(document.referrer) { medium = document.referrer.match(/:\/\/(.[^/]+)/)[1]; } else { medium = "NA"; } // camp if( document.location.pathname == "/muster-datenschutzerklaerung.html" ) { camp = "generatordsg"; } else if( document.location.pathname == "/impressum-generator.html" ) { camp = "generatorig"; } else { camp = "anders"; } } // lp lp = document.location.pathname.replace("/", "Q").replace("/", "Q").replace("/", "Q").replace("/", "Q").replace("/", "Q").replace("/", "Q").replace("/", "Q").replace("-", "").replace("-", "").replace("-", "").replace("-", ""); var cb_key = quelle + "_" + camp + "_" + medium + "_" + lp; if( cb_key.length > 127 ) { cb_key = cb_key.substr(0, 127); } localStorage.setItem('fc', cb_key); } // Content-Boxen messen in Matomo document.addEventListener("DOMContentLoaded", function() { if( document.querySelectorAll('[data-track-content]').length > 0 ){ _paq.push(['trackVisibleContentImpressions']); } }); } catch (e) { console.log(e); } </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Katharina Steinröder" /> <meta name="robots" content="index,follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta name="description" content="In wenigen Schritten zur Barrierefreiheit im Online-Shop ✓ rechtliche Anforderungen an einen barrierefreien Shop ✓ Checkliste & Tipps ► Jetzt bei eRecht24 lesen!" /> <title>Barrierefreiheit im Online-Shop | eRecht24</title> <link href="/templates/ja_teline_v/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="https://www.e-recht24.de/index.php?option=com_search&Itemid=144&catid=125&id=13337&lang=de&view=article&format=opensearch" rel="search" title="Suchen eRecht24" type="application/opensearchdescription+xml" /> <link href="/templates/ja_teline_v/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/bdthemes_shortcodes/css/shortcode-ultimate.css" rel="stylesheet" type="text/css" /> <link href="https://www.e-recht24.de/plugins/system/erechtarticle/css/erechtarticle.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/bdthemes_shortcodes/shortcodes/e24spoiler/css/spoiler.css" rel="stylesheet" type="text/css" /> <link href="https://www.e-recht24.de/media/plg_erecht24_safe_sharing/assets/shariff.complete.css" rel="stylesheet" type="text/css" /> <link href="/media/plg_system_jcepro/site/css/content.min.css?86aa0286b6232c4a5b58f892ce080277" rel="stylesheet" type="text/css" /> <link href="/media/com_rstbox/css/engagebox.css?5f4d774ec54fba12cbab59e80b9f593e" rel="stylesheet" type="text/css" /> <link href="/plugins/system/microformatsvotes/assets/css/microformatsvotes.css" rel="stylesheet" type="text/css" media="screen" /> <link href="/templates/system/css/system.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/css/template.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/css/megamenu.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/local/fonts/roboto/css/roboto.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/local/fonts/roboto-condensed/css/roboto-condensed.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/local/fonts/lato/css/lato.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/css/custom.css" rel="stylesheet" type="text/css" /> <link href="/templates/ja_teline_v/local/css/2021.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/bdthemes_shortcodes/css/row-column.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/bdthemes_shortcodes/shortcodes/panel/css/panel.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/bdthemes_shortcodes/shortcodes/button/css/button.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #nl_anmeldung_im_article_wrapper { display: flex; padding:48px; gap:50px; align-items: center; } .nl_anmeldung_im_article .textwrapper { display: flex; flex-direction: column; flex:2; } .nl_anmeldung_im_article .imagewrapper { flex:1; } .nl_anmeldung_im_article { color: white; background: url("/images/landingpages/header-background-gradient.svg"); background-size: cover; font-family: "Lato"; } .nl_anmeldung_im_article p { margin: 0; } .nl_anmeldung_im_article .slogansub { font-weight: 400; font-size: 16px; line-height: 17px; letter-spacing: 1px; padding-bottom: 12px; } .nl_anmeldung_im_article .slogan { font-weight: 400; font-size: 32px; line-height: 34px; padding-bottom: 20px; } .nl_anmeldung_im_article .info { font-weight: 400; font-size: 16px; line-height: 20px; padding-bottom: 30px; } .nl_anmeldung_im_article .subhead { font-size:16px; font-weight: 700; padding-bottom:20px; } .nl_anmeldung_im_article .signout { font-style: italic; font-weight: 400; font-size: 14px; line-height: 14px; padding-bottom: 20px; } .nl_anmeldung_im_article .formwrapper { width:100%; } .nl_anmeldung_im_article .label_mail { font-weight: 400; font-size: 14px; line-height: 14px; padding-bottom: 8px; } .nl_anmeldung_im_article input { height: 41px; width: 100%; margin-bottom: 16px; padding:8px; font-size: 14px; line-height:17px; } .nl_anmeldung_im_article .nlbuttonwrapper { width:100%; display:flex; gap: 50px; } .nl_anmeldung_im_article #nl_art_btn { background-color: #5de8c1; border: 2px solid #5de8c1; width: 100%; display: inline-block; text-decoration: none; transition: all .2s; border-radius: 2px; text-transform: uppercase; text-align: center; box-sizing:border-box; padding: 16px 24px; } .nl_anmeldung_im_article #nl_art_btn { color: #0A4768; display: block; text-decoration: none; transition: all .2s; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: 0.477336px; } .nl_anmeldung_im_article .disclaim { font-size:8px; line-height: 10px; font-weight: 400; padding: 8px 0; } .nl_anmeldung_im_article #nl_art_btn:hover { background-color: transparent; } .nl_anmeldung_im_article #nl_art_btn:hover span{ color:#5de8c1; } #show_art_danke { display: none; margin: 0 24px 0 48px; } #show_art_danke .dankehead { font-size: 32px; font-weight: 400; line-height: 34px; margin-top: 64px; } #show_art_danke .danketext1 { margin-top: 13px; font-size: 16px; line-height: 20px; } #show_art_danke .danketext2 { margin-top: 16px; font-size: 16px; line-height: 20px; } #nl_error_name, #nl_error_art_mail { color:red; display: none; } #show_art_danke .dankewrapper { display: flex; } #show_art_danke .danketextwrapper { flex: 2; } #show_art_danke .dankeimages { display: flex; align-items: flex-end; justify-content: flex-end; flex:1; background: url("/images/landingpages/siebert.png") no-repeat; background-position: bottom; background-size: contain; padding-bottom:64px; } #show_art_danke .dankebutton { margin: 32px 0 64px; } #show_art_danke button{ background-color: #5de8c1; border: 2px solid #5de8c1; width: 92%; display: inline-block; text-decoration: none; transition: all .2s; border-radius: 2px; text-transform: uppercase; text-align: center; box-sizing:border-box; padding: 16px 24px; } #show_art_danke #btn_art_auth span { color: #0A4768; display: block; text-decoration: none; transition: all .2s; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: 1px; } #show_art_danke #btn_art_auth:hover { background:none; } #show_art_danke #btn_art_auth:hover span{ color:#5de8c1; } @media (max-width: 991px) { .nl_anmeldung_im_article .imagewrapper { display: none; } #show_art_danke { margin: 0 48px; } #show_art_danke .dankeimages { display: none; } } #nl_anmeldung_im_article_wrapper { display: flex; padding:48px; gap:50px; align-items: center; } .nl_anmeldung_im_article .textwrapper { display: flex; flex-direction: column; flex:2; } .nl_anmeldung_im_article .imagewrapper { flex:1; } .nl_anmeldung_im_article { color: white; background: url("/images/landingpages/header-background-gradient.svg"); background-size: cover; font-family: "Lato"; } .nl_anmeldung_im_article p { margin: 0; } .nl_anmeldung_im_article .slogansub { font-weight: 400; font-size: 16px; line-height: 17px; letter-spacing: 1px; padding-bottom: 12px; } .nl_anmeldung_im_article .slogan { font-weight: 400; font-size: 32px; line-height: 34px; padding-bottom: 20px; } .nl_anmeldung_im_article .info { font-weight: 400; font-size: 16px; line-height: 20px; padding-bottom: 30px; } .nl_anmeldung_im_article .subhead { font-size:16px; font-weight: 700; padding-bottom:20px; } .nl_anmeldung_im_article .signout { font-style: italic; font-weight: 400; font-size: 14px; line-height: 14px; padding-bottom: 20px; } .nl_anmeldung_im_article .formwrapper { width:100%; } .nl_anmeldung_im_article .label_mail { font-weight: 400; font-size: 14px; line-height: 14px; padding-bottom: 8px; } .nl_anmeldung_im_article input { height: 41px; width: 100%; margin-bottom: 16px; padding:8px; font-size: 14px; line-height:17px; } .nl_anmeldung_im_article .nlbuttonwrapper { width:100%; display:flex; gap: 50px; } .nl_anmeldung_im_article #nl_art_btn { background-color: #5de8c1; border: 2px solid #5de8c1; width: 100%; display: inline-block; text-decoration: none; transition: all .2s; border-radius: 2px; text-transform: uppercase; text-align: center; box-sizing:border-box; padding: 16px 24px; } .nl_anmeldung_im_article #nl_art_btn { color: #0A4768; display: block; text-decoration: none; transition: all .2s; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: 0.477336px; } .nl_anmeldung_im_article .disclaim { font-size:8px; line-height: 10px; font-weight: 400; padding: 8px 0; } .nl_anmeldung_im_article #nl_art_btn:hover { background-color: transparent; } .nl_anmeldung_im_article #nl_art_btn:hover span{ color:#5de8c1; } #show_art_danke { display: none; margin: 0 24px 0 48px; } #show_art_danke .dankehead { font-size: 32px; font-weight: 400; line-height: 34px; margin-top: 64px; } #show_art_danke .danketext1 { margin-top: 13px; font-size: 16px; line-height: 20px; } #show_art_danke .danketext2 { margin-top: 16px; font-size: 16px; line-height: 20px; } #nl_error_name, #nl_error_art_mail { color:red; display: none; } #show_art_danke .dankewrapper { display: flex; } #show_art_danke .danketextwrapper { flex: 2; } #show_art_danke .dankeimages { display: flex; align-items: flex-end; justify-content: flex-end; flex:1; background: url("/images/landingpages/siebert.png") no-repeat; background-position: bottom; background-size: contain; padding-bottom:64px; } #show_art_danke .dankebutton { margin: 32px 0 64px; } #show_art_danke button{ background-color: #5de8c1; border: 2px solid #5de8c1; width: 92%; display: inline-block; text-decoration: none; transition: all .2s; border-radius: 2px; text-transform: uppercase; text-align: center; box-sizing:border-box; padding: 16px 24px; } #show_art_danke #btn_art_auth span { color: #0A4768; display: block; text-decoration: none; transition: all .2s; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: 1px; } #show_art_danke #btn_art_auth:hover { background:none; } #show_art_danke #btn_art_auth:hover span{ color:#5de8c1; } @media (max-width: 991px) { .nl_anmeldung_im_article .imagewrapper { display: none; } #show_art_danke { margin: 0 48px; } #show_art_danke .dankeimages { display: none; } } .eb-5 .eb-dialog{--eb-max-width:770px;--eb-height:300px;--eb-padding:0;--eb-border-radius:5px;--eb-background-color:#ffffff;--eb-text-color:#333333;--eb-dialog-shadow:var(--eb-shadow-1);text-align:center;--eb-border-style:none;--eb-border-color:#990000;--eb-border-width:0px;--eb-overlay-enabled:1;--eb-overlay-clickable:1;--eb-bg-image-enabled:0;--eb-background-image:none;}.eb-5 .eb-close{--eb-close-button-inside:block;--eb-close-button-outside:none;--eb-close-button-icon:block;--eb-close-button-image:none;--eb-close-button-font-size:22px;--eb-close-button-color:rgba(174, 174, 174, 1);--eb-close-button-hover-color:rgba(128, 128, 128, 1);}.eb-5 .eb-dialog .eb-container{justify-content:center;min-height:100%;display:flex;flex-direction:column;}.eb-5 .eb-backdrop{--eb-overlay-background-color:rgba(0, 0, 0, 0.8);}.eb-5.eb-inst{justify-content:center;align-items:center;}@media screen and (max-width: 1024px){.eb-5 .eb-dialog{--eb-bg-image-enabled:inherit;--eb-background-image:none;}}@media screen and (max-width: 575px){.eb-5 .eb-dialog{--eb-bg-image-enabled:inherit;--eb-background-image:none;}} .eb-5 { --animation_duration: 400ms; } #supnl67bce392b1f4e.su-panel { background-color:#990000;color:#ffffff;border:0px solid #cccccc;margin:0 0 6px 0;} #supnl67bce392b1f4e.su-panel .su-panel-content { padding:5px;} a#subtn_67bce392b20ef { color: #FFFFFF; background-color: #2D89EF;-webkit-border-radius: 3px; border-radius: 3px;} a#subtn_67bce392b20ef span { font-size: 13px;-webkit-border-radius: 3px; border-radius: 3px;line-height:26px;padding: 4px 16px;} a#subtn_67bce392b20ef:hover { background-color: #4596f1;} #supnl67bce392b22e4.su-panel { background-color:#990000;color:#ffffff;border:0px solid #cccccc;margin:0 0 6px 0;} #supnl67bce392b22e4.su-panel .su-panel-content { padding:5px;} a#subtn_67bce392b2462 { color: #FFFFFF; background-color: #2D89EF;-webkit-border-radius: 3px; border-radius: 3px;} a#subtn_67bce392b2462 span { font-size: 13px;-webkit-border-radius: 3px; border-radius: 3px;line-height:26px;padding: 4px 16px;} a#subtn_67bce392b2462:hover { background-color: #4596f1;} #supnl67bce392b2659.su-panel { background-color:#990000;color:#ffffff;border:0px solid #cccccc;margin:0 0 6px 0;} #supnl67bce392b2659.su-panel .su-panel-content { padding:5px;} a#subtn_67bce392b27e1 { color: #FFFFFF; background-color: #2D89EF;-webkit-border-radius: 3px; border-radius: 3px;} a#subtn_67bce392b27e1 span { font-size: 13px;-webkit-border-radius: 3px; border-radius: 3px;line-height:26px;padding: 4px 16px;} a#subtn_67bce392b27e1:hover { background-color: #4596f1;} #theBrevoChat { display:none; position: fixed; bottom:20px; right:20px; width: 380px; border-radius: 10px 10px 10px 10px; background: rgba(0, 44, 69, 0.64); backdrop-filter: blur(6.5px); padding:40px; color:#ffffff; font-family: 'Lato'; z-index: 12000; } #confirmhead { font-size: 16px; font-weight: 700; margin-bottom: 22px; } #confirmmsg { font-size:14px; font-weight:400; font-style: italic; } #confirmmsg a { color:#3DC6EF; } #showdummychat { position: fixed; bottom:20px; right:20px; z-index: 12000; } #brevocross { position: absolute; top: 10px; right: 16px; } #confirmbtns { display:flex; justify-content: space-evenly; margin-top: 40px; } #theBrevoChat #confirmyes{ border-radius: 2px; padding:8px 4px; margin:0 10px; border: 2px solid var(--border-border-secondary-cta, #0094D8); background: var(--surface-surface-secondary-cta, #0094D8); } #theBrevoChat #confirmno { border-radius: 2px; padding:8px 4px; margin:0 10px; border: 2px solid var(--border-border-secondary-cta, grey); background: var(--surface-surface-secondary-cta, grey); } #theBrevoChat button span { text-transform: uppercase; color: #ffffff; font-size: 14px; font-weight: 900; padding: 12px 20px; letter-spacing:1px; } @media (max-width: 400px) { #theBrevoChat{ width: 360px; right: 10px; padding: 20px; } } </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"ec147fdd694d75b47b9a0ca7b4b4f0f7","system.paths":{"root":"","base":""}}</script> <script src="/plugins/system/bdthemes_shortcodes/js/shortcode-ultimate.js" type="text/javascript"></script> <script src="/plugins/system/bdthemes_shortcodes/shortcodes/e24spoiler/js/spoiler.js" type="text/javascript"></script> <script src="https://www.e-recht24.de/media/plg_erecht24_safe_sharing/assets/shariff.complete.js" type="text/javascript"></script> <script src="/media/system/js/caption.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/templates/ja_teline_v/local/js/author-box.js" type="text/javascript"></script> <script src="/media/com_adtrack/js/adtrack.js" type="text/javascript"></script> <script src="/media/system/js/core.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/media/com_rstbox/js/vendor/velocity.min.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/media/com_rstbox/js/vendor/velocity.ui.min.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/media/com_rstbox/js/engagebox.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/media/system/js/mootools-core.js?5f4d774ec54fba12cbab59e80b9f593e" type="text/javascript"></script> <script src="/plugins/system/microformatsvotes/assets/js/plugin.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/jquery.tap.min.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/script.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/menu.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/jquery.ckie.js" type="text/javascript"></script> <script src="/templates/ja_teline_v/js/script.js" type="text/javascript"></script> <script src="/templates/ja_teline_v/local/js/stickynav.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/nav-collapse.js" type="text/javascript"></script> <script src="/plugins/system/bdthemes_shortcodes/shortcodes/panel/js/panel.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function() {var buttonsContainer = jQuery(".shariff");new Shariff(buttonsContainer);}); jQuery(window).on('load', function() { new JCaption('img.caption'); }); var adtrack_root = "https://www.e-recht24.de/";  !(function() { if (!EngageBox) { return; } EngageBox.onReady(function() { var me = EngageBox.getInstance(5); if (!me) { return; } !(function() { me.on("open", function() { EngageBox.getInstances().forEach(function(inst) { inst.close({ temporary: true }); }) }); })(); }); })();  var SITE_ROOT = "https://www.e-recht24.de/"; var ja_base_uri = ""; </script> <script type="application/ld+json"> {"@context":"https:\/\/schema.org","@type":"Article","@id":"13337","inLanguage":"de-DE","headline":"Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei","url":"https:\/\/www.e-recht24.de\/ecommerce\/13337-barrierefreiheit-online-shop.html","articleBody":"Das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz (kurz: BFSG) soll die Inklusion im Bereich der digitalen Medien und des Internets f\u00c3\u00b6rdern und tritt am 28. Juni 2025 in Kraft. Betroffen sind insbesondere Online-Shop-Betreiber, die daher zeitnah mit der Umsetzung der Vorgaben beginnen sollten. Welche rechtlichen Vorgaben es gibt, wie Sie diese umsetzen und welche Konsequenzen bei Nichtumsetzung drohen, erfahren Sie in diesem Artikel. \u00a0 1. Warum das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz f\u00c3\u00bcr Sie als Onlineshop-Betreiber relevant wird Das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz (kurz: BFSG) setzt eine europ\u00c3\u00a4ische Richtlinie (den European Accessibility Act) zur F\u00c3\u00b6rderung der Teilhabe von Menschen mit Behinderungen und Einschr\u00c3\u00a4nkungen am gesellschaftlichen Leben um. Da digitale Medien und das Internet mittlerweile wesentlicher Bestandteil des gesellschaftlichen Lebens sind und auch zahlreiche Erleichterungen mit sich bringen, soll das BFSG Produkte, wie Selbstbedienungsterminals, Smartphones etc., und Dienstleistungen barrierefrei zug\u00c3\u00a4nglich machen. Das Gesetz f\u00c3\u00bchrt als Dienstleistungen unter anderem Dienstleistungen im elektronischen Gesch\u00c3\u00a4ftsverkehr auf. Und hier liegt der Knackpunkt f\u00c3\u00bcr Sie: Der elektronische Gesch\u00c3\u00a4ftsverkehr erfasst den E-Commerce und damit jeglichen Online-Verkauf von Produkten und Dienstleistungen. Dabei ist es unerheblich, welche Produkte oder Dienstleistungen Sie in Ihrem Shop anbieten. ACHTUNG Online-Shops sind ausnahmsweise dann nicht vom BFSG erfasst, wenn Sie als Kleinstunternehmer gelten. Nur dann m\u00c3\u00bcssen Sie die Vorgaben des BFSG nicht zwingend umsetzen.\u00a0 Nach \u00c2\u00a7 2 Nr. 17 BFSG ist Ihr Unternehmen ein Kleinstunternehmen, wenn es weniger als 10 Personen besch\u00c3\u00a4ftigt und entweder einen Jahresumsatz von h\u00c3\u00b6chstens 2 Millionen Euro erzielt oder sich die Jahresbilanzsumme auf h\u00c3\u00b6chstens 2 Millionen Euro bel\u00c3\u00a4uft. BEISPIELE AUS DER PRAXIS Bsp.1: Sie betreiben einen Online-Shop und verkaufen Camping-Zubeh\u00c3\u00b6r wie Zelte, Schlafs\u00c3\u00a4cke und Campingkocher. Aktuell besch\u00c3\u00a4ftigen Sie 7 Personen. Da Camping im Trend ist, liegen sowohl Ihr Jahresumsatz als auch Ihre Jahresbilanzsumme weit \u00c3\u00bcber 2 Millionen Euro. Ihr Unternehmen z\u00c3\u00a4hlt daher nicht als Kleinstunternehmen. Bsp. 2: In Ihrem Online-Shop verkaufen Sie handgefertigte Strickm\u00c3\u00bctzen und Handschuhe. Sie besch\u00c3\u00a4ftigen 2 Personen und erzielen weniger als 2 Millionen Euro Jahresumsatz. Sie z\u00c3\u00a4hlen daher als Kleinstunternehmen. Aufgepasst: Sie sind Kleinstunternehmer, wenn Sie\u00a0 weniger als 10 Personen besch\u00c3\u00a4ftigen und einen Jahresumsatz von h\u00c3\u00b6chstens 2 Millionen Euro erzielen oder\u00a0 weniger als 10 Personen besch\u00c3\u00a4ftigen und sich die Jahresbilanzsumme auf h\u00c3\u00b6chstens 2 Millionen Euro bel\u00c3\u00a4uft.\u00a0 \u00a0\u00a0 Trifft die Ausnahme auf Sie zu, sind Sie nicht verpflichtet, die Vorgaben umzusetzen. Es steht Ihnen allerdings frei, die Anforderungen des BFSG freiwillig umzusetzen. Welche Vorteile die digitale Barrierefreiheit mit sich bringen kann, erl\u00c3\u00a4utern wir in Kapitel 5 \"Vorteile der Inklusion im E-Commerce\". Sie betreiben eine Webseite ohne Shop-Funktion zur reinen Pr\u00c3\u00a4sentation von Produkten oder bieten Online-Terminbuchungen an? In unserem Artikel \u00e2\u0080\u009cDigitale Inklusion: So erstellen Sie Ihre Website barrierefrei\u00e2\u0080\u009d erl\u00c3\u00a4utern wir, wann Websitebetreiber vom BFSG erfasst werden und wie Sie die Vorgaben des BFSG rechtssicher umsetzen k\u00c3\u00b6nnen. Zum Beitrag WEITERLESEN Sie m\u00c3\u00b6chten mehr \u00c3\u00bcber das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz, die rechtlichen Auswirkungen und Hintergr\u00c3\u00bcnde erfahren? In unserem Artikel \u00e2\u0080\u009cBarrierefreiheit f\u00c3\u00bcr Produkte und Dienstleistungen: Webseitenbetreiber und Online-Shops erneut in der Pflicht\u00e2\u0080\u009d verschaffen wir Ihnen einen allgemeinen \u00c3\u009cberblick zum BFSG. Zum Beitrag Gelten die Vorgaben f\u00c3\u00bcr Online-Shops im B2C- und im B2B-Bereich? Nach dem Wortlaut des Barrierfreiheitst\u00c3\u00a4rkungsgesetz sind B2B Shops von den Anforderungen an die Barrierefreiheit nicht betroffen. Denn das Gesetz sagt, dass es f\u00c3\u00bcr die aufgef\u00c3\u00bchrten Dienstleistungen gilt, die f\u00c3\u00bcr Verbraucher nach dem 28. Juni 2025 erbracht werden. Und hier zeigt sich ein weiterer wichtiger Punkt: Viele Shopbetreiber glauben, dass es gen\u00c3\u00bcgt, wenn sie Ma\u00c3\u009fnahmen zur Umsetzung der Barrierefreiheitsanforderungen ergreifen, wenn das BFSG in Kraft tritt. Dem ist jedoch nicht so. Denn mit Inkrafttreten des Gesetzes m\u00c3\u00bcssen die Dienstleistungen bereits barrierefrei erbracht werden. Die Markt\u00c3\u00bcberwachungsbeh\u00c3\u00b6rden beginnen zeitgleich mit den Testungen und dann kann es f\u00c3\u00bcr Sie ungeahnt teuer werden. Sie betreiben einen Online-Shop im B2B-Bereich? Dann k\u00c3\u00b6nnen Sie Durchatmen, denn das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz erfasst Sie nicht. Aber aufgepasst: Sie m\u00c3\u00bcssen sicherstellen, dass Verbraucher und Verbraucherinnen nicht in Ihrem Shop bestellen. Machen Sie deutlich, dass sich Ihr Shop nur an gewerbliche und nicht an private Kunden richtet. Betrifft Ihr Angebot n\u00c3\u00a4mlich nur andere Unternehmer, gelten weniger gesetzliche Vorgaben. Denn zahlreiche Informationspflichten sind Bestandteil des Verbraucherschutzrechtes und m\u00c3\u00bcssen daher nicht von Ihnen umgesetzt werden. 2. Rechtliche Vorgaben f\u00c3\u00bcr Ihren Online-Shop Kommen wir nun zu den konkreten rechtlichen Vorgaben. Welche Anforderungen stellt das BFSG an die Barrierefreiheit von Onlineshops, die Produkte und Dienstleistungen anbieten? Ein Blick ins Gesetz verr\u00c3\u00a4t: Produkte und Dienstleistungen sind barrierefrei, wenn sie f\u00c3\u00bcr Menschen mit Behinderungen in der allgemein \u00c3\u00bcblichen Weise, ohne besondere Erschwernis und grunds\u00c3\u00a4tzlich ohne fremde Hilfe auffindbar, zug\u00c3\u00a4nglich und nutzbar sind. Hierbei kommt es nicht auf das Vorliegen einer konkreten Behinderung an. Onlineshops sollen zuk\u00c3\u00bcnftig so gestaltet sein, dass sie unabh\u00c3\u00a4ngig von der Art der Behinderung oder Einschr\u00c3\u00a4nkung bedient werden k\u00c3\u00b6nnen. BEISPIELE AUS DEM ALLTAG Bsp.1: Ein Kunde mit Sehbehinderung m\u00c3\u00b6chte in Ihrem Online-Shop einkaufen. Schriftarten ohne Serifen wie Arial oder Calibri sowie eine Zoom-Option helfen beim Einkauf.\u00a0 Bsp.2: Ein geh\u00c3\u00b6rloser Kunde ist in Ihrem Shop auf der Suche nach einem passenden Produkt. Neben einem R\u00c3\u00bcckrufservice bieten Sie einen Chat f\u00c3\u00bcr Fragen an. So stehen Ihrem Kunden verschiedene Kontaktwege zur Verf\u00c3\u00bcgung. Konkret nennt das BFSG als Pflichten f\u00c3\u00bcr Dienstleistungserbringer, die Umsetzung der in der Verordnung gemachten Vorgaben zur Barrierefreiheit, sowie die Erstellung von Informationen nach Anlage 3 Nr. 1 des BFSG und die Zug\u00c3\u00a4nglichmachung f\u00c3\u00bcr die Allgemeinheit in barrierefreier Form. Die konkreten Anforderungen an die Barrierefreiheit f\u00c3\u00bcr Produkte und Dienstleistungen finden Sie in der Verordnung zum Barrierefreiheitsst\u00c3\u00a4rkungsgesetz. Umfang der Pflichten eingrenzen: In welchen Bereichen sind Sie vom BFSG betroffen? Bei der F\u00c3\u00bclle an neuen Vorgaben gilt es f\u00c3\u00bcr Sie zun\u00c3\u00a4chst einmal herauszufinden, inwiefern Sie und Ihr Business erfasst werden. Wie bereits oben dargestellt, z\u00c3\u00a4hlen Dienstleistungen im E-Commerce zum elektronischen Gesch\u00c3\u00a4ftsverkehr. Bedeutet, dass Ihr Online-Shop betroffen ist und an die Vorgaben des BFSG angepasst werden muss. Im n\u00c3\u00a4chsten Schritt sollten Sie \u00c3\u00bcberpr\u00c3\u00bcfen, ob Sie in Ihrem Shop Produkte vertreiben, die in \u00c2\u00a7 1 Abs. 2 BFSG aufgef\u00c3\u00bchrt werden oder Dienstleistungen anbieten, die in \u00c2\u00a7 1 Abs. 3 BFSG genannt werden. BEISPIELE AUS DER PRAXIS Bsp. 1: Unternehmen XY vertreibt \u00c3\u00bcber einen Online-Shop Outdoor-Kleidung wie Regenjacken, Fleecejacken und Gummistiefel. Bsp. 2: Unternehmen H vertreibt online Zubeh\u00c3\u00b6r wie K\u00c3\u00b6rbchen und Leinen f\u00c3\u00bcr den Hund. Zudem k\u00c3\u00b6nnen online Termine zur Fellpflege f\u00c3\u00bcr den Vierbeiner vor Ort gebucht werden. Da Outdoorbekleidung und Hundezubeh\u00c3\u00b6r nicht in \u00c2\u00a7 1 Abs. 2 BFSG aufgef\u00c3\u00bchrt werden, m\u00c3\u00bcssen diese Produkte nicht barrierefrei sein. Die Fellpflege durch einen Hundefris\u00c3\u00b6r z\u00c3\u00a4hlt zwar zu den Dienstleistungen, wird aber ebenfalls nicht im BFSG als betroffene Dienstleistung aufgef\u00c3\u00bchrt. Da \u00c3\u00bcber beide Online-Shops Waren (sowie eine Dienstleistung) verkauft und erworben werden k\u00c3\u00b6nnen, handelt es sich um elektronischen Gesch\u00c3\u00a4ftsverkehr. Die in den Beispielen genannten Shops m\u00c3\u00bcssen folglich beide barrierefrei gestaltet werden. In der folgenden Auflistung haben wir Ihnen die Anforderungen, die sich aus der Verordnung zum BFSG ergeben, zusammengestellt (Liste nicht abschlie\u00c3\u009fend). Die dazu passenden Tipps zur Umsetzung finden Sie in der Checkliste unter Kapitel 3. Online-Shops sollen grunds\u00c3\u00a4tzlich Funktionen, Vorgehensweisen, Strategien und Verfahren sowie \u00c3\u0084nderungen bei der Ausf\u00c3\u00bchrung vorsehen, die auf die Bed\u00c3\u00bcrfnisse von Menschen mit Behinderungen ausgerichtet sind und die Interoperabilit\u00c3\u00a4t mit assistiven Technologien gew\u00c3\u00a4hrleisten, Informationen zur Barrierefreiheit der zum Verkauf stehenden Produkte und der angebotenen Dienstleistungen m\u00c3\u00bcssen bereitgestellt werden, soweit diese Informationen vom verantwortlichen Wirtschaftsakteur zur Verf\u00c3\u00bcgung gestellt werden, Webseiten, einschlie\u00c3\u009flich der zugeh\u00c3\u00b6rigen Online-Anwendungen und auf Mobilger\u00c3\u00a4ten angebotenen Dienstleistungen, einschlie\u00c3\u009flich mobiler Apps, m\u00c3\u00bcssen auf konsistente und angemessene Weise wahrnehmbar, bedienbar, verst\u00c3\u00a4ndlich und robust gestaltet werden und Identifizierungsmethoden, Authentifizierungsmethoden, elektronische Signaturen und Zahlungsdienste m\u00c3\u00bcssen, wenn diese bereitgestellt werden, wahrnehmbar, bedienbar, verst\u00c3\u00a4ndlich und robust gestaltet werden. Da die Verordnung keine konkreten Aussagen zur Umsetzung trifft, steht noch nicht fest, wann Websites tats\u00c3\u00a4chlich den Anforderungen an die Barrierefreiheit gen\u00c3\u00bcgen. Es bleibt also letztlich Ihnen als Shopbetreiber \u00c3\u00bcberlassen, \u00e2\u0080\u009crobuste\u00e2\u0080\u009d Identifizierungsmethoden zu implementieren und die Barrierefreiheit zu gew\u00c3\u00a4hrleisten.\u00a0\u00a0 3. Anleitung: So setzen Sie die Vorgaben des BFSG um Auch wenn die Vorgaben bisher sehr ungenau sind und konkrete Leitlinien zur Umsetzung fehlen, haben wir Ihnen unter Bezugnahme auf die Web Content Accessibility Guidelines (WCAG) des World Wide Web Consortiums (W3C) eine Anleitung erstellt. Diese soll Ihnen als Anbieter helfen, Barrieren zu beseitigen und den Zugang zu Ihrer Website zu erleichtern. Beachten Sie, dass es sich hierbei um eine nicht abschlie\u00c3\u009fende Anleitung handelt und Sie abh\u00c3\u00a4ngig von Ihren Angeboten gegebenenfalls weitere Ma\u00c3\u009fnahmen ergreifen m\u00c3\u00bcssen. ChecklisteSchritt f\u00c3\u00bcr Schritt Gestalten Sie Ihre Website so, dass diese rein per Tastatur bedient werden kann, hierzu z\u00c3\u00a4hlt auch der Cookie Consent Banner, Verwenden Sie eine ausreichende Schriftgr\u00c3\u00b6\u00c3\u009fe und eine gut lesbare Schriftart wie Arial oder Calibri, Erm\u00c3\u00b6glichen Sie das Vergr\u00c3\u00b6\u00c3\u009fern der Schrift per Zoom-Funktion, Achten Sie auf ausreichende Kontraste und verzichten Sie auf grelle Hintergrundfarben, nutzen Sie Rot und Gr\u00c3\u00bcn nicht zusammen, Funktionen und Bedienelemente sollten sich nicht nur anhand von Farben unterscheiden, bedenken Sie auch die Farbwahl bei der Gestaltung von Bildern und Grafiken, nutzen Sie spezielle Tools wie GIMP oder Contrast Checker, um passende Farben und Kontraste zu w\u00c3\u00a4hlen, Verwenden Sie eine einfache und verst\u00c3\u00a4ndliche Sprache ohne verschachtelte S\u00c3\u00a4tze, gliedern Sie Texte durch \u00c3\u009cberschriften, Achten Sie durchgehend auf eine HTML-Struktur in allen Textelementen sowie auf ARIA-Attribute, nur so k\u00c3\u00b6nnen Inhalte fehlerfrei von Screenreadern ausgelesen werden, Erl\u00c3\u00a4utern Sie verst\u00c3\u00a4ndlich, wie Formularfelder auszuf\u00c3\u00bcllen sind und leiten Sie den Nutzer aktiv durch das System und die Funktionen Ihrer Seite, verwenden Sie Symbole einheitlich, Verwenden Sie auditive oder visuelle Inhalte auf Ihrer Seite, versehen Sie diese mit aussagekr\u00c3\u00a4ftigen Untertiteln und Beschreibungen (Audiodeskription, Geb\u00c3\u00a4rdensprache, Alt-Tags) Machen Sie Ihre Website kompatibel mit Benutzeragenten und assistierender Technik wie Screenreadern, Vergr\u00c3\u00b6\u00c3\u009ferungssoftware, Spracheingabesoftware und Vorlesefunktion, Bieten Sie Ihren Kunden verschiedene Kontaktm\u00c3\u00b6glichkeiten wie E-Mail, Chat oder R\u00c3\u00bcckruffunktion an, Bedenken Sie, dass neben der Desktop-Ansicht auch die mobile Ansicht sowie Apps barrierefrei zu gestalten sind, Gestalten Sie Rechtstexte wie Datenschutzerkl\u00c3\u00a4rung und Impressum ebenfalls barrierefrei, binden Sie das Impressum keinesfalls als Grafikdatei ein, Stellen Sie die Informationen nach Anlage 3 BFSG barrierefrei zur Verf\u00c3\u00bcgung. \u00a0 Die in der Anlage 3 geforderten Informationen sollen den Kunden \u00c3\u00bcber die Umsetzung der Barrierefreiheit informieren. Diese Informationen sollten Sie sodann in Ihren AGB oder an anderer deutlich wahrnehmbarer Stelle, wie beispielsweise im Footer Ihrer Website, zur Verf\u00c3\u00bcgung stellen. Folgende Informationen sollten Sie den Nutzern bereitstellen: Beschreibung der geltenden Anforderungen, Beschreibung der Dienstleistung in einem barrierefreien Format, Beschreibungen und Erl\u00c3\u00a4uterungen zum Verst\u00c3\u00a4ndnis der Durchf\u00c3\u00bchrung der Dienstleistung, Beschreibung wie die Dienstleistung die Barrierefreiheitsanforderungen erf\u00c3\u00bcllt, Angabe der zust\u00c3\u00a4ndigen Markt\u00c3\u00bcberwachungsbeh\u00c3\u00b6rde. Wichtig: Auch beim Thema Barrierefreiheit spielen Rechtstexte eine wichtige Rolle. Denn diese sollten nicht nur rechtssicher, sondern auch barrierefrei sein. Nutzen Sie den eRecht24 Impressum-Generator und den eRecht24 Datenschutz-Generator, so erhalten Sie die Rechtstexte als Text und als HTML-Quellcode. Mittels HTML-Quellcode k\u00c3\u00b6nnen Sie diese direkt barrierefrei in Ihrem Onlineshop einbinden.\u00a0 Jetzt Datenschutzerkl\u00c3\u00a4rung erstellen Erstellen Sie jetzt eine rechtssichere Datenschutzerkl\u00c3\u00a4rung mit dem eRecht24 Datenschutz Generator Einfache Integration in Ihre Website Anwaltlich gepr\u00c3\u00bcfter Generator F\u00c3\u00bcr Sie kostenfrei in wenigen Schritten Jetzt Datenschutzerkl\u00c3\u00a4rung erstellen 4. Rechtliche Konsequenzen bei Nichtumsetzung Ab Juni 2025 wird die Lage ernst. Haben Sie die Vorgaben bis zum 28. Juni 2025 nicht umgesetzt, drohen rechtliche Konsequenzen. AUFGEPASST Das BFSG tritt am 28. Juni 2025 in Kraft und die Vorgaben m\u00c3\u00bcssen Sie zu diesem Stichtag umgesetzt haben. Eine weitere Umsetzungsfrist gibt es nicht. Selbstverst\u00c3\u00a4ndlich beinhaltet das BFSG auch \u00c3\u009cbergangsbestimmungen und Ausnahmen. So findet Sie eine \u00c3\u009cbergangsregelung f\u00c3\u00bcr den Einsatz von Produkten bei Erbringung einer Dienstleistung in \u00c2\u00a7 38 Abs. 1 BFSG. Ausnahmen gelten zudem bei aufgezeichneten zeitbasierten Medien, die vor dem 28. Juni 2025 ver\u00c3\u00b6ffentlicht wurden. Weitere Ausnahmen finden Sie in \u00c2\u00a7 1 Abs. 4 BFSG. Werden die Markt\u00c3\u00bcberwachungsbeh\u00c3\u00b6rden auf einen Versto\u00c3\u009f aufmerksam, fordern Sie den Webseitenbetreiber zun\u00c3\u00a4chst auf, t\u00c3\u00a4tig zu werden. Dies gilt sowohl bei Nichtumsetzung der Barrierefreiheitsanforderungen als auch bei formaler Nichtkonformit\u00c3\u00a4t, also wenn Sie die Informationen nach Anlage 3 nicht bereitgestellt haben. Kommen Sie Ihren Pflichten als Dienstleistungserbringer auch nach Aufforderung durch die Markt\u00c3\u00bcberwachungsbeh\u00c3\u00b6rde nicht nach, kann ein Bu\u00c3\u009fgeld bis zu 100.000 Euro verh\u00c3\u00a4ngt werden. Weiterhin besteht die M\u00c3\u00b6glichkeit, dass Verbraucher und anerkannte Verb\u00c3\u00a4nde ein solches Verfahren anregen. Ebenfalls denkbar sind Abmahnungen durch Wettbewerber nach dem Gesetz gegen den unlauteren Wettbewerb (UWG). 5. Vorteile der Inklusion im E-Commerce Neues EU-Recht sowie deutsche Gesetze lassen den Unmut und die Frustration bei so manchem Onlineh\u00c3\u00a4ndler wachsen. Ist eine Umsetzung rechtlicher Vorgaben abgeschlossen, werden weitere Anpassungen f\u00c3\u00a4llig. Der Abbau von Barrieren bringt jedoch nicht nur f\u00c3\u00bcr die Betroffenen Vorteile mit sich. GUT ZU WISSEN F\u00c3\u00bcr Menschen mit Behinderungen oder Einschr\u00c3\u00a4nkungen k\u00c3\u00b6nnen allt\u00c3\u00a4gliche Erledigungen zeitaufwendig und kr\u00c3\u00a4ftezehrend sein. Der Online-Einkauf kann Betroffenen eine ganz neue Form der Teilhabe am gesellschaftlichen Leben erm\u00c3\u00b6glichen, wenn Webshops an ihre Bed\u00c3\u00bcrfnisse angepasst werden. Sie als Onlineh\u00c3\u00a4ndler k\u00c3\u00b6nnen durch eine barrierefreie Gestaltung Ihrer Angebote die Benutzerfreundlichkeit und damit die Kundenzufriedenheit wesentlich steigern. Denn nicht nur f\u00c3\u00bcr Menschen mit Behinderungen und Einschr\u00c3\u00a4nkungen sind Webseiten zu un\u00c3\u00bcbersichtlich gestaltet oder Pflichtinformationen unverst\u00c3\u00a4ndlich formuliert. Auch sollten Sie als Unternehmer ber\u00c3\u00bccksichtigen, dass bei einer alternden Gesellschaft insbesondere durch eingeschr\u00c3\u00a4nkte Mobilit\u00c3\u00a4t neue Kundenkreise erschlossen werden k\u00c3\u00b6nnen. Setzen Sie die Vorgaben zeitnah und gr\u00c3\u00bcndlich um, k\u00c3\u00b6nnen Sie sich von anderen Mitbewerbern abgrenzen. Auch wenn Sie als Kleinstunternehmen nicht von der Pflicht betroffen sind, Ihre Dienstleistungen ab Juni 2025 barrierefrei zu gestalten, kann sich eine freiwillige Umsetzung rentieren. Sehen Sie die Vorgaben zur Barrierefreiheit nicht nur als Pflicht, sondern auch als M\u00c3\u00b6glichkeit. Von einer barrierefreien Gestaltung profitiert letztlich Ihre gesamte Kundschaft.\u00a0 S\u00c3\u00b6ren SiebertRechtsanwalt Ein weiterer Vorteil Ihres barrierefreien Online-Shops: Aussagekr\u00c3\u00a4ftige Bildunterschriften sowie Audiodeskriptionen sind SEO-technisch von Bedeutung, k\u00c3\u00b6nnen Auswirkungen aufs Google Ranking haben und den Traffic auf Ihrer Website steigern.\u00a0\u00a0 6. Fazit Inklusion im E-Commerce ist ab dem 28. Juni 2025 Pflicht f\u00c3\u00bcr alle Onlineshop-Betreiber, die nicht Kleinstunternehmer sind. Da es keine weitere Umsetzungsfrist gibt, k\u00c3\u00b6nnen die Testungen der Markt\u00c3\u00bcberwachungsbeh\u00c3\u00b6rden ab diesem Stichtag beginnen. Bei Nichtumsetzung der Vorgaben drohen f\u00c3\u00bcr Sie hohe Bu\u00c3\u009fgelder bis zu 100.000 Euro. Unsere Anleitung unterst\u00c3\u00bctzt Sie bei der Umsetzung der Vorgaben. Sie sind sich unsicher, ob Ihre Website den Anforderungen an die Barrierefreiheit gen\u00c3\u00bcgt? Mittels BITV-Test k\u00c3\u00b6nnen Sie analysieren, ob Ihr Angebot Barrieren aufweist. Auf der Website von W3C finden Sie zudem eine \u00c3\u009cbersicht an hilfreichen Tools, mit denen Sie die Barrierefreiheit Ihres Onlineshops \u00c3\u00bcberpr\u00c3\u00bcfen k\u00c3\u00b6nnen. In unserem eRecht24 Newsletter halten wir Sie \u00c3\u00bcber aktuelle Entwicklungen zum Thema Barrierefreiheit auf dem Laufenden.\u00a0 Immer bestens informiert Der eRecht24 Newsletter Bleiben Sie mit unseren regelm\u00c3\u00a4\u00c3\u009figen und kostenlosen Updates zum Internetrecht auf dem neuesten Stand. Infos, Urteile, Checklisten & Sonderangebote. Sie k\u00c3\u00b6nnen den Newsletter jederzeit kostenlos abbestellen. Details entnehmen Sie unserer Datenschutzerkl\u00c3\u00a4rung. E-Mail-Adresse: Bitte eine korrekte E-Mail-Adresse angeben. Abonnieren Vielen Dank f\u00c3\u00bcr Ihr Interesse! Wir nehmen es mit dem Schutz Ihrer Daten genau und halten uns an die rechtlichen Vorgaben des Double-Opt-In. Bitte schauen Sie nun in Ihr E-Mail-Postfach und best\u00c3\u00a4tigen Sie Ihre E-Mail-Adresse! Schauen Sie auch im Spam-Ordner nach. Tipp: In unseren Premium Paketen erhalten Sie Experten-News und Knowhow zum Thema Datenschutz und rechtssichere Website. Hier erhalten Sie Zugang zu Live-Webinaren und Praxis Guides zu aktuellen Themen von und mit unseren Rechtsanw\u00c3\u00a4lten. Jetzt Webseite Absichern 7. FAQ Was regelt das BFSG? Das Barrierefreiheitsst\u00c3\u00a4rkungsgesetz (kurz: BFSG) soll die Teilhabe von Menschen mit Behinderungen und Einschr\u00c3\u00a4nkungen am Leben in der Gesellschaft st\u00c3\u00a4rken. Wesentlicher Bestandteil des gesellschaftlichen Lebens ist die Nutzung digitaler Medien und des Internets. Der Zugang und die Nutzung dieser Medien sollen durch die Umsetzung der Vorgaben des BFSG wesentlich erleichtert werden. Bin ich als Onlineshop-Betreiber vom BFSG erfasst? Der Onlineverkauf von Waren und Dienstleistungen ist Teil des E-Commerce. Dieser z\u00c3\u00a4hlt zum elektronischen Gesch\u00c3\u00a4ftsverkehr und wird vom BFSG erfasst. Eine Ausnahme gilt f\u00c3\u00bcr Betreiber, die als Kleinstunternehmer gelten. Diese sind von den Regelungen ausgenommen. Was ist ein barrierefreier Onlineshop? Ihr Onlineshop ist dann barrierefrei, wenn er f\u00c3\u00bcr Menschen mit Behinderungen in der allgemein \u00c3\u00bcblichen Weise, ohne besondere Erschwernis und grunds\u00c3\u00a4tzlich ohne fremde Hilfe auffindbar, zug\u00c3\u00a4nglich und nutzbar ist. Sie sollten bedenken, dass zu den Einschr\u00c3\u00a4nkungen sowohl k\u00c3\u00b6rperliche als auch geistige Einschr\u00c3\u00a4nkungen z\u00c3\u00a4hlen. Was sind Beispiele f\u00c3\u00bcr typische Barrieren in Onlineshops? Verschn\u00c3\u00b6rkelte Schriftarten und fehlende Kontraste erschweren die Nutzung von Shops f\u00c3\u00bcr Menschen mit Sehschw\u00c3\u00a4chen erheblich. Sind Shopseiten un\u00c3\u00bcbersichtlich gestaltet und Texte schwer verst\u00c3\u00a4ndlich formuliert, k\u00c3\u00b6nnen Menschen mit kognitiven Einschr\u00c3\u00a4nkungen nicht auf Ihr Angebot zur\u00c3\u00bcckgreifen. \u00a0 Zur\u00c3\u00bcck zur \u00c3\u009cbersicht: \"E-Commerce\" Barrierefreiheitsst\u00c3\u00a4rkungsgesetz Website barrierefrei erstellen","mainEntityOfPage":{"@type":"Website","@id":"https:\/\/www.e-recht24.de\/ecommerce\/13337-barrierefreiheit-online-shop.html","name":"Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei","significantLink":["https:\/\/www.e-recht24.de\/ecommerce\/13236-barrierefreiheitsstaerkungsgesetz.html","https:\/\/www.e-recht24.de\/ecommerce\/","https:\/\/www.e-recht24.de\/ecommerce\/13338-website-barrierefrei.html","https:\/\/www.e-recht24.de\/ecommerce\/10769-dsgvo-online-shops.html","https:\/\/www.e-recht24.de\/impressum\/6604-impressum-als-bild.html","https:\/\/www.e-recht24.de\/ecommerce\/215-uwg-rechtliche-stolperfallen-durch-wettbewerbsgesetz.html","https:\/\/www.e-recht24.de\/datenschutzerklaerung.html"],"relatedLink":"index.php?option=com_content&view=article&id=13231"},"author":{"@type":"Person","name":"Katharina Steinr\u00f6der","url":"https:\/\/www.e-recht24.de\/redaktion.html","image":"https:\/\/www.e-recht24.de\/images\/microsites\/redaktion\/Katharina-Steinro\u0308der-rund.png","jobTitle":"","@id":"#KatharinaSteinr\u00f6der"},"contributor":{"@type":"Person","name":"Rechtsanwalt S\u00f6ren Siebert ","url":"https:\/\/www.e-recht24.de\/autor-soeren-siebert.html","image":"https:\/\/www.e-recht24.de\/images\/microsites\/redaktion\/siebert-rund.png","jobTitle":"Rechtsanwalt und Gr\u00fcnder von eRecht24","description":"Rechtsanwalt S\u00f6ren Siebert ist Gr\u00fcnder von eRecht24 und Inhaber der Kanzlei Siebert Lexow. Mit 20 Jahren Erfahrung im Internetrecht, Datenschutz und ECommerce sowie mit mehr als 10.000 ver\u00f6ffentlichten Beitr\u00e4gen und Artikeln weist Rechtsanwalt S\u00f6ren Siebert nicht nur hervorragende Fach-Expertise vor, sondern hat auch das richtige Gesp\u00fcr f\u00fcr seine Leser, Mandanten, Kunden und Partner, wenn es um rechtssichere L\u00f6sungen im Online-Marketing und B2B \/ B2C Dienstleistungen sowie Online-Shops geht. Neben den zahlreichen Beitr\u00e4gen auf eRecht24.de hat S\u00f6ren Siebert u.a. auch diverse Ebooks und Ratgeber zum Thema Internetrecht publiziert und wei\u00df ganz genau, worauf es Unternehmern, Agenturen und Webdesignern im t\u00e4glichen Business mit Kunden ankommt: Komplexe rechtliche Vorgaben leicht verst\u00e4ndlich und mit praktischer Handlungsanleitung f\u00fcr rechtssichere Webseiten umsetzen.","@id":"#RechtsanwaltS\u00f6renSiebert","isPartOf":{"@type":"ProfilePage","url":"https:\/\/www.e-recht24.de\/autor-soeren-siebert.html"}},"dateModified":"2024-10-22T11:45:03+02:00","datePublished":"2024-09-11T10:30:50+02:00","dateCreated":"2024-09-11T10:30:50+02:00","publisher":{"@type":"OnlineBusiness","@id":"#eRecht","name":"eRecht24","legalName":"eRecht24 GmbH & Co. KG","url":"http:\/\/www.e-recht24.de","brand":{"@type":"Brand","name":"eRecht24"},"description":"Die Website eRecht24 besch\u00e4ftigt sich mit rechtlichen Themen im Bereich des Internets und der digitalen Welt. Insbesondere bietet sie Informationen und Ressourcen im Bereich des Datenschutzes, der Datenschutzgrundverordnung (DSGVO), des IT-Rechts und anderer rechtlicher Aspekte, die f\u00fcr Online-Aktivit\u00e4ten und digitale Gesch\u00e4ftsmodelle relevant sind.","logo":{"@type":"ImageObject","url":"https:\/\/www.e-recht24.de\/images\/logo-erecht24-long-72-rgb.png","width":"202","height":"50"},"sameAs":["https:\/\/www.facebook.com\/eRecht24","https:\/\/www.xing.com\/pages\/erecht24","https:\/\/de.linkedin.com\/company\/erecht24"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https:\/\/www.e-recht24.de\/kontakt.html","telephone":"+49-30-12088634"},"address":{"@type":"PostalAddress","streetAddress":"Lietzenburger Str. 94","postalCode":"10719","addressLocality":"Berlin","addressCountry":"DE"},"employee":[{"@id":"#KatharinaSteinr\u00f6der","worksfor":[{"@id":"#eRecht"}]},{"@id":"#RechtsanwaltS\u00f6renSiebert","worksfor":[{"@id":"#eRecht"}]}]}}</script><script type="application/ld+json"> { "@context": "http:\/\/schema.org\/", "@type": "Product", "name": "Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei", "url": "https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "3.85", "bestRating": "5", "ratingCount": "39" } } </script> <link href="http://feeds.feedburner.com/erecht24" rel="alternate" type="application/rss+xml" title="Internetrecht" /> <meta property="site_name " content="eRecht24" /> <meta property="og:title" content="Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://www.e-recht24.de/mitglieder/wp-content/uploads/Rechtssicheres-Online-Shopping-750x300-light.jpg" /> <meta property="og:image:secure_url" content="https://www.e-recht24.de/mitglieder/wp-content/uploads/Rechtssicheres-Online-Shopping-750x300-light.jpg" /> <meta property="og:url" content="https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html" /> <meta property="og:description" content="Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) soll die Inklusion im Bereich der digitalen Medien und des Internets fördern und tritt am 28. Juni 2025 in Kraft. Betroffen sind insbesondere Online-Shop-Betreiber, die daher zeitnah mit der Umsetzung der Vorgaben beginnen sollten. Welche rechtlichen Vorgaben es gibt, wie Sie diese umsetzen und welche Konsequenzen bei Nichtumsetzung drohen, erfahren Sie in diesem Artikel." /> <meta property="article:author" content="Katharina Steinröder" /><meta name="twitter:creator" content="Katharina Steinröder" /> <meta name="twitter:url" content="https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html" /> <meta name="twitter:title" content="Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei" /> <meta name="twitter:description" content="Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) soll die Inklusion im Bereich der digitalen Medien und des Internets fördern und tritt am 28. Juni 2025 in Kraft. Betroffen sind insbesondere Online-Shop-Betreiber, die daher zeitnah mit der Umsetzung der Vorgaben beginnen sollten. Welche rechtlichen Vorgaben es gibt, wie Sie diese umsetzen und welche Konsequenzen bei Nichtumsetzung drohen, erfahren Sie in diesem Artikel." /> <meta name="twitter:image" content="https://www.e-recht24.de/mitglieder/wp-content/uploads/Rechtssicheres-Online-Shopping-750x300-light.jpg" /> <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <style type="text/stylesheet"> @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } </style> <script type="text/javascript"> //<![CDATA[ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport{width:auto!important}") ); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } //]]> </script> <meta name="HandheldFriendly" content="true"/> <meta name="apple-mobile-web-app-capable" content="YES"/>     <script async src="/abl/_public/72099448/assets_js/1739434194.js"></script><script> // CB-40 - Sticky Footer auf Artikeln - 100% Ausspielung try { if ( window.innerWidth > 1000 ) { function cb_get_top(el) { if( el !== null ){ return el.offsetTop + (el.offsetParent && cb_get_top(el.offsetParent)); } return false; } var ix=0; var intval40 = setInterval(function() { ix++; if ( document.querySelector('#ea-premium-1') !== null && document.querySelector('#ea-premium-1 h4') !== null && document.querySelector('.main .wrap') !== null ) { var show_sticky_after = document.querySelector('#ea-premium-1'); var show_sticky_after_top = cb_get_top(show_sticky_after); var show_sticky_before = document.querySelector('.main .wrap'); var show_sticky_before_top = cb_get_top(show_sticky_before); const regex = /^(https?:\/\/)/; var sticky_content = document.querySelector('#ea-premium-1 .ea-premium-text').innerHTML; var sticky_target = document.querySelector('#ea-premium-1 a').getAttribute('href'); if(!regex.test(sticky_target)) { sticky_target = 'https://www.e-recht24.de' + sticky_target; } var erstesDiv = document.querySelector('#ea-premium-1 div[class]'); // Fallbackimg var backgroundImageUrl = 'https://www.e-recht24.de/plugins/system/erechtarticle/images/premium.svg'; // Überprüfe, ob ein passendes div-Element gefunden wurde if (erstesDiv) { var backgroundImageStyle = window.getComputedStyle(erstesDiv).getPropertyValue('background-image'); backgroundImageUrl = backgroundImageStyle.replace(/url$['"]?(.*?)['"]?$/i, '$1'); // Überprüfe, ob der Pfad relativ ist if (!backgroundImageUrl.startsWith('http') && !backgroundImageUrl.startsWith('/')) { // Extrahiere den relativen Pfad var relativePath = backgroundImageUrl; // Bestimme die Anzahl der "../" im Pfad var levelsUp = (relativePath.match(/\.\.\//g) || []).length; // Erzeuge den absoluten Pfad basierend auf der aktuellen Seite var currentPath = window.location.href.split('/'); currentPath.pop(); // Entferne das letzte Element (die aktuelle Datei) for (var i = 0; i < levelsUp; i++) { currentPath.pop(); // Entferne entsprechend viele Verzeichnisebenen } var absolutePath = currentPath.join('/') + '/' + relativePath.replace(/\.\.\//g, ''); // Setze den absoluten Pfad zurück backgroundImageUrl = absolutePath; } } var backgroundimage = '<img src="' + backgroundImageUrl + '" style="max-height: 200px;position: relative;bottom: 0;"></img>'; var sticky_target_url = '<a href="' + sticky_target + '" id="sticky_klick" style="max-width: 1180px; margin: 0 auto; display: block; text-decoration: none;">'; var sticky_html = `${sticky_target_url} <div style="padding: 0px; color: #fff; position:relative;"> <div style="max-width: 70%; margin: 10px 0px; padding: 12px 24px;"> <div id="stickyc" class="ea-premium-wrap">${sticky_content}</div> </div> <div style="position: absolute;bottom: 20px;right: 24px;"> ${backgroundimage} </div> </div> </a> <a href="javascript:void(null);" id="sticky_close" style="position: absolute; top: 5px; right: 10px;"><img src="https://www.e-recht24.de/mitglieder/wp-content/uploads/close-icon-white.svg" style=" width: 15px;"></a> <style>#stickyc h1,#stickyc h2,#stickyc h3,#stickyc h4, #stickyc p, #stickyc li {color: #fff!important;} #stickyc.ea-premium-wrap { background-image: unset; margin-bottom: 0;} #stickyc h1,#stickyc h2,#stickyc h3,#stickyc h4 { margin-top: 0px; color: #ffffff !important; font-size: 28px !important; font-weight: 700 !important; line-height: 32px !important;} #stickyc ul { font-weight: 400; font-size: 16px; line-height: 20px; padding: 0; margin-left: 16px;} #stickyc ul li { background: none; list-style-type: none; position: relative; margin: 10px 0; } #stickyc ul li::before { content: \'\' !important; background: url(https://www.e-recht24.de/plugins/system/erechtarticle/images/list-elem.png); margin: -5px 8px -3px -10px; background-size: cover; display: inline-block; height: 15px; width: 15px; background-position: 0px; background-repeat: no-repeat;} </style>`; var newEl = document.createElement('div'); newEl.style.cssText = `position: fixed; display:none; width: 100%; height: auto; background: none; // url(https://www.e-recht24.de/plugins/system/erechtarticle/images/blue-bg-waves.svg); background-color: #003e57; bottom: 0; z-index: 9999999999999999; background-size: cover`; newEl.id = 'area_sticky'; newEl.innerHTML = sticky_html; document.body.appendChild(newEl); if( document.querySelector('#stickyc .ea-premium-button') !== null ){ cb_button_width = document.querySelector('#stickyc .ea-premium-button').offsetWidth; if( cb_button_width <= 350 ){ var newEl = document.createElement('img'); newEl.setAttribute('src', 'https://www.e-recht24.de/cb/cb37-ratings-new.png'); newEl.setAttribute('style', 'width: 270px;height: auto;margin: 0px 0px 0px 20px;'); var ref = document.querySelector('#stickyc .ea-premium-button') ref.parentNode.insertBefore(newEl, ref.nextSibling); } } var cb_sticky = document.getElementById('area_sticky'); var sticky_shown = false; window.addEventListener('scroll', function() { if( window.scrollY > show_sticky_after_top+show_sticky_after.offsetHeight && window.scrollY < show_sticky_before_top ){ if( cb_sticky.style.display == 'none' && !document.querySelector('div[data-id="5"].eb-visible') ) { cb_sticky.style.display = 'block'; if( sticky_shown === false ){ sticky_shown = true; if( typeof EngageBox != 'undefined' ){ EngageBox.onReady(function() { EngageBox.getInstance(7).destroy(); }); } } } } else{ if( cb_sticky.style.display == 'block' ) { cb_sticky.style.display = 'none'; } } }); if (document.querySelector('#sticky_klick') != null) { document.querySelector("#sticky_klick").addEventListener('click', function(e) { _paq.push(['trackEvent', "ab-cb40-banner: Klick v1", 'button', '']); }); } if (document.querySelector('#sticky_close') != null) { document.querySelector("#sticky_close").addEventListener('click', function(e) { document.querySelector('#area_sticky').innerHTML = ''; _paq.push(['trackEvent', "ab-cb40-banner: Close v1", 'button', '']); }); } if( typeof EngageBox != 'undefined' && !EngageBox.getInstance('5') == false ){ EngageBox.getInstance('5').on('beforeOpen', function() { cb_sticky.style.display = 'none'; }); } clearInterval(intval40); } else { if(ix > 200) clearInterval(intval40); } }, 100); } } catch (e) { console.log(e); } </script> </head> <body> <div class="t3-wrapper" itemscope itemtype="http://schema.org/WebPage">   <header id="t3-header" class="t3-header t3-header-2021"> <div class="container"> <div class="row header-row"> <div class="col-md-3 header-left">    <div class="logo"> <div class="logo-image"> <a href="https://www.e-recht24.de/" title="eRecht24.de"> <img class="logo-img" src="/images/logo-erecht24-light.svg" alt="eRecht24.de" /> <span>eRecht24.de</span> </a> <small class="site-slogan"></small> </div> </div>  </div>  <div class="col-md-9 header-right"> <div class="header-right-inner"> <div class="col header-1 "> <div class="t3-module module toolsmenu " id="Mod107"><div class="module-inner"><div class="module-ct"><ul class="nav "> <li class="item-134"><a href="/impressum-generator.html" class="">Impressum-Generator</a></li><li class="item-108"><a href="/muster-datenschutzerklaerung.html" class="">Datenschutz-Generator</a></li><li class="item-2313"><a href="https://www.e-recht24.de/e24link/vhagz" class="" rel="nofollow">Login </a></li></ul> </div></div></div><div class="t3-module module " id="Mod352"><div class="module-inner"><div class="module-ct"><div class="mb-top"><a href="https://www.e-recht24.de/e24link/rsden" class="topbar-btn btn-sale">Jetzt Mitglied werden!</a></div> </div></div></div> </div> </div> </div>  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse"> <i class="fa fa-bars"></i> </button> </div> </div> </div> </header>   <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav t3-mainnav-2021"> <div class="container"> <div class="mainnav-search-wrap"> <div class="mainnav-wrap"> <div class="t3-navbar-collapse navbar-collapse collapse"></div> <div class="t3-navbar navbar-collapse collapse"> <div class="t3-megamenu" data-responsive="true"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="nav navbar-nav level0"> <li itemprop='name' class="item-home" data-id="207" data-level="1" data-class="item-home"> <a itemprop='url' class=" homelink" href="/" data-target="#">Home </a> </li> <li itemprop='name' class="active dropdown mega" data-id="193" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="/artikel/" data-target="#" data-toggle="dropdown">Ratgeber <em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" style="width: 800px" data-width="800"><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="3399" data-level="2"> <span class=" separator" data-target="#"> Schwerpunkte</span> </li> <li itemprop='name' data-id="2918" data-level="2"> <a itemprop='url' class="" href="/agb/" data-target="#">AGB </a> </li> <li itemprop='name' data-id="3494" data-level="2"> <a itemprop='url' class="" href="/arbeitsrecht/" data-target="#">Arbeitsrecht </a> </li> <li itemprop='name' data-id="2858" data-level="2"> <a itemprop='url' class="" href="/datenschutz/" data-target="#">Datenschutz </a> </li> <li itemprop='name' data-id="3284" data-level="2"> <a itemprop='url' class="" href="/domain-hosting/" data-target="#">Domain & Hosting </a> </li> <li itemprop='name' class="active" data-id="3005" data-level="2"> <a itemprop='url' class="" href="/ecommerce/" data-target="#">E-Commerce </a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="3400" data-level="2"> <span class="hidden-separator separator" data-target="#"> ---</span> </li> <li itemprop='name' data-id="169" data-level="2"> <a itemprop='url' class="" href="/ratgeber/tauschboersen.html" data-target="#">Filesharing </a> </li> <li itemprop='name' data-id="2797" data-level="2"> <a itemprop='url' class="" href="/impressum/" data-target="#">Impressum</a> </li> <li itemprop='name' data-id="3543" data-level="2"> <a itemprop='url' class="" href="/ki/" data-target="#">Künstliche Intelligenz (KI) </a> </li> <li itemprop='name' data-id="3410" data-level="2"> <a itemprop='url' class="" href="/markenrecht/" data-target="#">Markenrecht </a> </li> <li itemprop='name' data-id="3326" data-level="2"> <a itemprop='url' class="" href="/online-marketing/" data-target="#">Online Marketing </a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="3401" data-level="2"> <span class="hidden-separator separator" data-target="#"> ---</span> </li> <li itemprop='name' data-id="183" data-level="2"> <a itemprop='url' class="" href="/ratgeber/strafrecht.html" data-target="#">Strafrecht </a> </li> <li itemprop='name' data-id="2855" data-level="2"> <a itemprop='url' class="" href="/tracking-cookies/" data-target="#">Tracking & Cookies</a> </li> <li itemprop='name' data-id="3434" data-level="2"> <a itemprop='url' class="" href="/unternehmensgruendung/" data-target="#">Unternehmensgründung </a> </li> <li itemprop='name' data-id="3175" data-level="2"> <a itemprop='url' class="" href="/urheberrecht/" data-target="#">Urheberrecht </a> </li> <li itemprop='name' data-id="581" data-level="2"> <a itemprop='url' class="" href="/ratgeber/verkehrsrecht.html" data-target="#">Verkehrsrecht </a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="3402" data-level="2"> <span class=" separator" data-target="#"> Businessthemen</span> </li> <li itemprop='name' data-id="3403" data-level="2"> <a itemprop='url' class="" href="/datenschutz/13122-alles-rechtliche-fuer-agenturen-und-webdesigner.html" data-target="#">Agenturen & Webdesigner</a> </li> <li itemprop='name' data-id="3405" data-level="2"> <a itemprop='url' class="" href="/ecommerce/6347-top-10-fehler-eroeffnung-onlineshop.html" data-target="#">Online-Shop-Betreiber</a> </li> <li itemprop='name' data-id="3404" data-level="2"> <a itemprop='url' class="" href="/unternehmensgruendung/7175-rechtliche-voraussetzungen-unternehmensgruendung.html" data-target="#">Gründer & Start-Ups </a> </li> <li itemprop='name' data-id="3424" data-level="2"> <a itemprop='url' class="" href="/13346-content-creator-und-influencer-recht.html" data-target="#">Content Creator </a> </li> <li itemprop='name' data-id="3542" data-level="2"> <a itemprop='url' class="" href="/internes/specials/13386-digitalisierung-vereine.html" data-target="#">Vereine </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="196" data-level="1" data-hidesub="1"> <a itemprop='url' class="" href="/news/" data-target="#">News </a> </li> <li itemprop='name' data-id="2764" data-level="1"> <a itemprop='url' class="" href="https://marktplatz.e-recht24.de/" data-target="#">Marktplatz</a> </li> <li itemprop='name' class="dropdown mega" data-id="383" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="/e24link/bthgs" data-target="#" data-toggle="dropdown">Mitglieder<em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="1917" data-level="2"> <a itemprop='url' class="" href="https://www.e-recht24.de/e24link/rlxb1" data-target="#">Login</a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown mega" data-id="1247" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="/tools.html" data-target="#" data-toggle="dropdown">Tools<em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" style="width: 1000px" data-width="1000"><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="1334" data-level="2"> <span class=" separator" data-target="#"> Generatoren</span> </li> <li itemprop='name' data-id="1257" data-level="2"> <a itemprop='url' class="" href="/impressum-generator.html" data-target="#">Impressum Generator</a> </li> <li itemprop='name' data-id="1258" data-level="2"> <a itemprop='url' class="" href="/muster-datenschutzerklaerung.html" data-target="#">Datenschutzerklärung</a> </li> <li itemprop='name' data-id="1259" data-level="2"> <a itemprop='url' class="" href="/facebook-impressum-generator.html" data-target="#">Social Media Impressum Generator</a> </li> <li itemprop='name' data-id="1261" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fgenerator-vertraulichkeitsvereinbarung%2F" data-target="#"><span class="fa fa-lock"></span>NDA Generator</a> </li> <li itemprop='name' data-id="1984" data-level="2"> <a itemprop='url' class="" href="/homeoffice-generator.html" data-target="#">Datenschutz für Homeoffice </a> </li> <li itemprop='name' data-id="2172" data-level="2"> <a itemprop='url' class="" href="/barrierefreiheitserklaerung.html" data-target="#">Barrierefreiheitserklärung Generator für Behörden & öffentliche Stellen </a> </li> <li itemprop='name' data-id="109" data-level="2"> <a itemprop='url' class="" href="/muster-disclaimer.html" data-target="#">Disclaimer-Generator </a> </li> <li itemprop='name' data-id="3304" data-level="2"> <a itemprop='url' class="" href="/passwort-generator.html" data-target="#">Passwort Generator </a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="1814" data-level="2"> <span class=" separator" data-target="#"> Premium-Tools</span> </li> <li itemprop='name' data-id="1815" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fprojekt-manager%2F" data-target="#"><span class="fa fa-lock"></span>eRecht24 Projekt Manager</a> </li> <li itemprop='name' data-id="1816" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fprojekt-manager%2F" data-target="#"><span class="fa fa-lock"></span>eRecht24 Projekt Planer</a> </li> <li itemprop='name' data-id="1817" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fprojekt-manager%2F" data-target="#"><span class="fa fa-lock"></span>eRecht24 Projekt Report</a> </li> <li itemprop='name' data-id="3492" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/tools/datenschutzpro/" data-target="#"><span class="fa fa-lock"></span>eRecht24 DatenschutzPro Datenschutzmanagementsystem</a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="1335" data-level="2"> <span class=" separator" data-target="#"> Checks</span> </li> <li itemprop='name' data-id="2584" data-level="2"> <a itemprop='url' class="" href="/websitescanner" data-target="#">eRecht24 Website Scanner </a> </li> <li itemprop='name' data-id="2710" data-level="2"> <a itemprop='url' class="" href="/google-fonts-scanner" data-target="#">eRecht24 Google Fonts Scanner </a> </li> <li itemprop='name' data-id="582" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fabmahncheck%2F" data-target="#"><span class="fa fa-lock"></span>Abmahn-Check</a> </li> <li itemprop='name' data-id="1262" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Fmarkencheck%2F" data-target="#"><span class="fa fa-lock"></span>Marken-Check</a> </li> <li itemprop='name' data-id="1810" data-level="2"> <a itemprop='url' class="" href="https://www.e-recht24.de/dsgvo-bussgeldrechner.html" data-target="#">DSGVO Bußgeldrechner</a> </li> </ul> </div></div> <div class="col-xs-3 mega-col-nav" data-width="3"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="1336" data-level="2"> <span class=" separator" data-target="#"> Plugins</span> </li> <li itemprop='name' data-id="2097" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/lp-cookieeinwilligung/" data-target="#"><span class="fa fa-lock"></span>Cookie Consent Tool</a> </li> <li itemprop='name' data-id="986" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="/erecht24-safe-sharing.html" data-target="#"><span class="fa fa-lock"></span>eRecht24 Safe Sharing Tool </a> </li> <li itemprop='name' data-id="1260" data-level="2" data-xicon="fa fa-lock"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/login/?redirect_to=%2Ftools%2Ferecht24-rechtstexte-plugin%2F" data-target="#"><span class="fa fa-lock"></span>eRecht24 Rechtstexte Plugin</a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="1116" data-level="1"> <a itemprop='url' class="" href="https://www.e-recht24.de/e24link/ayk9o?source_id=e24_menu" data-target="#">Webinar</a> </li> <li itemprop='name' class="dropdown mega" data-id="1572" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="https://www.e-recht24.de/mitglieder/vorteilsangebote/uebersicht-rechtsberatungspakete/" data-target="#" data-toggle="dropdown">Rechtsberatung<em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="166" data-level="2"> <a itemprop='url' class="" href="/anwalt-internetrecht.htm" data-target="#">Anwalt Internetrecht </a> </li> <li itemprop='name' data-id="163" data-level="2"> <a itemprop='url' class="" href="/telefonische-rechtsberatung.html" data-target="#">Telefonische Rechtsberatung </a> </li> <li itemprop='name' data-id="1721" data-level="2"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/vorteilsangebote/website-check-dsgvo/" data-target="#">Website-Check DSGVO</a> </li> <li itemprop='name' data-id="2585" data-level="2"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/check-online-shop-b2c-agb/" data-target="#">Check Online-Shop</a> </li> <li itemprop='name' data-id="2586" data-level="2"> <a itemprop='url' class="" href="https://www.e-recht24.de/mitglieder/vorteilsangebote/premium-agenturpaket/" data-target="#">Webdesigner / Agenturen</a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="2202" data-level="1"> <a itemprop='url' class="" href="https://www.e-recht24.de/e24link/x4pfm" data-target="#">Webseite absichern</a> </li> </ul> </div> </div> </div> <div class="searchmod-wrap"> <div class="module-search"> <form action="/" method="post" class="form-inline"> <i class="fa fa-search"></i> <label for="mod-search-searchword" class="element-invisible">Suchen ...</label> <input name="searchword" id="mod-search-searchword" maxlength="200" class="form-control inputbox search-query" type="text" size="20" value="Suchen ..." onblur="if (this.value=='') this.value='Suchen ...';" onfocus="if (this.value=='Suchen ...') this.value='';" /> <input type="hidden" name="task" value="search" /> <input type="hidden" name="option" value="com_search" /> <input type="hidden" name="Itemid" value="144" /> </form> </div> </div> </div> </div> </nav> <script> (function ($){ var maps = []; $(maps).each (function (){ $('li[data-id="' + this['id'] + '"]').addClass (this['class']); }); })(jQuery); </script>   <div id="t3-stickynav" class="t3-stickynav t3-stickynav-2021"> <div class="shadow"> <div class="container"> <a href="/"><img alt="eRecht24.de" src="/images/logo-erecht24-light.svg" ></a> <ul id="stickynavlist"> <li><a class="stickylink" href="/artikel/">Ratgeber</a></li>  <li><a class="stickylink" href="/mitglieder/affiliate/">Affiliate</a></li> <li><a class="stickylink" href="/e24link/68vqb">Mitglieder</a></li> <li><a class="stickylink" href="/tools.html">Tools</a></li> <li><a class="stickylink" href="/e24link/3646q">AGB</a></li> <li><div class="mb-top"><a class="topbar-btn btn-sale" href="/e24link/nfymg">Jetzt Mitglied werden!</a></div></li> </ul> </div> </div> </div>   <div class="wrap t3-toptopics "> <div class="container"> <div class="t3-module module top-topics " id="Mod324"><div class="module-inner"><div class="module-ct"> <div class="custom top-topics" > <ul class="clearfix"> <li><span>Top-Themen:</span></li> <li class="gradient-box"><a href="/e24link/qdl4u">AGB</a></li> <li class="gradient-box"><a href="/tracking-cookies/8451-hinweispflicht-fuer-cookies.html">Cookies</a></li> <li class="gradient-box"><a href="/datenschutzgrundverordnung.html">DSGVO</a></li> <li class="gradient-box"><a href="/agb/14-agb-fuer-onlineshops.html">Onlineshops</a></li> <li class="gradient-box"><a href="/datenschutz/6843-google-analytics-datenschutz-rechtskonform-nutzen.html">Google Analytics</a></li> <li class="gradient-box"><a href="/artikel/blog-foren-web20/7361-so-nutzen-sie-bilder-rechtssicher-in-ihrem-blog.html">Bildrechte</a></li> <li class="gradient-box"><a href="/artikel/datenschutz/10580-auftragsdatenverarbeitung-adv-datenschutz.html">AV-Vertrag</a></li> <li class="gradient-box"><a href="/datenschutz/12465-geheimhaltungsvereinbarung.html">NDA</a></li> </ul></div> </div></div></div> </div> </div>  <div class="main"> <div id="t3-mainbody" class="container t3-mainbody mainbody-magazine"> <div class="row">  <div id="t3-content" class="col t3-content"> <div class="item-row row-main"> <div class="article-main"> <article class="article" itemscope itemtype="http://schema.org/Article"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/ecommerce/13337-barrierefreiheit-online-shop.html" /> <meta itemprop="inLanguage" content="de-DE" /> <h1 class="main-title">Barrierefreiheit im Online-Shop</h1> <header class="article-header clearfix"> <h2 class="article-title" itemprop="headline"> Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei <meta itemprop="url" content="https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html" /> </h2> </header> <section class="article-intro-meta"> <div class="article-intro-data" > <div class="row author-block"> <div class="col col-sm-6 author-line" itemprop="author"> <span class="author-label">Von:</span> <img class="avatar" src="/images/microsites/redaktion/Katharina-Steinröder-rund.png" alt="Katharina Steinröder"> <span class="author-toggle" onclick="e24ToggleAuthorBox(1);"><span itemprop="name">Katharina Steinröder</span></span> </div> <div class="col col-sm-6 author-line"> <span class="author-label">Fachlich geprüft von:</span> <img class="avatar" src="/images/microsites/redaktion/siebert-rund.png" alt="Rechtsanwalt Sören Siebert "> <span class="author-toggle" onclick="e24ToggleAuthorBox(2);"><span itemprop="name">Rechtsanwalt Sören Siebert </span></span> </div> </div> <div class="row date-rating"> <div class="col col-sm-6 stack-notebook"> <span class="published"> <time datetime="2024-09-11T10:30:50+02:00"> <span class="date-label">Stand:</span> 11. September 2024 </time> </span> <span class="share-wrap"><span class="share-label">Teilen via:</span><div class="shariff" data-backend-url="https://www.e-recht24.de/plugins/system/erecht24_safe_sharing/backend/" data-lang="de" data-orientation="horizontal" data-services="["facebook","linkedin","twitter","xing","whatsapp"]" data-theme="color" data-url="https://www.e-recht24.de/ecommerce/13337-barrierefreiheit-online-shop.html"></div></span> </div> <div class="col col-sm-6">  <div class="mfv"><div style="clear:both;margin:7px 0"> <div class="plgmfv-inline-rating" id="com_content.article-13337" ><div class="rating"> <div class="plgmfv-inline-rating-stars" id="mfv"> <ul class="plgmfv-star-rating"> <li id="mfv-current-rating" style="width:77%;"> </li> <li><a title="1 Stern von 5" class="plgmfv-toggler one-star worst">1</a></li> <li><a title="2 Sterne von 5" class="plgmfv-toggler two-stars">2</a></li> <li><a title="3 Sterne von 5" class="plgmfv-toggler three-stars">3</a></li> <li><a title="4 Sterne von 5" class="plgmfv-toggler four-stars">4</a></li> <li><a title="5 Sterne von 5" class="plgmfv-toggler five-stars best">5</a></li> </ul> </div><div class="plgmfv-box">(<span class="votes">39</span> Bewertungen, <span class="average">3.85</span> von 5)</div></div></div></div></div>  </div> </div> <meta itemprop="dateModified" content="2024-10-22T11:45:03+02:00" /> <meta itemprop="datePublished" content="2024-09-11T10:30:50+02:00" /> <meta itemprop="dateCreated" content="2024-09-11T10:30:50+02:00" /> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="height:0px;"> <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://www.e-recht24.de/images/logo-erecht24-long-72-rgb.png"> <meta itemprop="width" content="202"> <meta itemprop="height" content="50"> </div> <meta itemprop="name" content="eRecht24"> </div> </div> </section> <nav class="article-breadcrumb"> <span><a href="https://www.e-recht24.de/">Home</a></span><span class="article-breadcrumb-separator"><i class="fa fa-caret-right"></i></span><span><a href="/ecommerce/">E-Commerce</a></span><span class="article-breadcrumb-separator"><i class="fa fa-caret-right"></i></span><span>Inklusion im E-Commerce: So gestalten Sie Ihren Online-Shop barrierefrei</span> </nav> <section class="brief-content dark"> <p class="pseudo-headline">Das Wichtigste in Kürze</p> <ul><li>Von dem BFSG sind Sie als Onlineshop-Betreiber betroffen. Eine Ausnahme gilt für Kleinstunternehmer. </li><li>Die Vorgaben sehen eine barrierefreie Gestaltung Ihrer Shopseiten sowie die Bereitstellung von Pflichtinformationen zur Barrierefreiheit vor.</li><li>Alle Online-Shop-Betreiber müssen die Vorgaben bis zum 28. Juni 2025 umgesetzt haben. Sonst drohen hohe Bußgelder durch die Behörden sowie Abmahnungen nach dem Wettbewerbsrecht. </li></ul> <section class="article-button-row"> <div class="row"> <div class="col col-md-12"> <a class="btn btn-secondary btn-num-2" href="#1">Ich möchte mich umfassend informieren</a> <a class="btn btn-primary btn-num-2" href="https://www.e-recht24.de/e24link/h89p2">Premium Leistungen jetzt ansehen</a> </div> </div> </section> </section> <section class="article-full row" id="fullarticle"> <div class="col col-md-4 col-md-push-8 col-toc"> <div id="fixed-col1"> <nav id="article-toc-wrap"> <div id="article-toc-inner" class="gradient-box"> <div data-toc id="article-toc"></div> </div> </nav> </div> </div> <div class="article-content-main col col-md-8 col-md-pull-4"> <section class="article-content" itemprop="articleBody " data-content> <p class="pseudo-headline">Worum geht's?</p> <p>Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) soll die <strong>Inklusion</strong> im Bereich der digitalen Medien und des Internets fördern und tritt am 28. Juni 2025 in Kraft. Betroffen sind insbesondere Online-Shop-Betreiber, die daher zeitnah mit der Umsetzung der Vorgaben beginnen sollten. Welche rechtlichen Vorgaben es gibt, wie Sie diese umsetzen und welche Konsequenzen bei Nichtumsetzung drohen, erfahren Sie in diesem Artikel.</p> <p> </p> <h3 id="1">1. Warum das Barrierefreiheitsstärkungsgesetz für Sie als Onlineshop-Betreiber relevant wird</h3> <p>Das <a href="/ecommerce/13236-barrierefreiheitsstaerkungsgesetz.html">Barrierefreiheitsstärkungsgesetz</a> (kurz: BFSG) setzt eine europäische Richtlinie (den European Accessibility Act) zur Förderung der Teilhabe von Menschen mit Behinderungen und Einschränkungen am gesellschaftlichen Leben um. Da digitale Medien und das Internet mittlerweile wesentlicher Bestandteil des gesellschaftlichen Lebens sind und auch zahlreiche Erleichterungen mit sich bringen, soll das BFSG <strong>Produkte</strong>, wie Selbstbedienungsterminals, Smartphones etc., und <strong>Dienstleistungen</strong> barrierefrei zugänglich machen. Das Gesetz führt als Dienstleistungen unter anderem Dienstleistungen im elektronischen Geschäftsverkehr auf.</p> <p><strong>Und hier liegt der Knackpunkt für Sie</strong>: <br>Der elektronische Geschäftsverkehr erfasst den <a href="/ecommerce/">E-Commerce</a> und damit jeglichen Online-Verkauf von Produkten und Dienstleistungen. Dabei ist es unerheblich, welche Produkte oder Dienstleistungen Sie in Ihrem Shop anbieten.</p> <div id="ea-attention-1" class="ea-attention-wrap"><div class="ea-attention-text"> <h4>ACHTUNG</h4> <p>Online-Shops sind ausnahmsweise dann nicht vom BFSG erfasst, wenn Sie als Kleinstunternehmer gelten. Nur dann müssen Sie die Vorgaben des BFSG nicht zwingend umsetzen. </p> </div></div> <p>Nach <a href="https://www.bgbl.de/xaver/bgbl/start.xav?startbk=Bundesanzeiger_BGBl&jumpTo=bgbl121s2970.pdf#__bgbl__%2F%2F*%5B%40attr_id%3D%27bgbl121s2970.pdf%27%5D__1726470559163" target="_blank" rel="noopener">§ 2 Nr. 17 BFSG</a> ist Ihr Unternehmen ein <strong>Kleinstunternehmen</strong>, wenn es</p> <ul> <li>weniger als 10 Personen beschäftigt und</li> <li>entweder einen Jahresumsatz von höchstens 2 Millionen Euro erzielt oder sich die Jahresbilanzsumme auf höchstens 2 Millionen Euro beläuft.</li> </ul> <div id="ea-praxis-1" class="ea-praxis-wrap"><div class="ea-praxis-inner"><div class="ea-praxis-text"> <h4>BEISPIELE AUS DER PRAXIS</h4> <p>Bsp.1: Sie betreiben einen Online-Shop und verkaufen Camping-Zubehör wie Zelte, Schlafsäcke und Campingkocher. Aktuell beschäftigen Sie 7 Personen. Da Camping im Trend ist, liegen sowohl Ihr Jahresumsatz als auch Ihre Jahresbilanzsumme weit über 2 Millionen Euro. Ihr Unternehmen zählt daher <strong>nicht</strong> als Kleinstunternehmen.</p> <p>Bsp. 2: In Ihrem Online-Shop verkaufen Sie handgefertigte Strickmützen und Handschuhe. Sie beschäftigen 2 Personen und erzielen weniger als 2 Millionen Euro Jahresumsatz. Sie zählen daher als <strong>Kleinstunternehmen</strong>.</p> </div></div></div> <p><strong>Aufgepasst</strong>:</p> <p>Sie sind Kleinstunternehmer, wenn Sie </p> <ul> <li>weniger als 10 Personen beschäftigen <strong>und </strong>einen Jahresumsatz von <strong>höchstens</strong> 2 Millionen Euro erzielen <strong>oder </strong></li> <li>weniger als 10 Personen beschäftigen und sich die Jahresbilanzsumme auf <strong>höchstens</strong> 2 Millionen Euro beläuft.    </li> </ul> <p>Trifft die Ausnahme auf Sie zu, sind Sie nicht verpflichtet, die Vorgaben umzusetzen. Es steht Ihnen allerdings frei, die Anforderungen des BFSG freiwillig umzusetzen. Welche Vorteile die digitale Barrierefreiheit mit sich bringen kann, erläutern wir in Kapitel 5 "<a href="#2">Vorteile der Inklusion im E-Commerce</a>".</p> <p>Sie betreiben eine Webseite ohne Shop-Funktion zur reinen Präsentation von Produkten oder bieten Online-Terminbuchungen an? In unserem Artikel “<a href="/ecommerce/13338-website-barrierefrei.html">Digitale Inklusion: So erstellen Sie Ihre Website barrierefrei</a>” erläutern wir, wann Websitebetreiber vom BFSG erfasst werden und wie Sie die Vorgaben des BFSG rechtssicher umsetzen können.</p> <div id="ea-praxis-2" class="ea-praxis-wrap"><a href="/ecommerce/13236-barrierefreiheitsstaerkungsgesetz.html"><span>Zum Beitrag</span></a><div class="ea-praxis-inner"><div class="ea-praxis-text"> <h4>WEITERLESEN</h4> <p>Sie möchten mehr über das Barrierefreiheitsstärkungsgesetz, die rechtlichen Auswirkungen und Hintergründe erfahren? In unserem Artikel “<a href="/ecommerce/13236-barrierefreiheitsstaerkungsgesetz.html">Barrierefreiheit für Produkte und Dienstleistungen: Webseitenbetreiber und Online-Shops erneut in der Pflicht</a>” verschaffen wir Ihnen einen allgemeinen Überblick zum BFSG.</p> </div><span class="ea-praxis-button">Zum Beitrag</span></div></div> <h4>Gelten die Vorgaben für Online-Shops im B2C- und im B2B-Bereich?</h4> <p>Nach dem Wortlaut des Barrierfreiheitstärkungsgesetz sind B2B Shops von den Anforderungen an die Barrierefreiheit nicht betroffen. Denn das Gesetz sagt, dass es für die aufgeführten Dienstleistungen gilt, die für <strong>Verbraucher</strong> nach dem 28. Juni 2025 erbracht werden.</p> <p><strong>Und hier zeigt sich ein weiterer wichtiger Punkt</strong>: Viele Shopbetreiber glauben, dass es genügt, wenn sie Maßnahmen zur Umsetzung der Barrierefreiheitsanforderungen ergreifen, wenn das BFSG in Kraft tritt. Dem ist jedoch nicht so.</p> <p>Denn mit Inkrafttreten des Gesetzes müssen die Dienstleistungen bereits <strong>barrierefrei</strong> erbracht werden. Die Marktüberwachungsbehörden beginnen zeitgleich mit den Testungen und dann kann es für Sie ungeahnt teuer werden.</p> <p>Sie betreiben einen Online-Shop im <strong>B2B-Bereich</strong>? Dann können Sie Durchatmen, denn das Barrierefreiheitsstärkungsgesetz erfasst Sie nicht.</p> <p><strong>Aber aufgepasst</strong>: Sie müssen sicherstellen, dass Verbraucher und Verbraucherinnen nicht in Ihrem Shop bestellen. Machen Sie deutlich, dass sich Ihr Shop nur an gewerbliche und nicht an private Kunden richtet. Betrifft Ihr Angebot nämlich nur andere Unternehmer, gelten weniger gesetzliche Vorgaben. Denn zahlreiche Informationspflichten sind Bestandteil des Verbraucherschutzrechtes und müssen daher nicht von Ihnen umgesetzt werden.</p> <h3>2. Rechtliche Vorgaben für Ihren Online-Shop</h3> <p>Kommen wir nun zu den <strong>konkreten rechtlichen Vorgaben</strong>. Welche Anforderungen stellt das BFSG an die Barrierefreiheit von Onlineshops, die Produkte und Dienstleistungen anbieten?</p> <p>Ein Blick ins Gesetz verrät:</p> <p>Produkte 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.</p> <p>Hierbei kommt es nicht auf das Vorliegen einer konkreten Behinderung an. Onlineshops sollen zukünftig so gestaltet sein, dass sie unabhängig von der Art der Behinderung oder Einschränkung bedient werden können.</p> <div id="ea-praxis-3" class="ea-praxis-wrap"><div class="ea-praxis-inner"><div class="ea-praxis-text"> <h4>BEISPIELE AUS DEM ALLTAG</h4> <p>Bsp.1: Ein Kunde mit Sehbehinderung möchte in Ihrem Online-Shop einkaufen. Schriftarten ohne Serifen wie Arial oder Calibri sowie eine Zoom-Option helfen beim Einkauf. </p> <p>Bsp.2: Ein gehörloser Kunde ist in Ihrem Shop auf der Suche nach einem passenden Produkt. Neben einem Rückrufservice bieten Sie einen Chat für Fragen an. So stehen Ihrem Kunden verschiedene Kontaktwege zur Verfügung.</p> </div></div></div> <p>Konkret nennt das BFSG als Pflichten für Dienstleistungserbringer,</p> <ul> <li>die Umsetzung der in der Verordnung gemachten Vorgaben zur Barrierefreiheit,</li> <li>sowie die Erstellung von Informationen nach Anlage 3 Nr. 1 des BFSG und die Zugänglichmachung für die Allgemeinheit in barrierefreier Form.</li> </ul> <p>Die konkreten Anforderungen an die Barrierefreiheit für Produkte und Dienstleistungen finden Sie in der <a href="https://www.bgbl.de/xaver/bgbl/start.xav?startbk=Bundesanzeiger_BGBl&start=%2F%2F%2A%5B%40attr_id=%27bgbl122s0928.pdf%27%5D#__bgbl__%2F%2F*%5B%40attr_id%3D%27bgbl122s0928.pdf%27%5D__1721285939437" target="_blank" rel="noopener">Verordnung zum Barrierefreiheitsstärkungsgesetz</a>.</p> <h4>Umfang der Pflichten eingrenzen: In welchen Bereichen sind Sie vom BFSG betroffen?</h4> <p>Bei der Fülle an neuen Vorgaben gilt es für Sie zunächst einmal herauszufinden, inwiefern Sie und Ihr Business erfasst werden. Wie bereits oben dargestellt, zählen Dienstleistungen im E-Commerce zum elektronischen Geschäftsverkehr.</p> <p>Bedeutet, dass Ihr <a href="/ecommerce/10769-dsgvo-online-shops.html">Online-Shop</a> betroffen ist und an die Vorgaben des BFSG angepasst werden muss. Im nächsten Schritt sollten Sie überprüfen, ob Sie in Ihrem Shop Produkte vertreiben, die in § 1 Abs. 2 BFSG aufgeführt werden oder Dienstleistungen anbieten, die in § 1 Abs. 3 BFSG genannt werden.</p> <div id="ea-praxis-4" class="ea-praxis-wrap"><div class="ea-praxis-inner"><div class="ea-praxis-text"> <h4>BEISPIELE AUS DER PRAXIS</h4> <p>Bsp. 1: Unternehmen XY vertreibt über einen Online-Shop Outdoor-Kleidung wie Regenjacken, Fleecejacken und Gummistiefel.</p> <p>Bsp. 2: Unternehmen H vertreibt online Zubehör wie Körbchen und Leinen für den Hund. Zudem können online Termine zur Fellpflege für den Vierbeiner vor Ort gebucht werden.</p> </div></div></div> <p>Da Outdoorbekleidung und Hundezubehör nicht in § 1 Abs. 2 BFSG aufgeführt werden, müssen diese Produkte nicht barrierefrei sein. Die Fellpflege durch einen Hundefrisör zählt zwar zu den Dienstleistungen, wird aber ebenfalls nicht im BFSG als betroffene Dienstleistung aufgeführt.</p> <p>Da über beide Online-Shops Waren (sowie eine Dienstleistung) verkauft und erworben werden können, handelt es sich um <strong>elektronischen Geschäftsverkehr</strong>.</p> <p>Die in den Beispielen genannten Shops müssen folglich beide barrierefrei gestaltet werden.</p> <p>In der folgenden Auflistung haben wir Ihnen die Anforderungen, die sich aus der Verordnung zum BFSG ergeben, zusammengestellt (Liste nicht abschließend). Die dazu passenden Tipps zur Umsetzung finden Sie in der Checkliste unter Kapitel 3.</p> <ul> <li>Online-Shops sollen grundsätzlich Funktionen, Vorgehensweisen, Strategien und Verfahren sowie Änderungen bei der Ausführung vorsehen, die auf die Bedürfnisse von Menschen mit Behinderungen ausgerichtet sind und die Interoperabilität mit assistiven Technologien gewährleisten,</li> <li>Informationen zur Barrierefreiheit der zum Verkauf stehenden Produkte und der angebotenen Dienstleistungen müssen bereitgestellt werden, soweit diese Informationen vom verantwortlichen Wirtschaftsakteur zur Verfügung gestellt werden,</li> <li>Webseiten, einschließlich der zugehörigen Online-Anwendungen und auf Mobilgeräten angebotenen Dienstleistungen, einschließlich mobiler Apps, müssen auf konsistente und angemessene Weise wahrnehmbar, bedienbar, verständlich und robust gestaltet werden und</li> <li>Identifizierungsmethoden, Authentifizierungsmethoden, elektronische Signaturen und Zahlungsdienste müssen, wenn diese bereitgestellt werden, wahrnehmbar, bedienbar, verständlich und robust gestaltet werden.</li> </ul> <p>Da die Verordnung keine konkreten Aussagen zur Umsetzung trifft, steht noch nicht fest, wann Websites tatsächlich den Anforderungen an die Barrierefreiheit genügen.</p> <p>Es bleibt also letztlich Ihnen als Shopbetreiber überlassen, “robuste” Identifizierungsmethoden zu implementieren und die Barrierefreiheit zu gewährleisten.  </p> <h3>3. Anleitung: So setzen Sie die Vorgaben des BFSG um</h3> <p>Auch wenn die Vorgaben bisher sehr ungenau sind und konkrete Leitlinien zur Umsetzung fehlen, haben wir Ihnen unter Bezugnahme auf die <a href="https://www.w3.org/TR/WCAG21/" target="_blank" rel="noopener">Web Content Accessibility Guidelines</a> (WCAG) des World Wide Web Consortiums (W3C) eine Anleitung erstellt. Diese soll Ihnen als Anbieter helfen, Barrieren zu beseitigen und den Zugang zu Ihrer Website zu erleichtern.</p> <p>Beachten Sie, dass es sich hierbei um eine nicht abschließende Anleitung handelt und Sie abhängig von Ihren Angeboten gegebenenfalls weitere Maßnahmen ergreifen müssen.</p> <div id="ea-check-1" class="ea-check"><div class="ea-check-inner gradient-box"><div class="ea-check-head">Checkliste</div><div class="ea-check-ok"><div class="ea-check-ok-head">Schritt für Schritt</div> <ul> <li>Gestalten Sie Ihre Website so, dass diese rein per Tastatur bedient werden kann, hierzu zählt auch der Cookie Consent Banner,</li> <li>Verwenden Sie eine ausreichende Schriftgröße und eine gut lesbare Schriftart wie Arial oder Calibri,</li> <li>Ermöglichen Sie das Vergrößern der Schrift per Zoom-Funktion,</li> <li>Achten Sie auf ausreichende Kontraste und verzichten Sie auf grelle Hintergrundfarben, nutzen Sie Rot und Grün nicht zusammen,</li> <li>Funktionen und Bedienelemente sollten sich nicht nur anhand von Farben unterscheiden, bedenken Sie auch die Farbwahl bei der Gestaltung von Bildern und Grafiken, nutzen Sie spezielle Tools wie GIMP oder Contrast Checker, um passende Farben und Kontraste zu wählen,</li> <li>Verwenden Sie eine einfache und verständliche Sprache ohne verschachtelte Sätze, gliedern Sie Texte durch Überschriften,</li> <li>Achten Sie durchgehend auf eine HTML-Struktur in allen Textelementen sowie auf ARIA-Attribute, nur so können Inhalte fehlerfrei von Screenreadern ausgelesen werden,</li> <li>Erläutern Sie verständlich, wie Formularfelder auszufüllen sind und leiten Sie den Nutzer aktiv durch das System und die Funktionen Ihrer Seite, verwenden Sie Symbole einheitlich,</li> <li>Verwenden Sie auditive oder visuelle Inhalte auf Ihrer Seite, versehen Sie diese mit aussagekräftigen Untertiteln und Beschreibungen (Audiodeskription, Gebärdensprache, Alt-Tags)</li> <li>Machen Sie Ihre Website kompatibel mit Benutzeragenten und assistierender Technik wie Screenreadern, Vergrößerungssoftware, Spracheingabesoftware und Vorlesefunktion,</li> <li>Bieten Sie Ihren Kunden verschiedene Kontaktmöglichkeiten wie E-Mail, Chat oder Rückruffunktion an,</li> <li>Bedenken Sie, dass neben der Desktop-Ansicht auch die mobile Ansicht sowie Apps barrierefrei zu gestalten sind,</li> <li>Gestalten Sie Rechtstexte wie Datenschutzerklärung und Impressum ebenfalls barrierefrei, binden Sie das Impressum keinesfalls als <a href="/impressum/6604-impressum-als-bild.html">Grafikdatei</a> ein,</li> <li>Stellen Sie die Informationen nach Anlage 3 BFSG barrierefrei zur Verfügung.</li> </ul> </div></div></div> <p> </p> <p>Die in der Anlage 3 geforderten Informationen sollen den Kunden über die Umsetzung der Barrierefreiheit informieren. Diese Informationen sollten Sie sodann in Ihren <strong>AGB oder an anderer deutlich wahrnehmbarer Stelle</strong>, wie beispielsweise im Footer Ihrer Website, zur Verfügung stellen.</p> <p>Folgende Informationen sollten Sie den Nutzern bereitstellen:</p> <ul> <li>Beschreibung der geltenden Anforderungen,</li> <li>Beschreibung der Dienstleistung in einem barrierefreien Format,</li> <li>Beschreibungen und Erläuterungen zum Verständnis der Durchführung der Dienstleistung,</li> <li>Beschreibung wie die Dienstleistung die Barrierefreiheitsanforderungen erfüllt,</li> <li>Angabe der zuständigen Marktüberwachungsbehörde.</li> </ul> <p><strong>Wichtig</strong>: Auch beim Thema Barrierefreiheit spielen Rechtstexte eine wichtige Rolle. Denn diese sollten nicht nur rechtssicher, sondern auch barrierefrei sein. Nutzen Sie den eRecht24 Impressum-Generator und den eRecht24 Datenschutz-Generator, so erhalten Sie die Rechtstexte als Text und als HTML-Quellcode. Mittels HTML-Quellcode können Sie diese direkt barrierefrei in Ihrem Onlineshop einbinden. </p> <div id="ea-tool-1" class="ea-tool-wrap"><a href="https://www.e-recht24.de/e24link/v7m3n"><span>Jetzt Datenschutzerklärung erstellen </span></a><div class="ea-tool-dsg"><div class="ea-tool-inner"><h4 class="skip">Erstellen Sie jetzt eine rechtssichere Datenschutzerklärung mit dem eRecht24 Datenschutz Generator </h4><ul><li>Einfache Integration in Ihre Website </li><li>Anwaltlich geprüfter Generator </li><li>Für Sie kostenfrei in wenigen Schritten </li></ul><span class="ea-tool-button">Jetzt Datenschutzerklärung erstellen </span></div></div></div> <h3>4. Rechtliche Konsequenzen bei Nichtumsetzung</h3> <p>Ab Juni 2025 wird die Lage ernst. Haben Sie die Vorgaben bis zum 28. Juni 2025 nicht umgesetzt, drohen rechtliche Konsequenzen.</p> <div id="ea-attention-2" class="ea-attention-wrap"><div class="ea-attention-text"> <h4>AUFGEPASST</h4> <p>Das BFSG tritt am 28. Juni 2025 in Kraft und die Vorgaben müssen Sie zu diesem Stichtag umgesetzt haben. Eine weitere Umsetzungsfrist gibt es nicht.</p> </div></div> <p>Selbstverständlich beinhaltet das BFSG auch Übergangsbestimmungen und Ausnahmen. So findet Sie eine Übergangsregelung für den Einsatz von Produkten bei Erbringung einer Dienstleistung in § 38 Abs. 1 BFSG. Ausnahmen gelten zudem bei aufgezeichneten zeitbasierten Medien, die vor dem 28. Juni 2025 veröffentlicht wurden. Weitere Ausnahmen finden Sie in § 1 Abs. 4 BFSG.</p> <p>Werden die Marktüberwachungsbehörden auf einen Verstoß aufmerksam, fordern Sie den Webseitenbetreiber zunächst auf, tätig zu werden. Dies gilt sowohl bei Nichtumsetzung der Barrierefreiheitsanforderungen als auch bei formaler Nichtkonformität, also wenn Sie die Informationen nach Anlage 3 nicht bereitgestellt haben.</p> <p>Kommen Sie Ihren Pflichten als Dienstleistungserbringer auch nach Aufforderung durch die Marktüberwachungsbehörde nicht nach, kann ein <strong>Bußgeld bis zu 100.000 Euro</strong> verhängt werden. Weiterhin besteht die Möglichkeit, dass Verbraucher und anerkannte Verbände ein solches Verfahren anregen.</p> <p>Ebenfalls denkbar sind Abmahnungen durch Wettbewerber nach dem <a href="/ecommerce/215-uwg-rechtliche-stolperfallen-durch-wettbewerbsgesetz.html">Gesetz gegen den unlauteren Wettbewerb (UWG)</a>.</p> <h3 id="2">5. Vorteile der Inklusion im E-Commerce</h3> <p>Neues EU-Recht sowie deutsche Gesetze lassen den Unmut und die Frustration bei so manchem Onlinehändler wachsen. Ist eine Umsetzung rechtlicher Vorgaben abgeschlossen, werden weitere Anpassungen fällig. Der <strong>Abbau</strong> von Barrieren bringt jedoch nicht nur für die Betroffenen <strong>Vorteile</strong> mit sich.</p> <div id="ea-praxis-5" class="ea-praxis-wrap"><div class="ea-praxis-inner"><div class="ea-praxis-text"> <h4>GUT ZU WISSEN</h4> <p>Für Menschen mit Behinderungen oder Einschränkungen können alltägliche Erledigungen zeitaufwendig und kräftezehrend sein. Der Online-Einkauf kann Betroffenen eine ganz neue Form der Teilhabe am gesellschaftlichen Leben ermöglichen, wenn Webshops an ihre Bedürfnisse angepasst werden.</p> </div></div></div> <p>Sie als Onlinehändler können durch eine barrierefreie Gestaltung Ihrer Angebote die <strong>Benutzerfreundlichkeit</strong> und damit die <strong>Kundenzufriedenheit</strong> wesentlich steigern. Denn nicht nur für Menschen mit Behinderungen und Einschränkungen sind Webseiten zu unübersichtlich gestaltet oder Pflichtinformationen unverständlich formuliert.</p> <p>Auch sollten Sie als Unternehmer berücksichtigen, dass bei einer alternden Gesellschaft insbesondere durch eingeschränkte Mobilität neue Kundenkreise erschlossen werden können. Setzen Sie die Vorgaben zeitnah und gründlich um, können Sie sich von anderen Mitbewerbern abgrenzen. Auch wenn Sie als Kleinstunternehmen nicht von der Pflicht betroffen sind, Ihre Dienstleistungen ab Juni 2025 barrierefrei zu gestalten, kann sich eine freiwillige Umsetzung rentieren.</p> <div id="ea-notice-1" class="ea-notice-wrap"><blockquote class="ea-notice-text"> <p>Sehen Sie die Vorgaben zur Barrierefreiheit nicht nur als Pflicht, sondern auch als Möglichkeit. Von einer barrierefreien Gestaltung profitiert letztlich Ihre gesamte Kundschaft. </p> </blockquote><div class="ea-notice-author-wrap"><div class="ea-notice-photo"><a href="https://www.kanzlei-siebert.de" target="_blank"><img src="/images/soeren-siebert.jpg" alt="Sören Siebert"></a></div><div class="ea-notice-data"><span class="ea-notice-name">Sören Siebert</span><span class="ea-notice-title"><a href="https://www.kanzlei-siebert.de" target="_blank">Rechtsanwalt</a></span></div></div></div> <p>Ein weiterer Vorteil Ihres barrierefreien Online-Shops: Aussagekräftige Bildunterschriften sowie Audiodeskriptionen sind SEO-technisch von Bedeutung, können Auswirkungen aufs Google Ranking haben und den <strong>Traffic</strong> auf Ihrer Website steigern.  </p> <h3>6. Fazit</h3> <p>Inklusion im E-Commerce ist ab dem 28. Juni 2025 Pflicht für alle Onlineshop-Betreiber, die nicht Kleinstunternehmer sind. Da es keine weitere Umsetzungsfrist gibt, können die Testungen der Marktüberwachungsbehörden ab diesem Stichtag beginnen. Bei <strong>Nichtumsetzung</strong> der Vorgaben drohen für Sie hohe Bußgelder bis zu 100.000 Euro. Unsere Anleitung unterstützt Sie bei der Umsetzung der Vorgaben.</p> <p>Sie sind sich unsicher, ob Ihre Website den Anforderungen an die Barrierefreiheit genügt? Mittels <a href="https://bitvtest.de/tests-und-beratung/bik-bitv-test-web" target="_blank" rel="noopener">BITV-Test</a> können Sie analysieren, ob Ihr Angebot Barrieren aufweist. Auf der Website von W3C finden Sie zudem eine <a href="https://www.w3.org/WAI/test-evaluate/tools/list/" target="_blank" rel="noopener">Übersicht an hilfreichen Tools</a>, mit denen Sie die Barrierefreiheit Ihres Onlineshops überprüfen können.</p> <p>In unserem <strong>eRecht24 Newsletter</strong> halten wir Sie über aktuelle Entwicklungen zum Thema Barrierefreiheit auf dem Laufenden. </p>  <div class="nl_anmeldung_im_article" id="shownlartform"> <div id="nl_anmeldung_im_article_wrapper"> <div class="textwrapper"> <div class="slogansub">Immer bestens informiert</div> <div class="slogan">Der eRecht24 Newsletter</div> <div class="info">Bleiben Sie mit unseren regelmäßigen und kostenlosen Updates zum Internetrecht auf dem neuesten Stand. Infos, Urteile, Checklisten & Sonderangebote.</div> <p class="signout"> Sie können den Newsletter jederzeit kostenlos abbestellen. Details entnehmen Sie unserer <a href="/datenschutzerklaerung.html">Datenschutzerklärung.</a> </p> <div class="nlbuttonwrapper"> <div class="formwrapper"> <form accept-charset="UTF-8" method="post" action="" id="frmGetNL"> <p class="label_mail">E-Mail-Adresse: <span id="nl_error_art_mail">Bitte eine korrekte E-Mail-Adresse angeben.</span></p> <input type="text" id="FormField_EmailAddressArt" name="email" value="" class="ktv2-form-element-textfield" placeholder="max.mustermann@domain.de" /> <button type="button" id="nl_art_btn" name="FormButton_Subscribe"><span>Abonnieren</span></button> </form> </div> </div> </div> <div class="imagewrapper"> <img src="/images/landingpages/newsletter-grafik.svg" alt=""> </div> </div> <div id="show_art_danke"> <div class="dankewrapper"> <div class="danketextwrapper"> <div class="dankehead"> Vielen Dank für Ihr Interesse! </div> <div class="danketext1"> Wir nehmen es mit dem Schutz Ihrer Daten genau und halten uns an die rechtlichen Vorgaben des Double-Opt-In. Bitte schauen Sie nun in Ihr E-Mail-Postfach und bestätigen Sie Ihre E-Mail-Adresse! Schauen Sie auch im Spam-Ordner nach. </div> <div class="danketext2"> <strong>Tipp:</strong> In unseren Premium Paketen erhalten Sie Experten-News und Knowhow zum Thema Datenschutz und rechtssichere Website. Hier erhalten Sie Zugang zu Live-Webinaren und Praxis Guides zu aktuellen Themen von und mit unseren Rechtsanwälten. </div> <div class="dankebutton"> <button id="btn_art_auth"> <a href="https://www.e-recht24.de/e24link/tso3r" id="target_art_url" target="_blank"> <span>Jetzt Webseite Absichern</span> </a> </button> </div> </div> <div class="dankeimages"> <img id="namensschild" src="/images/landingpages/ra_siebert.png"> </div> </div> </div> </div> <script> jQuery(document).ready(function() { jQuery('#nl_art_btn').click(function() { jQuery('#nl_error_art_mail').hide(); var email = jQuery('#FormField_EmailAddressArt').val(); var regex = /^(([^<>()\[\]\\.,;:\s@\"]+(\.[^<>()\[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; if(!regex.test(email)) { jQuery('#nl_error_art_mail').show(); return false; } jQuery.ajax({ type: "POST", url: 'https://tools.e-recht24.de/media/tools/register_guide.php', data: { email: email, guide: 'AnmeldungImText'}, success: function(response) { var jsonData = JSON.parse(response); if(jsonData.err == 1) { console.error("Error: " . jsonData.errormsg); } jQuery('#target_art_url').attr('href', jsonData.returnurl); jQuery('#nl_anmeldung_im_article_wrapper').fadeOut(600); jQuery('#show_art_danke').fadeIn(1000); }, error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("Status: " + textStatus); console.error("Error: " + errorThrown); } }); }); }) </script>  <h3>7. FAQ</h3> <div class="su-accordion"> <div class="su-spoiler su-spoiler-style-default su-spoiler-icon-plus su-spoiler-toclose su-spoiler-left" ><div class="su-spoiler-title"><h4><span class="su-spoiler-icon"></span>Was regelt das BFSG?</h4></div><div class="su-spoiler-content su-clearfix"> <p>Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) soll die Teilhabe von Menschen mit Behinderungen und Einschränkungen am Leben in der Gesellschaft stärken. Wesentlicher Bestandteil des gesellschaftlichen Lebens ist die Nutzung digitaler Medien und des Internets. Der Zugang und die Nutzung dieser Medien sollen durch die Umsetzung der Vorgaben des BFSG wesentlich erleichtert werden.</p> </div></div> <div class="su-spoiler su-spoiler-style-default su-spoiler-icon-plus su-spoiler-toclose su-spoiler-left" ><div class="su-spoiler-title"><h4><span class="su-spoiler-icon"></span>Bin ich als Onlineshop-Betreiber vom BFSG erfasst?</h4></div><div class="su-spoiler-content su-clearfix"> <p>Der Onlineverkauf von Waren und Dienstleistungen ist Teil des E-Commerce. Dieser zählt zum elektronischen Geschäftsverkehr und wird vom BFSG erfasst. Eine Ausnahme gilt für Betreiber, die als Kleinstunternehmer gelten. Diese sind von den Regelungen ausgenommen.</p> </div></div> <div class="su-spoiler su-spoiler-style-default su-spoiler-icon-plus su-spoiler-toclose su-spoiler-left" ><div class="su-spoiler-title"><h4><span class="su-spoiler-icon"></span>Was ist ein barrierefreier Onlineshop?</h4></div><div class="su-spoiler-content su-clearfix"> <p>Ihr Onlineshop ist dann barrierefrei, wenn er für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar ist. Sie sollten bedenken, dass zu den Einschränkungen sowohl körperliche als auch geistige Einschränkungen zählen.</p> </div></div> <div class="su-spoiler su-spoiler-style-default su-spoiler-icon-plus su-spoiler-toclose su-spoiler-left" ><div class="su-spoiler-title"><h4><span class="su-spoiler-icon"></span>Was sind Beispiele für typische Barrieren in Onlineshops?</h4></div><div class="su-spoiler-content su-clearfix"> <p>Verschnörkelte Schriftarten und fehlende Kontraste erschweren die Nutzung von Shops für Menschen mit Sehschwächen erheblich. Sind Shopseiten unübersichtlich gestaltet und Texte schwer verständlich formuliert, können Menschen mit kognitiven Einschränkungen nicht auf Ihr Angebot zurückgreifen.  </p> </div></div> </div>  <ul class='spokelist'> <li><a href='/ecommerce/'>Zurück zur Übersicht: "E-Commerce" </a></li> <li><a href='/ecommerce/13236-barrierefreiheitsstaerkungsgesetz.html'>Barrierefreiheitsstärkungsgesetz</a></li> <li><a href='/ecommerce/13338-website-barrierefrei.html'>Website barrierefrei erstellen</a></li> </ul>  </section> <div id="author-box-1" class="author-modal-block"> <div class="author-box-inner"> <span class="close"><i class="fa fa-times"></i></span> <img class="author-box-avatar" src="/images/microsites/redaktion/Katharina-Steinröder-rund.png" alt="Katharina Steinröder"> <div class="author-box-content"> <div class="author-box-name">Katharina Steinröder, Ass. jur.</div><div class="author-box-subtitle">Legal Writerin</div><br /><p>Katharina Steinröder ist Volljuristin und seit 2023 als Legal Writerin Teil des Redaktionsteams von eRecht24. Während Ihres Studiums hat sie sich vertieft mit strafrechtlichen Themen auseinandergesetzt. Bei eRecht24 schreibt sie vor allem Inhalte mit Bezug zum Internet- und Datenschutzrecht. Zusätzlich zu Ihrer Tätigkeit als Legal Writerin arbeitet sie als nebenamtliche Dozentin im öffentlichen Recht. </p> </div> </div> </div> <div id="author-box-2" class="author-modal-block author-box"> <div class="author-box-inner"> <span class="close"><i class="fa fa-times"></i></span> <img class="author-box-avatar" src="/images/microsites/redaktion/siebert-rund.png" alt="Rechtsanwalt Sören Siebert "> <div class="author-box-content"> <div class="author-box-name">Sören Siebert</div> <div class="author-box-subtitle">Rechtsanwalt und Gründer von eRecht24</div> <p>Rechtsanwalt Sören Siebert ist Gründer von eRecht24 und Inhaber der Kanzlei Siebert Lexow. Mit 20 Jahren Erfahrung im Internetrecht, Datenschutz und ECommerce sowie mit mehr als 10.000 veröffentlichten Beiträgen und Artikeln weist Rechtsanwalt Sören Siebert nicht nur hervorragende Fach-Expertise vor, sondern hat auch das richtige Gespür für seine Leser, Mandanten, Kunden und Partner, wenn es um rechtssichere Lösungen im Online-Marketing und B2B / B2C Dienstleistungen sowie Online-Shops geht. Neben den zahlreichen Beiträgen auf eRecht24.de hat Sören Siebert u.a. auch diverse Ebooks und Ratgeber zum Thema Internetrecht publiziert und weiß ganz genau, worauf es Unternehmern, Agenturen und Webdesignern im täglichen Business mit Kunden ankommt: Komplexe rechtliche Vorgaben leicht verständlich und mit praktischer Handlungsanleitung für rechtssichere Webseiten umsetzen.</p> </div> </div> </div> </div> </section>  </article> <script src="/templates/ja_teline_v/local/js/hc-sticky.js"></script> <script src="/templates/ja_teline_v/local/js/hc-sticky.helpers.js"></script> <script src="/templates/ja_teline_v/local/js/table-of-contents.js"></script> <script> var sticky_toc; document.addEventListener('DOMContentLoaded', function() { tableOfContents('[data-content]', '[data-toc]', { heading: 'Inhaltsverzeichnis', // Change the headings listType: 'ul', // Change the list type levels: 'h3' // Change the levels used }); }); // function resizeTocList(params){ var tocspace = params.top + document.getElementById('article-toc-wrap').offsetHeight; var toccontent = document.getElementById('toc-list-wrap'); var toctoggle = document.getElementById('toc-heading'); if(window.innerWidth >= 992) { toccontent.style.display = 'block'; if(window.innerHeight < tocspace){ var targetHeight = window.innerHeight - tocspace + toccontent.offsetHeight - 20; toccontent.style.height = targetHeight+'px'; } } } function releaseTocList(params){ var toccontent = document.getElementById('toc-list-wrap'); toccontent.style.height = 'auto'; toccontent.style.display = 'block'; } function enableDesktopToc(){ sticky_toc = new hcSticky('#fixed-col1', { stickTo: '#fullarticle', top:100, followScroll:false, innerTop: 0, onResize: resizeTocList, onStart: resizeTocList, onStop: releaseTocList, queries: { 991: { disable: true } } }); } document.addEventListener('DOMContentLoaded', function() { if(window.innerWidth >= 992) { enableDesktopToc(); } }); </script> </div> </div> <div id="theBrevoChat"> <div id="showconfirm"> <div id="brevocross"><a href="javascript:void();" id="brevocrosslink">X</a></div> <div id="confirmhead"> Ich möchte mit eRecht24 chatten! </div> <div id="confirmmsg"> <strong>Datenschutzhinweis: </strong>Ihre Daten und Ihre Chateingaben werden in unserem Chat-Tool Brevo verarbeitet, sobald Sie zustimmen, den Chat mit uns zu beginnen. Sie können Ihre Zustimmung jederzeit zurücknehmen. Details hierzu entnehmen Sie unserer <a href="/datenschutzerklaerung.html"> Datenschutzerklärung</a>. </div> <div id="confirmbtns"> <button id="confirmyes"> <span>Akzeptieren</span> </button> <button id="confirmno"> <span>Ablehnen</span> </button> </div> </div> </div> <div id="showdummychat"> <a href="javascript:void(0);" id="chatlink"><img src="/images/brevo-chat-bubble-grey.svg"></a> </div> <script type="text/javascript"> jQuery(document).ready(function() { if(jQuery.cookie('brevochatactive')) { jQuery('.brevochatdeactivate').show(); jQuery('#showdummychat').hide(); tuwas(); } else { jQuery('#showdummychat').show(); jQuery('.brevochatdeactivate').hide(); } jQuery('#showdummychat').click(function () { jQuery('#showdummychat').hide(); jQuery('#theBrevoChat').show(); }); jQuery('#confirmno,#brevocrosslink').click(function () { jQuery('#theBrevoChat').hide(); jQuery('#showdummychat').show(); }) jQuery('#chatlink').click(function() { jQuery('#theBrevoChat').show(); }); jQuery('#confirmyes').click(function () { jQuery('#theBrevoChat').hide(); jQuery('#showdummychat').hide(); jQuery.cookie("brevochatactive","true", {expires: 3650, path:'/'}); jQuery('.brevochatdeactivate').show(); tuwas(); BrevoConversations('openChat', true); }); jQuery('.brevochatdeactivate').click(function() { event.preventDefault(); document.cookie = "brevochatactive=null; expires=Thu, 01-Jan-70 00:00:01 GMT;path=/"; jQuery('#brevo-conversations').hide(); jQuery('#showdummychat').show(); jQuery('.brevochatdeactivate').hide(); localStorage.removeItem("BrevoConversations.clientId"); localStorage.removeItem("BrevoConversations.hostedItems"); localStorage.removeItem("BrevoConversations.lastPageViewAt"); localStorage.removeItem("BrevoConversations.referrer"); location.reload(); }); }); function tuwas() { (function(d, w, c) { w.BrevoConversationsID = '63a43e683733fc6b2d707b11'; w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); }; var s = d.createElement('script'); s.async = true; s.src = 'https://conversations-widget.brevo.com/brevo-conversations.js'; if (d.head) d.head.appendChild(s); })(document, window, 'BrevoConversations'); } </script> </div>  </div> </div> <div class="wrap "> <div class="container"> <div class="custom highlighted" > <div class="magazine-section-heading">eRecht24 - Unsere praktischen Tools und hilfreichen Tutorials</div> <div id="surow67bce392b1e0d" class="su-row su-clmms-yes"> <div id="sucol67bce392b1e28" class="su-column su-column-size-1-1 su-column-size-medium-1-3"><div class="su-column-inner"><div class="su-column-content"> <div id="supnl67bce392b1f4e" class="su-panel su-panel-clickable sup-align-left" data-url="https://www.e-recht24.de/e24link/89qtu" data-target="self"><div class="su-panel-content su-content-wrap"> <p><img src="/images/intern/mitgliederbereich-teaser.jpg" alt="mitgliederbereich teaser" width="353" height="150"></p> <p class="headline">Exklusiv für unsere Mitglieder</p> <p>Alles was Webseitenbetreiber, Agenturen und Selbständige wirklich brauchen: Tools, Wissen, Musterverträge, Erstberatung und Live-Webinare.</p> <a id="subtn_67bce392b20ef" href="https://www.e-recht24.de/e24link/89qtu" class="su-button su-button-style-default green" target="_self"><span> Mehr Informationen</span></a> </div></div> </div></div></div> <div id="sucol67bce392b21ed" class="su-column su-column-size-1-1 su-column-size-medium-1-3"><div class="su-column-inner"><div class="su-column-content"> <div id="supnl67bce392b22e4" class="su-panel su-panel-clickable sup-align-left" data-url="/mitglieder/affiliate/" data-target="self"><div class="su-panel-content su-content-wrap"> <p><img src="/images/intern/Aff-Banner-mit-lines-light-350x150.jpg" alt="dsgvo teaser" width="350" height="150"></p> <p class="headline">Jetzt eRecht24 Premium Affiliate werden</p> <p>Als eRecht24 Premium Affiliate Partner empfehlen Sie eine Lösung, mit der bereits mehr als 370.000 Webseiten erfolgreich rechtlich abgesichert wurden und erhalten dafür eine 25% Lifetime Provision!</p> <a id="subtn_67bce392b2462" href="/mitglieder/affiliate/" class="su-button su-button-style-default green" target="_self"><span> Jetzt Affiliate werden</span></a> </div></div> </div></div></div> <div id="sucol67bce392b254e" class="su-column su-column-size-1-1 su-column-size-medium-1-3"><div class="su-column-inner"><div class="su-column-content"> <div id="supnl67bce392b2659" class="su-panel su-panel-clickable sup-align-left" data-url="https://www.e-recht24.de/e24link/34gp5" data-target="self"><div class="su-panel-content su-content-wrap"> <p><img src="/images/intern/webinar-teaser.jpg" alt="webinar teaser" width="353" height="150"></p> <p class="headline">Online Schulung mit RA Siebert</p> <p>Die 7 häufigsten Abmahnfallen auf Webseiten und wie Sie diese einfach und ohne teuren Anwalt vermeiden. So haben Abmahner keine Chance!</p> <a id="subtn_67bce392b27e1" href="https://www.e-recht24.de/e24link/34gp5" class="su-button su-button-style-default green" target="_self"><span> Mehr Details</span></a> </div></div> </div></div></div> </div> </div> </div> </div> <div id="mainbody-overlay"></div> </div>  <footer id="t3-footer" class="wrap t3-footer t3-footer-2021"> <div class="container"> <section class="t3-footer-links"> <div class="row"> <div class="col-md-12">   <div class="t3-spotlight t3-footnav row"> <div class=" col-lg-4 col-md-4 col-sm-4 col-xs-6"> <div class="t3-module module " id="Mod643"><div class="module-inner"><div class="module-ct"> <div class="custom" > <div><img src="/images/logo-erecht24-light.svg" alt="eRecht24.de" class="logo-img" style="width: 100px; margin-bottom: 35px;" /></div> <div style="margin-bottom: 30px;">eRecht24 ist als eine der bekanntesten digitalen Informationsplattformen rund um die Themen Internetrecht, Datenschutz und E-Commerce am Legal Tech Markt vertreten und hilft täglich tausenden Webseitenbetreibern und Agenturen dabei ihre Webseiten rechtssicher zu gestalten.</div> <p><a href="https://www.facebook.com/eRecht24"><img src="/images/facebook-logo.svg" alt="Facebook Logo" class="social-img" style="width: 24px;" /></a>   <a href="https://de.linkedin.com/company/erecht24"><img src="/images/linkedin-logo.svg" alt="LinkedIn Logo" class="social-img" style="width: 24px;" /></a>   <a href="https://www.xing.com/pages/erecht24"><img src="/images/xing-logo.svg" alt="Xing Logo" class="social-img" style="width: 24px;" /></a></p></div> </div></div></div> </div> <div class=" col-lg-4 col-md-4 col-sm-4 col-xs-6"> <div class="t3-module module " id="Mod166"><div class="module-inner"><div class="module-title "><span>Unternehmen</span></div><div class="module-ct"><ul class="nav "> <li class="item-2621"><a href="https://www.e-recht24.de/mitglieder/affiliate/" class="" target="_blank" rel="noopener noreferrer">Affiliate werden </a></li><li class="item-114"><a href="/redaktion.html" class="">Redaktion</a></li><li class="item-1678"><a href="/jobs.html" class="">Jobs</a></li><li class="item-2707"><a href="https://www.e-recht24.de/mitglieder/wir-helfen-den-helfern/" class="">Wie wir helfen </a></li><li class="item-2869"><a href="/autor-soeren-siebert.html" class="">Autor Sören Siebert</a></li><li class="item-2868"><a href="/autor-lev-lexow.html" class="">Autor Lev Lexow</a></li></ul> </div></div></div> </div> <div class=" col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="t3-module module_menu " id="Mod99"><div class="module-inner"><div class="module-title "><span>Informatives</span></div><div class="module-ct"><ul class="nav horizontal"> <li class="item-2479"><a href="/anwalt-arbeitsrecht.html" class="">Anwalt Arbeitsrecht </a></li><li class="item-2203"><a href="/anwalt-internetrecht.htm" class="">Anwalt Internetrecht </a></li><li class="item-2480"><a href="/anwalt-verkehrsrecht.html" class="">Anwalt Verkehrsrecht </a></li><li class="item-1567"><a href="https://www.e-recht24.de/erecht24-premium-kuendigen.html" class="">eRecht24 kündigen </a></li><li class="item-2481"><a href="/anwalt.html" class="">Rechtsberatung vom Anwalt </a></li><li class="item-2741"><a href="https://marktplatz.e-recht24.de" class="">Marktplatz </a></li><li class="item-2622"><a href="/internes/interne-seiten/13024-faq-e-recht24.html" class="">FAQ zu eRecht24</a></li><li class="item-1022"><a href="/mediathek.html" class="">Mediathek</a></li><li class="item-143"><a href="/anmeldung-newsletter.html" class="">Newsletter</a></li><li class="item-3490"><a href="https://www.e-recht24.de/mitglieder/angebote-black-friday/" class="">Black Friday E-Mail Anmeldung </a></li><li class="item-3491"><a href="https://www.e-recht24.de/mitglieder/angebote-cyber-monday/" class="">Cyber Monday E-Mail Anmeldung </a></li></ul> </div></div></div> </div> </div>   </div> </div> </section> <section class="t3-copyright"> <div class="t3-bottom"> <div class="row"> <div class="col-sm-6 col-sm-push-6"> <ul class="nav horizontal"> <li class="item-813"><a href="/kontakt.html" class="">Kontakt</a></li><li class="item-167"><a href="/datenschutzerklaerung.html" class="" target="_blank">Datenschutz</a></li><li class="item-206"><a href="/impressum.htm" class="" target="_blank">Impressum</a></li><li class="item-2963"><a href="#" class="brevochatdeactivate">Zustimmung Chat entfernen </a></li></ul> </div> <div class="col-sm-6 col-sm-pull-6"> <div class="custom" > <p>Copyright © eRecht24 GmbH & Co. KG</p></div> </div> </div> </div> </section> </div> </footer>  </div>  <script defer type="text/javascript"> window.ss360Config = { "allowCookies": false, suggestions : { showImages : false }, style : { themeColor : "#0971B2", accentColor: "#0971B2", searchBox : { text : { color : "#666666", size : "16px" }, background : { color : "transparent" }, padding : "10px", icon : { image : "magnifier", color : "transparent" } }, animationSpeed : 50 }, searchBox : { placeholder : "Suchen ...", selector : "#mod-search-searchword" }, results : { embedConfig : { contentBlock : "#erecht24-search", url : "/index.php?searchphrase=all&Itemid=144&option=com_search" }, caption : "#COUNT# Ergebnisse für \"#QUERY#\" gefunden", group : false, num : "10000", moreResultsButton : "Weitere Ergebnisse anzeigen", noResultsText : "Es tut uns leid. Wir konnten keine Ergebnisse für Ihre Suchanfrage finden.", queryCorrectionText : "Meinten Sie \"#CORRECTION#\"?", moreResultsPagingSize : "50", infiniteScroll : true, sorting : "_relevance" // the default sorting option to apply }, tracking : { providers : [] }, layout : { mobile : { showImages : false }, desktop : { showImages : false } }, dataPoints : { exclude : [], single : [] }, siteId : "www.e-recht24.de", language : "de", showErrors : false }; var e = document.createElement("script"); e.async = !0; e.src = "https://cdn.sitesearch360.com/v13/sitesearch360-v13.min.js"; document.getElementsByTagName("body")[0].appendChild(e); </script>  <div data-id="5" class="eb-inst eb-hide eb-module eb-5 hide-on-mobile" data-options='{"trigger":"onExit","trigger_selector":"","delay":0,"scroll_depth":"percentage","scroll_depth_value":80,"firing_frequency":1,"reverse_scroll_close":true,"threshold":0,"close_out_viewport":false,"exit_timer":1000,"idle_time":10000,"prevent_default":true,"close_on_esc":false,"animation_open":"transition.fadeIn","animation_close":"transition.fadeOut","animation_duration":400,"disable_page_scroll":false,"test_mode":false,"debug":false,"ga_tracking":false,"ga_tracking_id":0,"ga_tracking_event_category":"EngageBox","ga_tracking_event_label":"Box #5 - Popup Webinar 7 Abmahnfallen","auto_focus":false}' data-type='popup' > <button type="button" data-ebox-cmd="close" class="eb-close placement-outside" aria-label="Close"> <img alt="close popup button" /> <span aria-hidden="true">×</span> </button> <div class="eb-dialog " role="dialog" aria-modal="true" id="dialog5" aria-label="dialog5"> <button type="button" data-ebox-cmd="close" class="eb-close placement-inside" aria-label="Close"> <img alt="close popup button" /> <span aria-hidden="true">×</span> </button> <div class="eb-container"> <div class="eb-content"> <a href="https://www.e-recht24.de/e24link/5p6k0" style="display:block;"><img src="/images/banners/Banner-Webinarabmahnfallen-querformat-petrol.jpg" width="770" height="300" /></a> </div> </div> </div> </div> </body> </html>

CINXE.COM

Barrierefreiheit im Online-Shop | eRecht24