{"id":43208,"date":"2023-11-20T16:05:31","date_gmt":"2023-11-20T15:05:31","guid":{"rendered":"https:\/\/www.medienwerft.de\/?p=43208"},"modified":"2026-05-06T17:16:37","modified_gmt":"2026-05-06T15:16:37","slug":"accessibility-guidelines","status":"publish","type":"post","link":"https:\/\/www.medienwerft.de\/en\/ecommerce\/2023\/accessibility-guidelines\/","title":{"rendered":"All are welcome: New accessibility guidelines for B2C webshops"},"content":{"rendered":"<div class=\"block block--intro  transparent\">\n\n\t\n\n\t<div class=\"container container--medium padding-bottom--big \">\n\t\t\n\t\t\n\t\t<div class=\"bg--white bg--light spacing\">\n\t\t\t<div class=\"container container--small\">\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t<nav class=\"breadcrumbs\"><ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\"><span class=\"last\">Home<\/span><\/span><\/li><\/ol><\/nav>\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span>All are welcome: New accessibility guidelines for B2C webshops<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t<p>Better perceptibility, simple operation and comprehensible texts &#8211; this should already be standard for all online stores. But because this is not the case, there will be new EU guidelines on accessibility in B2C stores from 2024. In future, they will be obliged to provide accessibility in order to promote digital inclusion. This is because, with the introduction of the Barrierefreiheitsst\u00e4rkungsgesetz (BFSG), online stores should also be easy to find, accessible and usable for people with disabilities.<\/p>\n\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap extra\">\n\t\t\t\t\t\t<div class=\"flex__item three-fifths xs-one-whole xs-order-9 \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item two-fifths xs-one-whole xs-margin-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n\t\n\t\t<div class=\"flex flex--column\">\n\t\t\t<div class=\"one-whole\">\n\t\t\t\t<div class=\"container container--small margin-bottom--small\">\n\t\t\t\t\t<p class=\"meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/category\/ecommerce\/\">\n\t\t\t\t\t\t\t\t\t#E-COMMERCE IT\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&dash; \t\t\t\t\t\t\t20. November 2023\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\n<\/div>\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id80535_9ecbbe-40{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{column-gap:0px;row-gap:0px;max-width:962px;margin-left:auto;margin-right:auto;padding-top:25px;padding-right:25px;padding-bottom:50px;padding-left:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}.kb-row-layout-id80535_9ecbbe-40{background-color:#ffffff;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-layout-overlay{opacity:0.30;}.kb-row-layout-id80535_9ecbbe-40{z-index:200;position:relative;}@media all and (max-width: 1024px){.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}}@media all and (max-width: 767px){.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{row-gap:32px;padding-top:25px;padding-bottom:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-layout-overlay{opacity:0.00;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_9ecbbe-40 alignfull kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col,.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_6e37bc-a2{position:relative;}@media all and (max-width: 1024px){.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_6e37bc-a2\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{column-gap:25px;row-gap:25px;max-width:1230px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, calc(15% - ((25px * 1 )\/2)))minmax(0, calc(85% - ((25px * 1 )\/2)));}.kb-row-layout-id80535_6dc482-1c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_6dc482-1c alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column80535_d97030-20 > .kt-inside-inner-col{display:flex;}.kadence-column80535_d97030-20 > .kt-inside-inner-col,.kadence-column80535_d97030-20 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_d97030-20 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_d97030-20{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_d97030-20\"><div class=\"kt-inside-inner-col\"><style>.kb-image80535_835d78-8d.kb-image-is-ratio-size, .kb-image80535_835d78-8d .kb-image-is-ratio-size{max-width:125px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image80535_835d78-8d.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image80535_835d78-8d .kb-image-is-ratio-size{align-self:unset;}.kb-image80535_835d78-8d{max-width:125px;}.image-is-svg.kb-image80535_835d78-8d{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image80535_835d78-8d img{width:100%;}.kb-image80535_835d78-8d .kb-image-has-overlay:after{opacity:0.3;}.kb-image80535_835d78-8d img.kb-img, .kb-image80535_835d78-8d .kb-img img{-webkit-mask-image:url(https:\/\/www.medienwerft.de\/wp-content\/plugins\/kadence-blocks\/includes\/assets\/images\/masks\/circle.svg);mask-image:url(https:\/\/www.medienwerft.de\/wp-content\/plugins\/kadence-blocks\/includes\/assets\/images\/masks\/circle.svg);-webkit-mask-size:auto;mask-size:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}@media all and (max-width: 767px){.kb-image80535_835d78-8d.kb-image-is-ratio-size, .kb-image80535_835d78-8d .kb-image-is-ratio-size{max-width:64px;width:100%;}.kb-image80535_835d78-8d{max-width:64px;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image80535_835d78-8d size-full kb-image-is-ratio-size\"><div class=\"kb-is-ratio-image kb-image-ratio-square\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait.webp\" alt=\"Zitat - Jochen Martens - Leitung Kreation\" class=\"kb-img wp-image-38757\" srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait.webp 300w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait-200x200.webp 200w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait-40x40.webp 40w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/div><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column80535_c4d442-af > .kt-inside-inner-col{display:flex;}.kadence-column80535_c4d442-af > .kt-inside-inner-col,.kadence-column80535_c4d442-af > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_c4d442-af > .kt-inside-inner-col{row-gap:0px;column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column80535_c4d442-af > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_c4d442-af{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_c4d442-af\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:400;font-style:normal;font-family:'TodaySans Medium', Helvetica;}.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"]{font-size:14px;line-height:21px;}}<\/style>\n<p class=\"kt-adv-heading80535_b74112-b6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading80535_b74112-b6\">Jochen Martens<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"]{padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:200;font-style:normal;font-family:'TodaySans Light', Helvetica;}.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading80535_362de3-12 wp-block-kadence-advancedheading has-custom-23-color has-text-color\" data-kb-block=\"kb-adv-heading80535_362de3-12\">Head of CX Design<\/p>\n\n\n<style>.kt-svg-icons80535_830b17-29 .kt-svg-item-0 .kb-svg-icon-wrap{color:var(--global-palette4, #2D3748);font-size:50px;}.wp-block-kadence-icon.kt-svg-icons80535_830b17-29{justify-content:flex-start;gap:10px;}<\/style>\n<div class=\"wp-block-kadence-icon kt-svg-icons kt-svg-icons80535_830b17-29 alignnone\"><style>.kt-svg-item-80535_63371e-2a .kb-svg-icon-wrap, .kt-svg-style-stacked.kt-svg-item-80535_63371e-2a .kb-svg-icon-wrap{color:#000000;font-size:24px;}.kt-svg-item-80535_63371e-2a:hover .kb-svg-icon-wrap{color:#f99700;}<\/style>\n<div class=\"wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-80535_63371e-2a modal-trigger autor-formular-icon\"><a href=\"mailto:info@medienwerft.de\" class=\"kt-svg-icon-link\" aria-label=\"Kontakt aufnehmen\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_mail\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  role=\"img\"><title>Kontakt aufnehmen<\/title><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/span><\/a><\/div>\n<\/div>\n\n\n<style>.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:10px;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;padding-top:0px;padding-right:25px;padding-bottom:5px;padding-left:0px;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:rgba(0,0,0,0);font-size:14px;line-height:22px;font-family:'TodaySans Medium', Helvetica;font-weight:400;text-transform:uppercase;color:#000000;padding-top:25px;padding-right:25px;padding-bottom:10px;padding-left:0px;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:before{background:#000000;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h1, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h2, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h3, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h4, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h5, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h6{color:var(--global-palette3, #1A202C);}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{color:#f99700;background:rgba(0,0,0,0);border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion--visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#f99700;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger{background:#f99700;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{color:#000000;background:rgba(0,0,0,0);border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}}@media all and (max-width: 767px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap{display:block;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child){margin-top:10px;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;font-size:18px;padding-top:20px;padding-bottom:20px;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}}<\/style>\n<div class=\"wp-block-kadence-accordion alignnone\"><div class=\"kt-accordion-wrap kt-accordion-id80535_4ca4cf-e2 kt-accordion-has-9-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-arrow kt-accodion-icon-side-right\" style=\"max-width:none\"><div class=\"kt-accordion-inner-wrap\" data-allow-multiple-open=\"false\" data-start-open=\"none\">\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-6 kt-pane80535_27553b-4b\"><h2 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Learn more about the author<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h2><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\"><style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id80535_eae126-97{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{column-gap:25px;row-gap:25px;max-width:1230px;padding-top:25px;padding-right:0px;padding-bottom:25px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}.kb-row-layout-id80535_eae126-97 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{padding-bottom:0px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}}@media all and (max-width: 767px){.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{padding-top:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_eae126-97 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kt-inner-column-height-full kb-theme-content-width\">\n<style>.kadence-column80535_364acc-6a > .kt-inside-inner-col,.kadence-column80535_364acc-6a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_364acc-6a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;}.kadence-column80535_364acc-6a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column80535_364acc-6a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_364acc-6a{position:relative;}@media all and (max-width: 1024px){.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_364acc-6a\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:200;font-style:normal;font-family:'TodaySans Light', Helvetica;color:var(--global-palette3, #1A202C);}.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"] mark.kt-highlight{font-weight:normal;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading80535_02536e-ab wp-block-kadence-advancedheading has-theme-palette-3-color has-text-color\" data-kb-block=\"kb-adv-heading80535_02536e-ab\">Jochen Martens, Head of CX Design at Medienwerft, working with his team to ensure an optimal customer experience in e-commerce. His passion for human-centered design, as well as customer and business value, extends to B2B portals and corporate websites. He is also a big fan of enterprise UX design with SAP Fiori.<\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad padding-bottom\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>What is required?<\/h2>\n<p>The Barrier-Free Strengthening Act (BFSG) requires companies to design their B2C online stores to be barrier-free from 29.06.2025. The guidelines do not currently describe any specific implementation requirements &#8211; however, experts assume that the requirements of the Web Content Accessibility Guidelines 2.1 (Level AA) must be met.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small padding-top no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2 style=\"text-align: center;\">WCAG \u2013 Accessible design of websites<\/h2>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--image  bg--white\">\n\n\t<div class=\"container container--small no-pad padding-bottom\">\n\n\n\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg\" \n\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg 1600w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg 1400w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg 1200w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg 1000w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-infografik-eu-barrierefreiheit.svg 800w\"\n\t\t\talt=\"EU Verordnung Barrierefreiheit - Blog Beitrag - Infografik\" class=\"js-fade js-fade-in\" \n\t\t\tsizes=\"(min-width:1200px) px, 96vw\" \n\t\t\tstyle=\"width:px\" \/>\n\n\t<\/div>\n\t\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><p>The 4 principles of accessibility describe the basic principles of EN 301 549 and can be transferred to WCAG 2.1.<\/p>\n<p><strong>Perceptibility<\/strong><br \/>\nIn order for all users to be able to perceive the information, a so-called two-channel principle must prevail, which transmits via two different sensory channels. In the case of websites, hearing and sight are therefore ideal &#8211; i.e. written text that can also be read aloud.<\/p>\n<p><strong>Usability<\/strong><br \/>\nIn order to make it possible for everyone to use it, compromises have to be made, for example with flashing effects for people with epilepsy. Keyboard operability, orientation and time limits also play an important role here.<\/p>\n<p><strong>Comprehensibility<\/strong><br \/>\nIt is not only important that the content is formulated in a way that everyone can understand, but also that it can be read out loud without any problems.<\/p>\n<p><strong>Ruggedness<\/strong><br \/>\nThis refers to compatibility and assistive technologies, i.e. compliance with certain standards for the provision of content.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small padding-top--big no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>All, but with exceptions<\/h2>\n<p>Although this law is intended to expand accessibility in the EU, certain small companies are exempt. These include all companies that employ fewer than 10 people and either have an annual turnover of no more than EUR 2 million or an annual balance sheet total of no more than EUR 2 million.<\/p>\n<p>Would you also like to make your online store accessible in good time? Then get in touch with us!<\/p>\n<p><a href=\"\/en\/contact\/\"><span class=\"btn\">Contact us now<\/span><\/a><\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small padding-top no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>Non-compliance &#8211; does that have consequences?<\/h2>\n<p>If online stores are not designed barrier-free in accordance with the law or the information requirements in accordance with Annex 3 of the BFSG are not fulfilled, this can result in a fine of up to 100,000 euros in the worst case. You can save yourself this money: Medienwerft has already built up a great deal of expertise in the barrier-free development of websites and web stores. For our client HAMBURG WASSER, for example, we implemented the relaunch of their website barrier-free in accordance with the WCA guidelines (priority level AA).<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--image-text-ontop  bg--white\">\n\n\t<div class=\"\">\n\n\t<div class=\"container container--small padding-top padding-bottom--big  animation-btt js-add-animation\">\n\n\n\t\t<picture class=\"\">\n\t\t\t<source \n\t\t\t\tmedia=\"(min-width: 641px)\"\n\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1920w,\n\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1600w,\n\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1400w,\n\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1200w\"\n\t\t\t\tsizes=\"(min-width:1200px) 1150px, 96vw\" \/>\n\t\t\t<source \n\t\t\t\tmedia=\"(max-width: 640px)\"\n\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1000w,\n\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 800w\"\n\t\t\t\tsizes=\"94vw\" \/>\n\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp\" class=\"one-whole\"\n\t\t\t\tloading=\"lazy\" alt=\"Hamburg Wasser Case - Crossteaser\"\n\t\t\t\t\t\t\t\t\twidth=\"800\" \n\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"494\" \n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\n\n\t\t\t\t\n\t\t<div class=\"container container--tiny\">\n\t\t\t<div class=\"bg--white\">\n\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t<p>We know all about the requirements for accessible websites. We were able to prove this with the website relaunch for HAMBURG WASSER.<\/p>\n<p>In joint workshops, concepts for target group analysis, information architecture and wireframes for the most important pages were designed and then implemented in just under two years. The focus of the work was on digital accessibility. For optimal implementation, we worked with HAMBURG WASSER to anchor barrier-free development in the foundation &#8211; i.e. in our concepts.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/references\/hamburg-wasser\/\" target=\"_self\" class=\"link--icon\">\n\t\t\t\t\t\t\tTO THE HAMBURG WASSER CASE\t\t\t\t\t\t\t<i class=\"icon-angle-right\"><\/i>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--about margin-bottom  bg--yellow\">\n\n\t<div class=\"container container--medium spacing js-fade js-fade-in\">\n\n\t\t<h3>MORE ABOUT US?<\/h3>\n<p>Find out everything you need to know about Medienwerft &#8211; experts in customer experience &amp; e-commerce IT for over 25 years &#8211; here:<\/p>\n\n\t\t\n\t\t\t<a href=\"\/en\/about-us\/\" target=\"\" class=\"btn btn--white\">\n\t\t\t\t\u00dcber uns\t\t\t<\/a>\n\n\t\t\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--teaser block--custom-teaser  bg--white\">\n\n\t<div class=\"container container--medium padding-top--big padding-bottom--big\">\n\n\t\t<div class=\"flex flexgrid--gutter flex--wrap  js-fade js-fade-in\">\n\n\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t<h3>Previous post<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/our-partners\/2023\/fact-finder-search\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/10\/blogbeitrag-factfinder-480x278.webp\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/10\/blogbeitrag-factfinder-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/10\/blogbeitrag-factfinder-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/10\/blogbeitrag-factfinder-620x359.webp 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Search mit Fact-Finder - Blog - Preview\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#OUR PARTNERS\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>Search with FactFinder<\/h3>\n\t\t\t\t\t\t\t\t<p>Better conversion, more sales: Onsite search is a key component for successful online stores.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\n\t\t\t\t\t<h3>Also interesting<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/our-clients\/2019\/hamburger-software-medienwerft-takes-on-relaunch-of-the-website\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-480x296.jpeg\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-800x494.jpeg 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-620x383.jpeg 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-620x383.jpeg 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Website-Relaunch Blog Beitrag Hamburger Software Beitragsbild\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#OUR CLIENTS\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>Hamburger Software: Relaunch of the website<\/h3>\n\t\t\t\t\t\t\t\t<p>From CI development to content adaptation to setting up in TYPO3, the relaunch of the website for the software manufacturer HS \u2013 Hamburger Software is in the hands of Medienwerft.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t<h3>Next post<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/our-clients\/2023\/klarmobil-de\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blogbeitrag-klarmobil-480x278.webp\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blogbeitrag-klarmobil-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blogbeitrag-klarmobil-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blogbeitrag-klarmobil-620x359.webp 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Klarmobil Case - Blog Beitrag - Preview\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#OUR CLIENTS\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>Clear success for our customer klarmobil.de<\/h3>\n\t\t\t\t\t\t\t\t<p>The full-service mobile phone provider klarmobil.de wanted to switch from PHP to Angular. The customer&#8217;s requirements were successfully implemented in a project time of just two months. The result: a comprehensive relaunch.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\n\t\t<\/div>\n\n\t<\/div>\n\t\n<\/div>\n\n<div class=\"block block--contact \">\n\n\t<div class=\"section section--contact\">\n\t\t<div class=\"flex flex--wrap bg--light\">\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__image\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg\" \n\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1400x925.jpg 1400w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1200x793.jpg 1200w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1000x661.jpg 1000w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg 800w\"\n\t\t\t\t\talt=\"Kontaktblock \" \n\t\t\t\t\tsizes=\"(min-width:801px) 50vw, 100vw\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__content flex flex--middle\">\n\n\t\t\t\t<div class=\"one-whole\">\n\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3>CONTACT<\/h3>\n<blockquote><p>\u201eBehind every impressive online solution there is a well thought out technological concept. My team of system analysts, database experts, front-end developers, back-end professionals and experienced designers ensure that everything runs smoothly. Feel free to talk to us.\u201c<\/p><\/blockquote>\n\n\t\t\t\t\t\t<div class=\"grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/frank_meier-200x200.jpg\" \n\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/frank_meier.jpg 2x,\n\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/frank_meier-200x200.jpg 1x\"\n\t\t\t\t\t\t\t\t\t\talt=\"Frank Meier\" \n\t\t\t\t\t\t\t\t\t\twidth=\"398\"\n\t\t\t\t\t\t\t\t\t\theight=\"398\" \n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t<p>Managing Director<br \/>\n<strong>FRANK MEIER<\/strong><\/p>\n<p>Tel: +49 40 \/ 31 77 99-0<br \/>\nEmail: <a href=\"mailto:info@medienwerft.de\">info@medienwerft.de<\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Better perceptibility, simple operation and comprehensible texts &#8211; this should already be standard for all web stores.<\/p>\n","protected":false},"author":31,"featured_media":43196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"categories":[261],"tags":[504],"service-kategorie":[],"class_list":["post-43208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","tag-b2c-en"],"acf":[],"taxonomy_info":{"category":[{"value":261,"label":"#E-COMMERCE IT"}],"post_tag":[{"value":504,"label":"b2c"}]},"featured_image_src_large":["https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/11\/blog-heroimage-eu-barrierefreiheit.webp",2560,896,false],"author_info":{"display_name":"Sophie Weegmann","author_link":"https:\/\/www.medienwerft.de\/en\/author\/sophie\/"},"comment_info":0,"category_info":[{"term_id":261,"name":"#E-COMMERCE IT","slug":"ecommerce","term_group":0,"term_taxonomy_id":261,"taxonomy":"category","description":"The online landscape of retailers continues to grow, and buyers are also becoming more demanding. Whether B2B or B2C - the customer journey must be right. This requires the right e-commerce solution for the respective requirement. But which is the right one? - Get first impressions!","parent":0,"count":49,"filter":"raw","cat_ID":261,"category_count":49,"category_description":"The online landscape of retailers continues to grow, and buyers are also becoming more demanding. Whether B2B or B2C - the customer journey must be right. This requires the right e-commerce solution for the respective requirement. But which is the right one? - Get first impressions!","cat_name":"#E-COMMERCE IT","category_nicename":"ecommerce","category_parent":0}],"tag_info":[{"term_id":504,"name":"b2c","slug":"b2c-en","term_group":0,"term_taxonomy_id":504,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/43208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/comments?post=43208"}],"version-history":[{"count":5,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/43208\/revisions"}],"predecessor-version":[{"id":80616,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/43208\/revisions\/80616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media\/43196"}],"wp:attachment":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media?parent=43208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/categories?post=43208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/tags?post=43208"},{"taxonomy":"service-kategorie","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/service-kategorie?post=43208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}