Tino Favetto bringt seine umfassende UI/UX-Expertise im Bereich eCommerce ein und ist spezialisiert auf OXID eShops sowie Webseiten. Sein Schwerpunkt liegt dabei auf Performance, Barrierefreiheit und Mobile-First-Design. Er setzt sich engagiert für kundenorientierte Lösungen ein, die auf Leistung und Nutzerfreundlichkeit ausgerichtet sind. Darüber hinaus fungiert er als Standortleiter in Mönchengladbach.
array:83 [ "id" => 193 "featured" => false "addImage" => true "overwriteMeta" => false "fullsize" => false "addEnclosure" => false "target" => false "noComments" => false "published" => true "pid" => 1 "tstamp" => 1714108274 "headline" => "Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel" "alias" => "steffi-greuel-und-tino-favetto-im-dialog-ueber-barrierefreiheit-im-onlinehandel" "author" => "von Steffi Greuel" "date" => "18.03.2024 13:58" "time" => 1710766680 "pageTitle" => "Ein Dialog über Barrierefreiheit im Onlinehandel" "robots" => "index,follow" "description" => "Im Interview sprechen Steffi Greuel und Tino Favetto über das Thema Barrierefreiheit im Onlinehandel. ▶ Zum Interview" "subheadline" => "" "teaser" => """ <div class="OutlineElement Ltr SCXW43803155 BCX8">\n <p class="Paragraph SCXW43803155 BCX8">Die Pflicht zur Barrierefreiheit ab 2025 wirbelt das Internet auf. Aber was bedeutet das eigentlich für die Unternehmen? Steffi Greuel möchte einige Fragen aufklären und hat ein Interview mit unserem Experten Tino Favetto – Head of User Experience & Frontend Design bei ESYON geführt.</p>\n </div> """ "singleSRC" => "files/content/blog/content/barrierefreiheit-blog.jpg" "alt" => "Menschen mit verschiedenen Beeinträchtigungen" "imageTitle" => "" "size" => "a:3:{i:0;s:0:"";i:1;s:0:"";i:2;s:0:"";}" "imageUrl" => "" "caption" => "" "floating" => "above" "enclosure" => [] "source" => "default" "linkText" => "" "jumpTo" => 0 "articleId" => 0 "url" => "" "cssClass" => "" "start" => "" "stop" => "" "languageMain" => 0 "tags" => array:2 [ 0 => "E-Commerce" 1 => "ESYON" ] "canonicalLink" => "" "lesedauer" => "" "searchIndexer" => "" "og_title" => "" "og_type" => "" "og_image" => null "og_properties" => null "twitter_site" => "" "twitter_creator" => "" "twitter_card" => "" "twitter_title" => "" "twitter_description" => null "twitter_image" => null "class" => "" "newsHeadline" => "Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel" "subHeadline" => "" "hasSubHeadline" => false "linkHeadline" => "<a href="/aktuelles/steffi-greuel-und-tino-favetto-im-dialog-ueber-barrierefreiheit-im-onlinehandel" title="Den Artikel lesen: Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel">Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel</a>" "archive" => Contao\NewsArchiveModel {#1843 #arrData: array:15 [ "id" => 1 "protected" => false "allowComments" => false "moderate" => false "bbcode" => false "requireLogin" => false "disableCaptcha" => false "tstamp" => 1693402954 "title" => "Aktuelles (DE)" "jumpTo" => 16 "groups" => null "notify" => "notify_admin" "sortOrder" => "ascending" "perPage" => 0 "master" => 0 ] #arrModified: [] #arrRelations: array:3 [ "jumpTo" => array:4 [ "table" => "tl_page" "field" => "id" "type" => "hasOne" "load" => "lazy" ] "groups" => array:4 [ "table" => "tl_member_group" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "master" => array:3 [ "table" => "tl_news_archive" "field" => "id" "type" => "hasOne" ] ] #arrRelated: [] #arrEnums: [] #blnPreventSaving: false } "count" => 0 "text" => Closure() {#1860 : "Contao\Template" : { : null : """ <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p>Die Pflicht zur Barrierefreiheit ab 2025 wirbelt das Internet auf. Aber was bedeutet das eigentlich für die Unternehmen? Steffi Greuel möchte einige Fragen aufklären und hat ein Interview mit unserem Experten Tino Favetto – Head of User Experience [&] Frontend Design bei ESYON geführt.</p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="p-0 addSpacer teaser-inline ce_rsce_quote block">\r\n \r\n <div class="container-xxl">\r\n <div class="row">\r\n <div class=" ">\r\n <div class="row">\r\n <div class="col-6 col-sm-3">\r\n <div class="textimage-img">\r\n \r\n \r\n <img fetchpriority="low" src="/files/content/mitarbeitende/Tino-Favetto-400x400.png" width="400" height="400" alt="Mann mit Bart und Brille im roten T-Shirt mit Sonnenuntergangs-Motiv">\r\n \r\n </div>\r\n </div>\r\n <div class="col-12 col-sm-9">\r\n <div class="subheadline">Im Interview</div>\r\n \r\n <h4 class="headline">Tino Favetto</h4>\r\n \r\n <div class="content">\r\n <p>Tino Favetto bringt seine umfassende UI/UX-Expertise im Bereich eCommerce ein und ist spezialisiert auf OXID eShops sowie Webseiten. Sein Schwerpunkt liegt dabei auf Performance, Barrierefreiheit und Mobile-First-Design. Er setzt sich engagiert für kundenorientierte Lösungen ein, die auf Leistung und Nutzerfreundlichkeit ausgerichtet sind. Darüber hinaus fungiert er als Standortleiter in Mönchengladbach.</p> </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Tino, Du kennst dich ja aus. Erklär doch mal, warum Barrierefreiheit im Internet wichtig ist.</span></p>\n <p><span class="strong">Tino: </span>Das ist eigentlich ganz einfach. Barrierefreiheit im Onlinehandel ist entscheidend, um sicherzustellen, dass Menschen mit unterschiedlichen Bedürfnissen uneingeschränkten Zugang zu digitalen Plattformen haben. In Deutschland sind barrierefreie Websites, leicht verständliche Inhalte und intuitive Navigation entscheidend für eine inklusive Online-Erfahrung. Barrierefreiheit bietet die Möglichkeit, Onlineshops für alle Menschen zugänglich zu machen und somit auch deutlich mehr Kunden zu erreichen.</p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Wen genau betreffen denn diese Hürden auf einer Website?<strong><br></strong></span><br><span class="strong">Tino: </span>Ein Irrglaube ist, dass die Einhaltung der Barrierefreiheit nur für Menschen mit Behinderung relevant ist. Das sind immerhin 10% der Menschen in Deutschland. Aber die Zielgruppe ist deutlich größer, denn auch ältere Menschen, Menschen, die sich in einer lauten Umgebung befinden, und Menschen mit vorübergehenden Einschränkungen wie einer Verletzung sind betroffen.</p>\n <p>Jeder, der schon Mal einen gebrochenen Arm hatte, hat sicherlich bemerkt, dass viele Websites gar nicht so leicht zu bedienen sind.</p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n \r\n \r\n <div class="image ce_rsce_image block">\r\n <div class="container-xxl">\r\n <div class="row">\r\n <div class="">\r\n <div class="image-wrapper ">\r\n <div class="image-img">\r\n \r\n \r\n <img fetchpriority="low" src="/files/content/blog/content/Person-vor-Laptop.jpg" width="933" height="1200" alt="Person sitzt an einem Schreibtisch mit einem Laptop">\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Ja, das kenne ich auch. Und wie fördert ESYON die Barrierefreiheit im Internet?</span><span class="strong"><br><br>Tino:</span> Durch gezielte Maßnahmen und technologische Lösungen setzen wir bei ESYON barrierefreie Onlineplattformen nach gesetzlichen Vorgaben um. Und nebenbei freut sich Google auch noch darüber. Den internationalen Standard für barrierefreie Web-Inhalt nennt man WCAG. Dieser definiert die Anforderungen und wird in Level A, AA und AAA unterteilt. Bei uns wird Level AA zur Pflicht.</p>\n <p><span class="strong" style="font-size: 14pt;">Steffi: Verstehe, es gibt also klare gesetzliche Vorgaben. Wie können Unternehmen barrierefreie Maßnahmen im Onlinehandel umsetzen?</span></p>\n <p><span class="strong">Tino: </span>Durch gute Kontraste, skalierbare Schriftgrößen und die Möglichkeit, die Website nur mit der Tastatur steuern zu können… Es gibt viele Maßnahmen, die umgesetzt werden können und müssen, um eine Website barrierefrei zu gestalten. Eine vorherige Analyse des aktuellen Stands halte ich für sinnvoll.</p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Ab wann wird die Barrierefreiheit für Onlineshops und digitale Plattformen Pflicht?</span><span class="strong"><br><br>Tino:</span> In Deutschland wird sie ab Juni 2025 Pflicht. Übrigens, in Italien gilt diese Pflicht bereits seit 2022. Ich empfehle den eigenen Onlineshop frühzeitig zu prüfen, um sicherzustellen, dass er alle barrierefreien Anforderungen erfüllt</p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Hast du noch abschließende Gedanken zur Förderung von Barrierefreiheit im Internet?</span><span class="strong"><br><br>Tino:</span> Ich freue mich auch weiterhin darauf, eine inklusive Online-Welt zu schaffen, die für alle zugänglich ist. </p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="custom-text pxy-none bg-white ce_rsce_text block">\r\n <div class="text-wrapper" data-widget="rsce_text_config">\r\n <div class="container-xxl text-left">\r\n <div class="row">\r\n <div class="col-12">\r\n <div class="content text-left column-1">\r\n <p><span class="strong" style="font-size: 14pt;">Steffi: Danke, dass du dir die Zeit genommen hast.</span></p> </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class="bg-light ce_rsce_stoerer block teaser-inline">\r\n \r\n <div class="container-xxl">\r\n \r\n <h4 class="headline">Sie sind unsicher, ob Ihr Onlineshop den neuen Anforderungen entspricht?</h4>\r\n \r\n <div class="content"><p>Dann kontaktieren Sie uns. Wir beraten Sie gern. Oder fordern Sie unser Whitepaper an.</p></div>\r\n \r\n <a href="/whitepaper-anfordern" class="btn btn-primary">Jetzt anfragen</a>\r\n \r\n </div>\r\n </div>\r\n \n <div class="bg-light ce_rsce_newsteaser block">\n \n <div class="container-xxl">\n \n <div class="mod_newslist_overview newslist-start newslist_teaser bg-light">\n <div class="row">\n <div class="col-12">\n \n <h3 class="headline">Das könnte Sie auch interessieren:</h3>\n \n </div>\n </div>\n \n <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-0" >\n </div>\n </div>\n </div>\n </div>\n """ } } "hasTeaser" => true "hasReader" => true "more" => "<a href="/aktuelles/steffi-greuel-und-tino-favetto-im-dialog-ueber-barrierefreiheit-im-onlinehandel" title="Den Artikel lesen: Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel">Weiterlesen …<span class="invisible"> Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel</span></a>" "link" => "/aktuelles/steffi-greuel-und-tino-favetto-im-dialog-ueber-barrierefreiheit-im-onlinehandel" "hasText" => Closure() {#1839 : "Contao\Template" : { : Closure(): bool {#1857 …} : null } } "authorModel" => Contao\UserModel {#1873 #arrData: array:51 [ "id" => 2 "showHelp" => true "thumbnails" => true "useRTE" => true "useCE" => true "pwChange" => false "admin" => true "disable" => false "useTwoFactor" => false "tstamp" => 1704443590 "username" => "Steffi" "name" => "Steffi Greuel" "email" => "steffi@con-creat.de" "language" => "de" "backendTheme" => "flexible" "uploader" => "DropZone" "password" => "$2y$13$EybE.B9ZNwurDoRi4/ddwOu2CHtbR8/ru6pz6/2FkMuehXyJuuEwG" "groups" => null "inherit" => "group" "modules" => "a:0:{}" "themes" => "a:0:{}" "elements" => "a:0:{}" "fields" => "a:0:{}" "pagemounts" => "a:0:{}" "alpty" => "a:0:{}" "filemounts" => "a:0:{}" "fop" => "a:0:{}" "imageSizes" => "a:0:{}" "forms" => "a:0:{}" "amg" => "a:0:{}" "start" => "" "stop" => "" "session" => "a:13:{s:23:"tl_article_tl_page_tree";a:10:{i:1;i:0;i:71;i:0;i:371;i:0;i:375;i:0;i:332;i:0;i:333;i:0;i:115;i:0;i:21;i:0;i:309;i:0;i:311;i:0;}s:12:"tl_page_tree";a:261:{i:1;i:1;i:2;i:0;i:3;i:0;i:7;i:0;i:8;i:1;i:9;i:0;i:14;i:0;i:16;i:0;i:5;i:0;i:20;i:1;i:21;i:0;i:27;i:0;i:28;i:1;i:30;i:1;i:31;i:0;i:22;i:0;i:23;i:0;i:24;i:0;i:25;i:0;i:26;i:0;i:10;i:0;i:32;i:0;i:67;i:0;i:35;i:0;i:36;i:0;i:37;i:0;i:38;i:1;i:53;i:0;i:54;i:0;i:60;i:0;i:63;i:0;i:64;i:0;i:65;i:0;i:39;i:1;i:46;i:0;i:49;i:0;i:40;i:0;i:41;i:0;i:42;i:0;i:43;i:0;i:44;i:0;i:45;i:0;i:4;i:0;i:6;i:0;i:34;i:0;i:18;i:0;i:19;i:0;i:68;i:0;i:71;i:0;i:72;i:0;i:73;i:0;i:74;i:0;i:89;i:0;i:90;i:1;i:96;i:0;i:99;i:0;i:100;i:0;i:101;i:0;i:102;i:1;i:104;i:0;i:75;i:0;i:82;i:0;i:85;i:0;i:86;i:0;i:87;i:0;i:88;i:0;i:83;i:0;i:84;i:0;i:76;i:0;i:77;i:0;i:78;i:0;i:79;i:0;i:80;i:0;i:81;i:0;i:91;i:0;i:92;i:1;i:93;i:0;i:94;i:0;i:95;i:0;i:97;i:0;i:98;i:0;i:66;i:0;i:13;i:0;i:12;i:1;i:11;i:1;i:103;i:0;i:69;i:0;i:105;i:0;i:106;i:0;i:107;i:0;i:109;i:0;i:110;i:0;i:115;i:1;i:116;i:0;i:127;i:0;i:117;i:0;i:118;i:0;i:119;i:0;i:120;i:0;i:121;i:0;i:122;i:0;i:123;i:0;i:124;i:0;i:125;i:0;i:139;i:0;i:142;i:0;i:143;i:0;i:128;i:1;i:138;i:0;i:137;i:0;i:136;i:0;i:135;i:0;i:134;i:0;i:133;i:0;i:132;i:0;i:130;i:0;i:131;i:0;i:129;i:0;i:17;i:0;i:126;i:0;i:157;i:0;i:248;i:0;i:299;i:0;i:303;i:0;i:301;i:1;i:307;i:1;i:308;i:0;i:309;i:1;i:317;i:0;i:312;i:1;i:326;i:0;i:325;i:0;i:324;i:0;i:323;i:0;i:322;i:0;i:311;i:0;i:321;i:0;i:320;i:0;i:319;i:0;i:318;i:0;i:310;i:1;i:327;i:0;i:328;i:0;i:140;i:0;i:332;i:0;i:333;i:0;i:314;i:0;i:313;i:0;i:334;i:0;i:338;i:1;i:339;i:0;i:340;i:0;i:341;i:0;i:342;i:0;i:343;i:0;i:344;i:0;i:345;i:0;i:346;i:0;i:347;i:0;i:348;i:0;i:349;i:0;i:350;i:0;i:351;i:0;i:352;i:0;i:353;i:0;i:354;i:0;i:33;i:0;i:336;i:1;i:355;i:0;i:356;i:0;i:357;i:0;i:358;i:0;i:359;i:0;i:335;i:0;i:114;i:0;i:360;i:0;i:361;i:0;i:362;i:1;i:363;i:0;i:364;i:0;i:337;i:1;i:365;i:0;i:366;i:0;i:367;i:0;i:368;i:1;i:369;i:0;i:112;i:0;i:370;i:0;i:300;i:0;i:302;i:0;i:371;i:1;i:372;i:0;i:375;i:0;i:374;i:0;i:377;i:0;i:373;i:0;i:381;i:1;i:380;i:0;i:379;i:0;i:411;i:0;i:412;i:0;i:413;i:0;i:414;i:0;i:415;i:0;i:416;i:0;i:417;i:0;i:418;i:0;i:419;i:0;i:420;i:0;i:421;i:0;i:422;i:0;i:423;i:0;i:424;i:0;i:425;i:0;i:426;i:0;i:427;i:0;i:428;i:0;i:429;i:0;i:430;i:0;i:431;i:0;i:432;i:0;i:433;i:0;i:434;i:0;i:435;i:0;i:436;i:0;i:437;i:0;i:438;i:0;i:439;i:0;i:382;i:0;i:383;i:0;i:384;i:0;i:385;i:0;i:386;i:0;i:387;i:0;i:388;i:0;i:389;i:0;i:390;i:0;i:391;i:0;i:392;i:0;i:393;i:0;i:394;i:0;i:395;i:0;i:396;i:0;i:397;i:0;i:398;i:0;i:399;i:0;i:400;i:0;i:401;i:0;i:402;i:0;i:403;i:0;i:404;i:0;i:405;i:0;i:406;i:0;i:407;i:0;i:408;i:0;i:409;i:0;i:447;i:0;i:441;i:0;i:444;i:0;i:448;i:0;i:453;i:0;}s:11:"new_records";a:0:{}s:12:"tl_page_node";s:1:"0";s:15:"fieldset_states";a:16:{s:15:"tl_news_archive";a:2:{s:16:"protected_legend";i:1;s:15:"comments_legend";i:1;}s:10:"tl_content";a:8:{s:16:"invisible_legend";i:1;s:13:"expert_legend";i:1;s:15:"template_legend";i:1;s:16:"protected_legend";i:0;s:11:"rsce_legend";i:1;s:35:"pal_rsce_field_tags_rsce_list_start";i:0;s:36:"pal_rsce_field_items_rsce_list_start";i:1;s:13:"poster_legend";i:1;}s:10:"tl_article";a:4:{s:13:"expert_legend";i:1;s:15:"template_legend";i:1;s:16:"protected_legend";i:1;s:13:"teaser_legend";i:1;}s:7:"tl_page";a:17:{s:12:"chmod_legend";i:1;s:12:"cache_legend";i:1;s:13:"layout_legend";i:1;s:16:"protected_legend";i:1;s:16:"canonical_legend";i:1;s:13:"tabnav_legend";i:0;s:13:"expert_legend";i:1;s:15:"language_legend";i:1;s:11:"meta_legend";i:1;s:16:"twoFactor_legend";i:1;s:14:"website_legend";i:1;s:13:"global_legend";i:1;s:12:"image_legend";i:0;s:16:"opengraph_legend";i:1;s:12:"title_legend";i:1;s:14:"routing_legend";i:1;s:17:"contao_seo_legend";i:0;}s:9:"tl_module";a:4:{s:15:"template_legend";i:1;s:16:"protected_legend";i:1;s:13:"expert_legend";i:1;s:12:"image_legend";i:1;}s:7:"tl_user";a:3:{s:14:"backend_legend";i:0;s:15:"password_legend";i:1;s:12:"theme_legend";i:0;}s:13:"tl_form_field";a:3:{s:13:"expert_legend";i:1;s:15:"template_legend";i:1;s:16:"invisible_legend";i:1;}s:11:"tl_settings";a:4:{s:14:"uploads_legend";i:1;s:12:"files_legend";i:1;s:15:"security_legend";i:1;s:14:"backend_legend";i:1;}s:7:"tl_news";a:4:{s:13:"expert_legend";i:1;s:16:"enclosure_legend";i:1;s:11:"tags_legend";i:1;s:13:"source_legend";i:1;}s:15:"tl_faq_category";a:1:{s:15:"comments_legend";i:1;}s:6:"tl_faq";a:2:{s:13:"expert_legend";i:1;s:16:"enclosure_legend";i:1;}s:13:"tl_image_size";a:2:{s:13:"expert_legend";i:1;s:15:"metadata_legend";i:0;}s:15:"tl_member_group";a:1:{s:15:"redirect_legend";i:1;}s:7:"tl_form";a:3:{s:12:"store_legend";i:1;s:15:"template_legend";i:1;s:13:"expert_legend";i:1;}s:18:"tl_image_size_item";a:1:{s:17:"visibility_legend";i:1;}s:12:"tl_cookiebar";a:1:{s:13:"expert_legend";i:1;}}s:8:"filetree";a:67:{s:8:"976bf09e";i:1;s:8:"28ce87ed";i:0;s:8:"87b6bb18";i:1;i:65613443;i:0;s:8:"abd28c11";i:0;s:8:"3a03408a";i:0;s:8:"0664460a";i:1;s:8:"de1dddc1";i:0;s:8:"6d376608";i:0;s:8:"e0afc680";i:1;s:8:"c6349057";i:0;s:8:"34a3d469";i:0;s:8:"c5989b1e";i:0;s:8:"1b20f57a";i:1;s:8:"fd52a518";i:0;s:8:"71c85865";i:0;s:8:"337dedf0";i:0;s:8:"496f30f5";i:1;s:8:"936b0edd";i:0;s:8:"2c469a15";i:0;s:8:"f14afdf3";i:0;s:8:"6005df7b";i:0;s:8:"180add45";i:0;s:8:"b582bb69";i:0;s:8:"c54a1897";i:0;s:8:"d06bcb2b";i:0;s:8:"d73e0625";i:0;s:8:"0d33e3ed";i:0;s:8:"cd1a05e0";i:0;s:8:"de745548";i:0;s:8:"e81bcde6";i:0;s:8:"b8f166ac";i:0;s:8:"ec65a4b1";i:0;s:8:"ca1e3332";i:0;s:8:"3d42888b";i:0;s:8:"39549bf8";i:0;s:8:"5e67538f";i:0;s:8:"e96e490f";i:0;s:8:"b0a5fecd";i:1;s:8:"eb081ed5";i:0;s:8:"20e69e59";i:0;s:8:"3bb56b08";i:0;s:8:"c2f05151";i:0;s:8:"2c252862";i:0;s:8:"c16a7fd7";i:0;s:8:"9eb5c47e";i:0;s:8:"34a4549b";i:0;s:8:"4970fa81";i:0;s:8:"c9b0e9cc";i:0;s:8:"a634aea2";i:0;s:8:"e2cac7d4";i:0;s:8:"0838c97d";i:0;s:8:"ba1b4d4c";i:0;s:8:"9780eedc";i:0;s:8:"f64bff50";i:0;s:8:"8f250a59";i:1;s:8:"579a95f0";i:0;s:8:"3054a4b2";i:0;s:8:"a069e128";i:0;s:8:"f8fdb260";i:1;s:8:"9371fc93";i:0;i:77837580;i:0;s:8:"64b99183";i:0;s:8:"203bb855";i:0;s:8:"b6f129e5";i:0;s:8:"2392d0d6";i:0;s:8:"da8e6c6b";i:1;}s:13:"tl_files_node";s:0:"";s:6:"search";a:7:{s:14:"tl_url_rewrite";a:2:{s:5:"field";s:4:"name";s:5:"value";s:10:"referenzen";}s:15:"tl_news_archive";a:2:{s:5:"field";s:5:"title";s:5:"value";s:0:"";}s:9:"tl_module";a:2:{s:5:"field";s:4:"name";s:5:"value";s:0:"";}s:7:"tl_news";a:2:{s:5:"field";s:8:"headline";s:5:"value";s:4:"blob";}s:7:"tl_page";a:2:{s:5:"field";s:5:"title";s:5:"value";s:0:"";}s:10:"tl_article";a:2:{s:5:"field";s:5:"title";s:5:"value";s:0:"";}s:8:"tl_files";a:1:{s:5:"value";s:7:"daniela";}}s:6:"filter";a:11:{s:10:"tl_news_12";a:1:{s:5:"limit";s:4:"0,30";}s:9:"tl_news_1";a:1:{s:5:"limit";s:4:"0,30";}s:9:"tl_news_2";a:1:{s:5:"limit";s:4:"0,30";}s:6:"tl_log";a:1:{s:5:"limit";s:4:"0,30";}s:11:"tl_module_1";a:1:{s:5:"limit";s:3:"all";}s:14:"tl_url_rewrite";a:1:{s:5:"limit";s:4:"0,30";}s:15:"tl_news_archive";a:0:{}s:9:"tl_news_9";a:1:{s:5:"limit";s:4:"0,30";}s:10:"tl_news_14";a:1:{s:5:"limit";s:4:"0,30";}s:7:"tl_page";a:1:{s:9:"published";s:1:"1";}s:10:"tl_article";a:1:{s:9:"published";s:1:"1";}}s:7:"sorting";a:3:{s:14:"tl_url_rewrite";s:4:"name";s:9:"tl_module";s:4:"name";s:7:"tl_news";s:9:"date DESC";}s:15:"checkbox_groups";a:3:{s:20:"cbc_modules_benutzer";i:1;s:18:"cbc_modules_layout";i:1;s:30:"cbc_imageSizes_eigene-größen";i:1;}s:15:"backend_modules";a:3:{s:8:"accounts";i:1;s:7:"content";i:1;s:6:"design";i:1;}s:26:"template_studio_theme_slug";N;}" "dateAdded" => 1683037237 "secret" => null "lastLogin" => 1773825578 "currentLogin" => 1773837251 "backupCodes" => null "trustedTokenVersion" => 0 "faqs" => "a:0:{}" "news" => "a:0:{}" "calendars" => "a:0:{}" "calendarfeeds" => "a:0:{}" "newsletters" => "a:0:{}" "doNotCollapse" => false "pageLanguageLabels" => null "frontendModules" => "a:0:{}" "tags_disable_add_new" => "a:0:{}" "doNotHideMessages" => false "cud" => "a:0:{}" "backendWidth" => "" ] #arrModified: [] #arrRelations: array:9 [ "groups" => array:4 [ "table" => "tl_user_group" "field" => "id" "type" => "belongsToMany" "load" => "lazy" ] "pagemounts" => array:4 [ "table" => "tl_page" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "forms" => array:4 [ "table" => "tl_form" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "amg" => array:4 [ "table" => "tl_member_group" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "faqs" => array:4 [ "table" => "tl_faq_category" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "news" => array:4 [ "table" => "tl_news_archive" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "calendars" => array:4 [ "table" => "tl_calendar" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "calendarfeeds" => array:4 [ "table" => "tl_calendar_feed" "field" => "id" "type" => "hasMany" "load" => "lazy" ] "newsletters" => array:4 [ "table" => "tl_newsletter_channel" "field" => "id" "type" => "hasMany" "load" => "lazy" ] ] #arrRelated: [] #arrEnums: [] #blnPreventSaving: false } "numberOfComments" => 0 "commentCount" => "(Kommentare: 0)" "timestamp" => 1710766680 "datetime" => "2024-03-18T13:58:00+01:00" "addBefore" => true "picture" => array:4 [ "img" => array:5 [ "srcset" => "/files/content/blog/content/barrierefreiheit-blog.jpg" "src" => "/files/content/blog/content/barrierefreiheit-blog.jpg" "width" => 800 "height" => 537 "hasSingleAspectRatio" => true ] "sources" => [] "alt" => "Menschen mit verschiedenen Beeinträchtigungen" "title" => "" ] "width" => 800 "height" => 537 "arrSize" => array:7 [ 0 => 800 1 => 537 2 => 2 3 => "width="800" height="537"" "bits" => 8 "channels" => 3 "mime" => "image/jpeg" ] "imgSize" => " width="800" height="537"" "src" => "/files/content/blog/content/barrierefreiheit-blog.jpg" "license" => "" "uuid" => "db6458ca-e5c7-11ee-9e20-04e05b24a4c8" "floatClass" => " float_above" "figure" => Contao\CoreBundle\Image\Studio\Figure {#1878 -image: Contao\CoreBundle\Image\Studio\ImageResult {#1874 -picture: Contao\Image\Picture {#1897 -img: array:5 [ "srcset" => array:1 [ 0 => array:1 [ 0 => Contao\Image\Image {#1896 #path: "/www/htdocs/w01e7d56/esyon/blue/files/content/blog/content/barrierefreiheit-blog.jpg" #dimensions: Contao\Image\ImageDimensions {#1894 -size: Imagine\Image\Box {#1895 -width: 800 -height: 537 } -orientation: 1 -relative: false -undefined: false } #imagine: Imagine\Imagick\Imagine {#1715 -metadataReader: null -classFactory: null } -importantPart: null } ] ] "src" => Contao\Image\Image {#1896} "width" => 800 "height" => 537 "hasSingleAspectRatio" => true ] -sources: [] } -originalDimensions: Contao\Image\ImageDimensions {#1883 -size: Imagine\Image\Box {#1882 -width: 800 -height: 537 } -orientation: 1 -relative: false -undefined: false } -locator: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#1682 -externalId: null -container: null -loading: [] -providedTypes: ? array -factories: array:10 [ "contao.image.studio" => array:4 [ 0 => "services" 1 => "contao.image.studio" 2 => "getContao_Image_StudioService" 3 => true ] "contao.image.picture_factory" => array:4 [ 0 => "services" 1 => "contao.image.picture_factory" 2 => "getContao_Image_PictureFactoryService" 3 => true ] "contao.image.factory" => array:4 [ 0 => "services" 1 => "contao.image.factory" 2 => "getContao_Image_FactoryService" 3 => true ] "contao.image.resizer" => array:4 [ 0 => "services" 1 => "contao.image.resizer" 2 => "getContao_Image_ResizerService" 3 => true ] "contao.assets.files_context" => array:4 [ 0 => "services" 1 => "contao.assets.files_context" 2 => "getContao_Assets_FilesContextService" 3 => false ] "contao.routing.page_finder" => array:4 [ 0 => "services" 1 => "contao.routing.page_finder" 2 => "getContao_Routing_PageFinderService" 3 => false ] "contao.framework" => array:4 [ 0 => "services" 1 => "contao.framework" 2 => "getContao_FrameworkService" 3 => false ] "contao.filesystem.virtual.files" => array:4 [ 0 => "services" 1 => "contao.filesystem.virtual.files" 2 => "getContao_Filesystem_Virtual_FilesService" 3 => true ] "contao.insert_tag.parser" => array:4 [ 0 => "services" 1 => "contao.insert_tag.parser" 2 => "getContao_InsertTag_ParserService" 3 => true ] "event_dispatcher" => array:4 [ 0 => "services" 1 => "event_dispatcher" 2 => "getEventDispatcherService" 3 => false ] ] -factory: ContainerWBugPqg\Contao_ManagerBundle_HttpKernel_ContaoKernelProdContainer::getService(string|false $registry, string $id, ?string $method, string|bool $load): mixed {#126 : "mixed" : ContainerWBugPqg\Contao_ManagerBundle_HttpKernel_ContaoKernelProdContainer {#129 …} } -serviceMap: array:10 [ "contao.image.studio" => array:4 [ 0 => "services" 1 => "contao.image.studio" 2 => "getContao_Image_StudioService" 3 => true ] "contao.image.picture_factory" => array:4 [ 0 => "services" 1 => "contao.image.picture_factory" 2 => "getContao_Image_PictureFactoryService" 3 => true ] "contao.image.factory" => array:4 [ 0 => "services" 1 => "contao.image.factory" 2 => "getContao_Image_FactoryService" 3 => true ] "contao.image.resizer" => array:4 [ 0 => "services" 1 => "contao.image.resizer" 2 => "getContao_Image_ResizerService" 3 => true ] "contao.assets.files_context" => array:4 [ 0 => "services" 1 => "contao.assets.files_context" 2 => "getContao_Assets_FilesContextService" 3 => false ] "contao.routing.page_finder" => array:4 [ 0 => "services" 1 => "contao.routing.page_finder" 2 => "getContao_Routing_PageFinderService" 3 => false ] "contao.framework" => array:4 [ 0 => "services" 1 => "contao.framework" 2 => "getContao_FrameworkService" 3 => false ] "contao.filesystem.virtual.files" => array:4 [ 0 => "services" 1 => "contao.filesystem.virtual.files" 2 => "getContao_Filesystem_Virtual_FilesService" 3 => true ] "contao.insert_tag.parser" => array:4 [ 0 => "services" 1 => "contao.insert_tag.parser" 2 => "getContao_InsertTag_ParserService" 3 => true ] "event_dispatcher" => array:4 [ 0 => "services" 1 => "event_dispatcher" 2 => "getEventDispatcherService" 3 => false ] ] -serviceTypes: array:10 [ "contao.image.studio" => "?" "contao.image.picture_factory" => "?" "contao.image.factory" => "?" "contao.image.resizer" => "?" "contao.assets.files_context" => "?" "contao.routing.page_finder" => "?" "contao.framework" => "?" "contao.filesystem.virtual.files" => "?" "contao.insert_tag.parser" => "?" "event_dispatcher" => "?" ] } -projectDir: "/www/htdocs/w01e7d56/esyon/blue" -filePathOrImageInterface: "/www/htdocs/w01e7d56/esyon/blue/files/content/blog/content/barrierefreiheit-blog.jpg" -sizeConfiguration: "a:3:{i:0;s:0:"";i:1;s:0:"";i:2;s:0:"";}" -resizeOptions: null } -metadata: Contao\CoreBundle\File\Metadata {#1886 -values: array:6 [ "title" => "" "alt" => "Menschen mit verschiedenen Beeinträchtigungen" "link" => "" "caption" => "" "license" => "" "uuid" => "db6458ca-e5c7-11ee-9e20-04e05b24a4c8" ] -schemaOrgJsonLd: null } -linkAttributes: array:1 [ "href" => "" ] -lightbox: null -options: [] } "tagsRaw" => array:2 [ 0 => array:6 [ "id" => 3 "tag" => "E-Commerce" "tstamp" => 1761740264 "translation" => "a:0:{}" "invisible" => "" "title" => "E-Commerce" ] 1 => array:6 [ "id" => 9 "tag" => "ESYON" "tstamp" => 1684736465 "translation" => null "invisible" => "" "title" => "ESYON" ] ] "getSchemaOrgData" => Closure(): array {#1875 : "array" : "InspiredMinds\ContaoLanguageAutoswitch\Module\NewsReaderModule" : { : Contao\NewsModel {#1851 …} : Contao\FrontendTemplate {#1842 …} } } ]
Steffi Greuel und Tino Favetto im Dialog über Barrierefreiheit im Onlinehandel
Die Pflicht zur Barrierefreiheit ab 2025 wirbelt das Internet auf. Aber was bedeutet das eigentlich für die Unternehmen? Steffi Greuel möchte einige Fragen aufklären und hat ein Interview mit unserem Experten Tino Favetto – Head of User Experience [&] Frontend Design bei ESYON geführt.
Steffi: Tino, Du kennst dich ja aus. Erklär doch mal, warum Barrierefreiheit im Internet wichtig ist.
Tino: Das ist eigentlich ganz einfach. Barrierefreiheit im Onlinehandel ist entscheidend, um sicherzustellen, dass Menschen mit unterschiedlichen Bedürfnissen uneingeschränkten Zugang zu digitalen Plattformen haben. In Deutschland sind barrierefreie Websites, leicht verständliche Inhalte und intuitive Navigation entscheidend für eine inklusive Online-Erfahrung. Barrierefreiheit bietet die Möglichkeit, Onlineshops für alle Menschen zugänglich zu machen und somit auch deutlich mehr Kunden zu erreichen.
Steffi: Wen genau betreffen denn diese Hürden auf einer Website?
Tino: Ein Irrglaube ist, dass die Einhaltung der Barrierefreiheit nur für Menschen mit Behinderung relevant ist. Das sind immerhin 10% der Menschen in Deutschland. Aber die Zielgruppe ist deutlich größer, denn auch ältere Menschen, Menschen, die sich in einer lauten Umgebung befinden, und Menschen mit vorübergehenden Einschränkungen wie einer Verletzung sind betroffen.
Jeder, der schon Mal einen gebrochenen Arm hatte, hat sicherlich bemerkt, dass viele Websites gar nicht so leicht zu bedienen sind.
Steffi: Ja, das kenne ich auch. Und wie fördert ESYON die Barrierefreiheit im Internet?
Tino: Durch gezielte Maßnahmen und technologische Lösungen setzen wir bei ESYON barrierefreie Onlineplattformen nach gesetzlichen Vorgaben um. Und nebenbei freut sich Google auch noch darüber. Den internationalen Standard für barrierefreie Web-Inhalt nennt man WCAG. Dieser definiert die Anforderungen und wird in Level A, AA und AAA unterteilt. Bei uns wird Level AA zur Pflicht.
Steffi: Verstehe, es gibt also klare gesetzliche Vorgaben. Wie können Unternehmen barrierefreie Maßnahmen im Onlinehandel umsetzen?
Tino: Durch gute Kontraste, skalierbare Schriftgrößen und die Möglichkeit, die Website nur mit der Tastatur steuern zu können… Es gibt viele Maßnahmen, die umgesetzt werden können und müssen, um eine Website barrierefrei zu gestalten. Eine vorherige Analyse des aktuellen Stands halte ich für sinnvoll.
Steffi: Ab wann wird die Barrierefreiheit für Onlineshops und digitale Plattformen Pflicht?
Tino: In Deutschland wird sie ab Juni 2025 Pflicht. Übrigens, in Italien gilt diese Pflicht bereits seit 2022. Ich empfehle den eigenen Onlineshop frühzeitig zu prüfen, um sicherzustellen, dass er alle barrierefreien Anforderungen erfüllt
Steffi: Hast du noch abschließende Gedanken zur Förderung von Barrierefreiheit im Internet?
Tino: Ich freue mich auch weiterhin darauf, eine inklusive Online-Welt zu schaffen, die für alle zugänglich ist.
Steffi: Danke, dass du dir die Zeit genommen hast.