[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"global":3,"footer-navigation":18,"main-menu-products":239,"main-menu-blog-posts":355,"blog-post-accessibility-developer-guide":409},[4,13],{"globalSet":5},{"alertBannerList":6},[7],{"id":8,"title":9,"alertType":10,"description":11,"linkLabel":12,"linkField":12},"4647","Dies ist eine Beta-Version der neuen cyon-Website","warning","\u003Cp>Einige Funktionen funktionieren möglicherweise \u003Cstrong>nicht\u003C\u002Fstrong> wie erwartet.\u003C\u002Fp>",null,{"globalSet":14},{"tokens":15},[16],{"key":17,"value":17},"",{"footerNavigation":19,"googleRating":234},{"footerMenu":20},[21,77,100,128,151,215],{"title":22,"footerMenuItems":23},"Hosting",[24,39,48,57,68],{"title":25,"footerMenuItemLink":26},"Webhosting",{"__typename":27,"type":28,"label":12,"link":29,"url":30,"urlSuffix":12,"entry":31},"LinkData","entry","\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting\">Webhosting\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting",{"id":32,"uri":33,"slug":34,"title":25,"enabled":35,"typeHandle":36,"sectionHandle":37,"__typename":38},"736","hosting\u002Fwebhosting","webhosting",true,"productPageHostings","products","productPageHostings_Entry",{"title":40,"footerMenuItemLink":41},"Webhosting Pro",{"__typename":27,"type":28,"label":12,"link":42,"url":43,"urlSuffix":12,"entry":44},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro\">Webhosting Pro\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro",{"id":45,"uri":46,"slug":47,"title":40,"enabled":35,"typeHandle":36,"sectionHandle":37,"__typename":38},"5348","hosting\u002Fwebhosting-pro","webhosting-pro",{"title":49,"footerMenuItemLink":50},"Sitebuilder",{"__typename":27,"type":28,"label":12,"link":51,"url":52,"urlSuffix":12,"entry":53},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder\">Sitebuilder\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder",{"id":54,"uri":55,"slug":56,"title":49,"enabled":35,"typeHandle":36,"sectionHandle":37,"__typename":38},"5360","hosting\u002Fsitebuilder","sitebuilder",{"title":58,"footerMenuItemLink":59},"https:\u002F\u002F für alle",{"__typename":27,"type":28,"label":12,"link":60,"url":61,"urlSuffix":12,"entry":62},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl\">https:\u002F\u002F für alle\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl",{"id":63,"uri":64,"slug":65,"title":58,"enabled":35,"typeHandle":66,"sectionHandle":37,"__typename":67},"4388","hosting\u002Fssl","ssl","productPageMeta","productPageMeta_Entry",{"title":69,"footerMenuItemLink":70},"Umzugsservice",{"__typename":27,"type":28,"label":12,"link":71,"url":72,"urlSuffix":12,"entry":73},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug\">Umzugsservice\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug",{"id":74,"uri":75,"slug":76,"title":69,"enabled":35,"typeHandle":66,"sectionHandle":37,"__typename":67},"4365","hosting\u002Fumzug","umzug",{"title":78,"footerMenuItems":79},"Server",[80,89],{"title":81,"footerMenuItemLink":82},"Managed Server",{"__typename":27,"type":28,"label":12,"link":83,"url":84,"urlSuffix":12,"entry":85},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server\">Managed Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server",{"id":86,"uri":87,"slug":88,"title":81,"enabled":35,"typeHandle":36,"sectionHandle":37,"__typename":38},"5355","server\u002Fmanaged-server","managed-server",{"title":90,"footerMenuItemLink":91},"Agency Server",{"__typename":27,"type":28,"label":12,"link":92,"url":93,"urlSuffix":12,"entry":94},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server\">Agency Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server",{"id":95,"uri":96,"slug":97,"title":90,"enabled":35,"typeHandle":98,"sectionHandle":37,"__typename":99},"1444","server\u002Fagency-server","agency-server","productPageAgency","productPageAgency_Entry",{"title":101,"footerMenuItems":102},"Domains",[103,113,122],{"title":101,"footerMenuItemLink":104},{"__typename":27,"type":28,"label":12,"link":105,"url":106,"urlSuffix":12,"entry":107},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen\">Domains\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen",{"id":108,"uri":109,"slug":110,"title":101,"enabled":35,"typeHandle":111,"sectionHandle":37,"__typename":112},"3330","domains\u002Fdomain-kaufen","domain-kaufen","productPageDomain","productPageDomain_Entry",{"title":114,"footerMenuItemLink":115},"Domain transferieren",{"__typename":27,"type":28,"label":12,"link":116,"url":117,"urlSuffix":12,"entry":118},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren\">Domain transferieren\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren",{"id":119,"uri":120,"slug":121,"title":114,"enabled":35,"typeHandle":36,"sectionHandle":37,"__typename":38},"4114","domains\u002Fdomain-transferieren","domain-transferieren",{"title":123,"footerMenuItemLink":124},"Alle Domains",{"__typename":27,"type":125,"label":12,"link":126,"url":127,"urlSuffix":12,"entry":12},"url","\u003Ca href=\"\u002Fdomains\u002Falle-domains\">\u002Fdomains\u002Falle-domains\u003C\u002Fa>","\u002Fdomains\u002Falle-domains",{"title":129,"footerMenuItems":130},"Support",[131,136,141,146],{"title":132,"footerMenuItemLink":133},"Support Center",{"__typename":27,"type":125,"label":12,"link":134,"url":135,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\">\u002Fsupport\u003C\u002Fa>","\u002Fsupport",{"title":137,"footerMenuItemLink":138},"E-Mail Zauberer",{"__typename":27,"type":125,"label":12,"link":139,"url":140,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\u002Fmailwizard\">\u002Fsupport\u002Fmailwizard\u003C\u002Fa>","\u002Fsupport\u002Fmailwizard",{"title":142,"footerMenuItemLink":143},"my.cyon",{"__typename":27,"type":125,"label":12,"link":144,"url":145,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fmy.cyon.ch\u002F\">my.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fmy.cyon.ch\u002F",{"title":147,"footerMenuItemLink":148},"Webmail",{"__typename":27,"type":125,"label":12,"link":149,"url":150,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fwebmail.cyon.ch\u002F\">webmail.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fwebmail.cyon.ch\u002F",{"title":152,"footerMenuItems":153},"Über uns",[154,166,176,186,195,204,206,208,210],{"title":155,"footerMenuItemLink":156},"Warum cyon",{"__typename":27,"type":28,"label":12,"link":157,"url":158,"urlSuffix":12,"entry":159},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort\">cyon macht das Internet zu einem besseren Ort\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",{"id":160,"uri":161,"slug":162,"title":163,"enabled":35,"typeHandle":164,"sectionHandle":164,"__typename":165},"2016","ueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort","cyon-macht-das-internet-zu-einem-besseren-ort","cyon macht das Internet zu einem besseren Ort","about","about_Entry",{"title":167,"footerMenuItemLink":168},"Team",{"__typename":27,"type":28,"label":12,"link":169,"url":170,"urlSuffix":12,"entry":171},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam\">Unser Team\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam",{"id":172,"uri":173,"slug":174,"title":175,"enabled":35,"typeHandle":164,"sectionHandle":164,"__typename":165},"2029","ueber-cyon\u002Fteam","team","Unser Team",{"title":177,"footerMenuItemLink":178},"Jobs",{"__typename":27,"type":28,"label":12,"link":179,"url":180,"urlSuffix":12,"entry":181},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs\">Jobs bei cyon\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs",{"id":182,"uri":183,"slug":184,"title":185,"enabled":35,"typeHandle":164,"sectionHandle":164,"__typename":165},"3760","ueber-cyon\u002Fjobs","jobs","Jobs bei cyon",{"title":187,"footerMenuItemLink":188},"Geschichte",{"__typename":27,"type":28,"label":12,"link":189,"url":190,"urlSuffix":12,"entry":191},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte\">Geschichte\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte",{"id":192,"uri":193,"slug":194,"title":187,"enabled":35,"typeHandle":164,"sectionHandle":164,"__typename":165},"3819","ueber-cyon\u002Fgeschichte","geschichte",{"title":196,"footerMenuItemLink":197},"Partner*innen",{"__typename":27,"type":28,"label":12,"link":198,"url":199,"urlSuffix":12,"entry":200},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner\">Partner*innen\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner",{"id":201,"uri":202,"slug":203,"title":196,"enabled":35,"typeHandle":164,"sectionHandle":164,"__typename":165},"3861","ueber-cyon\u002Fpartner","partner",{"title":205,"footerMenuItemLink":12},"Engagement",{"title":207,"footerMenuItemLink":12},"Nachhaltigkeit",{"title":209,"footerMenuItemLink":12},"Infrastruktur",{"title":211,"footerMenuItemLink":212},"Blog",{"__typename":27,"type":125,"label":12,"link":213,"url":214,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fblog\">\u002Fblog\u003C\u002Fa>","\u002Fblog",{"title":216,"footerMenuItems":217},"Rechtliches",[218,230,232],{"title":219,"footerMenuItemLink":220},"AGB",{"__typename":27,"type":28,"label":12,"link":221,"url":222,"urlSuffix":12,"entry":223},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb\">AGB\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb",{"id":224,"uri":225,"slug":226,"title":219,"enabled":35,"typeHandle":227,"sectionHandle":228,"__typename":229},"6225","legal\u002Fagb","agb","legalPage","legalPages","legalPage_Entry",{"title":231,"footerMenuItemLink":12},"Datenschutzerklärung",{"title":233,"footerMenuItemLink":12},"Impressum",{"heroContent":235},{"__typename":236,"googleRating":237},"heroContent_ContentBlock",{"stars":238},4.8,{"productsEntries":240,"productMetaMenuSections":319,"aboutEntries":323,"aboutMenuSections":350},[241,249,256,263,271,278,286,292,306,314],{"__typename":38,"title":25,"uri":33,"color":242,"subtitle":243,"productMenuSection":244,"productIcon":246},"cherry","Alles, was deine Website braucht",[245],"hosting",[247],{"url":248},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fcherry.svg",{"__typename":38,"title":40,"uri":46,"color":250,"subtitle":251,"productMenuSection":252,"productIcon":253},"plum","Mehr Power für anspruchsvolle Webprojekte",[245],[254],{"url":255},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fplum.svg",{"__typename":38,"title":49,"uri":55,"color":257,"subtitle":258,"productMenuSection":259,"productIcon":260},"strawberry","Deine eigene Website, überraschend einfach gemacht.",[245],[261],{"url":262},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fstrawberry.svg",{"__typename":38,"title":81,"uri":87,"color":264,"subtitle":265,"productMenuSection":266,"productIcon":268},"pear","Dein eigener Server. Wir kümmern uns um den Rest.",[267],"server",[269],{"url":270},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fpear.svg",{"__typename":99,"title":90,"uri":96,"color":272,"subtitle":273,"productMenuSection":274,"productIcon":275},"grape","Deine Kundschaft, dein Server.",[267],[276],{"url":277},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fgrape.svg",{"__typename":112,"title":101,"uri":109,"color":279,"subtitle":280,"productMenuSection":281,"productIcon":283},"bee","Alles beginnt mit deiner Domain",[282],"domains",[284],{"url":285},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fbee.svg",{"__typename":38,"title":114,"uri":120,"color":279,"subtitle":287,"productMenuSection":288,"productIcon":289},"Gönn deiner Domain ein schöneres Zuhause",[282],[290],{"url":291},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fflower.svg",{"__typename":67,"title":293,"uri":294,"metaMenuTitle":295,"iconSelect":298,"productMenuSection":299,"directLink":300},"my.cyon: Ein Login für alles","hosting\u002Fmy-cyon",[296],{"title":297},"Services","apps",[245,267,282],{"__typename":27,"type":28,"label":12,"link":301,"url":302,"urlSuffix":12,"entry":303},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon\">my.cyon: Ein Login für alles\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon",{"id":304,"uri":294,"slug":305,"title":293,"enabled":35,"typeHandle":66,"sectionHandle":37,"__typename":67},"5322","my-cyon",{"__typename":67,"title":69,"uri":75,"metaMenuTitle":307,"iconSelect":309,"productMenuSection":310,"directLink":311},[308],{"title":297},"rocket",[245,267],{"__typename":27,"type":125,"label":12,"link":312,"url":313,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\">order.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\u003C\u002Fa>","https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains",{"__typename":67,"title":58,"uri":64,"metaMenuTitle":315,"iconSelect":317,"productMenuSection":318,"directLink":12},[316],{"title":297},"certificate",[245,267],[320,321],{"title":297},{"title":322},"Preise",[324,329,333,337,341,344],{"label":325,"uri":161,"aboutMenuTitle":326,"iconSelect":328,"directLink":12},"Über cyon",[327],{"title":325},"mood-smile",{"label":167,"uri":173,"aboutMenuTitle":330,"iconSelect":332,"directLink":12},[331],{"title":325},"users-group",{"label":177,"uri":183,"aboutMenuTitle":334,"iconSelect":336,"directLink":12},[335],{"title":325},"book",{"label":187,"uri":193,"aboutMenuTitle":338,"iconSelect":340,"directLink":12},[339],{"title":325},"file-description",{"label":196,"uri":202,"aboutMenuTitle":342,"iconSelect":298,"directLink":12},[343],{"title":325},{"label":207,"uri":345,"aboutMenuTitle":346,"iconSelect":349,"directLink":12},"ueber-cyon\u002Fnachhaltigkeit",[347],{"title":348},"Verantwortung & Vertrauen","leaf",[351,352,353],{"title":325},{"title":348},{"title":354},"Team & Kultur",[356,383],{"title":357,"commentCount":358,"categories":359,"slug":365,"excerpt":366,"featuredImage":367,"seo":370,"author":373,"date":381,"id":382},"Phishing-Angriffe: Was wir täglich dagegen tun",3,{"nodes":360},[361,363],{"id":362,"name":211},"dGVybTozNQ==",{"id":364,"name":325},"dGVybTo2NzAz","phishing-angriffe-was-wir-taeglich-dagegen-tun","\u003Cp>«Wurden wir gehackt?» Diese Frage hören wir von unserer Kundschaft im Support immer wieder, sagt Lindita, Customer Care Specialist bei cyon. Die Nachricht wirkt bedrohlich: Da steht die eigene Domain, eine bekannte E-Mail-Adresse, vielleicht sogar ein Ablaufdatum. Alles klingt echt. Entsprechend gross ist die Unsicherheit. In solchen Situationen weisst du vielleicht nicht, wie du die [&hellip;]\u003C\u002Fp>\n",{"node":368},{"sourceUrl":369},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe.png",{"opengraphImage":371},{"mediaItemUrl":372},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe-fb-li.jpg",{"node":374},{"id":375,"name":376,"email":377,"avatar":378},"dXNlcjozNw==","Svetlana Marchenko","sma@cyon.ch",{"url":379,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fa996559fe3a54e54474180cf9fd6292eb26e2bc18f22d8a3039785e3cdd14b53?s=96&d=mm&r=g",96,"2026-03-19T14:00:14","cG9zdDoyMjU0OQ==",{"title":384,"commentCount":385,"categories":386,"slug":392,"excerpt":393,"featuredImage":394,"seo":397,"author":400,"date":407,"id":408},"Welche Domains bei cyon am häufigsten registriert werden?",2,{"nodes":387},[388,389],{"id":362,"name":211},{"id":390,"name":391},"dGVybTo2NzAy","Neuigkeiten","cyon-domain-rangliste","\u003Cp>Die Wahl der passenden Domain-Endung ist ein zentraler Schritt für jede Website. Sie prägt, wie dein Projekt wahrgenommen wird, welche Zielgruppe du erreichst und wie klar dein Auftritt positioniert ist. In diesem Beitrag werfen wir einen Blick auf die beliebtesten Domain-Endungen unserer Kundinnen und Kunden, zeigen Entwicklungen der letzten Jahre auf und ordnen ein, was [&hellip;]\u003C\u002Fp>\n",{"node":395},{"sourceUrl":396},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen.png",{"opengraphImage":398},{"mediaItemUrl":399},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen-fb-li.png",{"node":401},{"id":402,"name":403,"email":404,"avatar":405},"dXNlcjozMg==","Mona Sorcelli","mos@cyon.ch",{"url":406,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fb2a78212ccc46cd4dbd3c34c1e94df688a1397ff1fda06be5dcd76c3ec142043?s=96&d=mm&r=g","2026-02-12T16:23:59","cG9zdDoyMjUxOQ==",{"id":410,"databaseId":411,"slug":412,"title":413,"content":414,"date":415,"modified":416,"commentCount":358,"status":417,"featuredImage":12,"categories":418,"seo":423,"author":431,"comments":438},"cG9zdDoxMDgyNw==",10827,"accessibility-developer-guide","Accessibility Developer Guide: Neue Referenz für barrierefreie Websites","\u003Cp>Am 19. Juni 2018 hat die \u003Ca href=\"https:\u002F\u002Faccess-for-all.ch\u002F\">Stiftung «Zugang für alle»\u003C\u002Fa> in Zürich den brandneuen \u003Ca href=\"https:\u002F\u002Fwww.accessibility-developer-guide.com\u002F\">Accessibility Developer Guide (ADG)\u003C\u002Fa> präsentiert. Der Guide, welcher in Zusammenarbeit mit den Agenturen \u003Ca href=\"https:\u002F\u002Fwww.hinderlingvolkart.com\u002F\">Hinderling Volkart\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fwww.liip.ch\u002Fde\">Liip\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fwww.unic.com\u002Fde\">Unic\u003C\u002Fa> und \u003Ca href=\"https:\u002F\u002Fzeix.com\u002F\">Zeix\u003C\u002Fa> entwickelt wurde, bietet eine umfassenden Einstieg in die Entwicklung von barrierefreien Websites. Das Projekt steht unter der Open-Source-Lizenz MIT und wartet mit unzähligen Beispielen auf, die sich in realen Anwendungsfällen einsetzen lassen.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2018\u002F06\u002Fadg.png\" alt=\"Accessibility Developer Guide (ADG)\" width=\"576\" height=\"356\" class=\"alignnone size-full wp-image-10834 border\" \u002F>\u003C\u002Fp>\n\u003Ch2>Was ist der Accessibility Developer Guide?\u003C\u002Fh2>\n\u003Cp>Die Idee für den ADG ist bereits vor einigen Jahren entstanden. Joshua Muheim, Initiator des Guides und Entwickler bei der Stiftung «Zugang für alle», sah sich mit einem Problem konfrontiert: Als frisch angestellter Full-Stack-Entwickler hatte er die Aufgabe, barrierefreie Website-Elemente zu entwickeln. Im Netz fand er zwar Dokumentationen und Richtlinien, einen Guide, der ihm bei der Entwicklung der Elemente das Leben leichter gemacht hätte, gab es damals jedoch nicht. Damit war die Idee für den Accessibility Developer Guide geboren. Und dieser hat jetzt, einige Jahre später, das Licht der Welt erblickt.\u003C\u002Fp>\n\u003Cfigure class=\"quote\">\n\u003Cblockquote>\u003Cp>Den Web-Entwicklern fehlte bisher eine gute, praxisnahe Referenz zu Accessibility. Es braucht nicht mehr Regeln, sondern mehr Anleitung, damit das Web bedienbar für alle wird. Der Developer Guide wird einen Zugang schaffen, wo bisher kaum einer war, mit praxisnahen Beispielen, von Experten geprüft und Entwicklern mitgetragen.\u003C\u002Fp>\n\u003C\u002Fblockquote>\u003Cfigcaption>\u003Cspan class=\"author\">Severin Klaus, Leiter Frontend\u003C\u002Fspan>\u003Cspan class=\"company\">\u003Ca href=\"https:\u002F\u002Fwww.hinderlingvolkart.com\u002F\">Hinderling Volkart\u003C\u002Fa>\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp>In Zusammenarbeit mit Mitarbeitern der Stiftung und den Agenturen ist ein Guide entstanden, mit dem sich interessierte Entwickler mit der Materie Barrierefreiheit intensiv auseinandersetzen können. Der Guide ist in die folgenden vier Abschnitte eingeteilt:\u003C\u002Fp>\n\u003Ch3>Einführung\u003C\u002Fh3>\n\u003Cp>Im Abschnitt \u003Ca href=\"https:\u002F\u002Fwww.accessibility-developer-guide.com\u002Fintroduction\u002F\">«Einführung»\u003C\u002Fa> wird erklärt, welchen Zweck der Guide verfolgt, wie er sich nutzen lässt und wer an der Entwicklung beteiligt ist.\u003C\u002Fp>\n\u003Ch3>Setup\u003C\u002Fh3>\n\u003Cp>Wer seriös barrierefreie Websites entwickeln will, muss sicherstellen, dass das Resultat mit Eingabe- und Ausgabegeräten wie Screen-Readern, Braille-Displays, Voice-Steuerungen, Keyboards und vielen mehr funktioniert. Praktischerweise muss man die entsprechenden Geräte nicht selbst besitzen sondern kann sie dank Tools auch simulieren. Der Abschnitt \u003Ca href=\"https:\u002F\u002Fwww.accessibility-developer-guide.com\u002Fsetup\u002F\">«Setup»\u003C\u002Fa> erklärt ausführlich, wie die passenden Tools installiert und konfiguriert werden.\u003C\u002Fp>\n\u003Ch3>Wissen\u003C\u002Fh3>\n\u003Cp>Bevor es mit den Beispielen in den praktischen Teil der Entwicklung von barrierefreien Websites geht, sollte man sich zuerst einen Grundstock an theoretischem Wissen zum Thema anlegen. Der Abschnitt \u003Ca href=\"https:\u002F\u002Fwww.accessibility-developer-guide.com\u002Fknowledge\u002F\">«Wissen»\u003C\u002Fa> ist dafür die perfekte Quelle und behandelt die Bereiche HTML und die Wichtigkeit von Semantik sowie Accessible Rich Internet Applications (ARIA). Ausserdem beinhaltet der Abschnitt weitreichendes Wissen zur ausschliesslich tastaturbasierten Nutzung von Websites und der Interaktion mithilfe von Desktop-Screen-Readern.\u003C\u002Fp>\n\u003Ch3>Beispiele\u003C\u002Fh3>\n\u003Cp>Der letze Abschnitt des Guides ist ganz den \u003Ca href=\"https:\u002F\u002Fwww.accessibility-developer-guide.com\u002Fexamples\u002F\">Beispielen\u003C\u002Fa> gewidmet. Die Autoren haben bei den Beispielen besonderes Augenmerk auf die Einsetzbarkeit in realen Szenarien gelegt. So können die Code-Schnipsel direkt zu \u003Ca href=\"https:\u002F\u002Fcodepen.io\u002F\">Codepen\u003C\u002Fa> exportiert werden, wo sich mit den Beispielen direkt im Browser experimentieren lässt. Ausserdem sind alle Beispiele gründlich von Test-Experten und mit den zurzeit relevanten Hilfsgeräten auf Herz und Nieren geprüft. Zusätzlich sind die Beispiele auch mit künftig relevanten Hilfsgeräten getestet und so auch in einigen Jahren noch sinnvoll einsetzbar.\u003C\u002Fp>\n\u003Ch2>Mitmachen und auf dem Laufenden bleiben\u003C\u002Fh2>\n\u003Cp>Mit dem Launch-Event ist der ADG in die Freiheit entlassen worden. Im Guide steckt eine Menge Erfahrung, die sich alle Beteiligten über viele Jahre erarbeitet haben. Auf \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAccess4all\u002Fadg\u002F\">Github\u003C\u002Fa> können Sie sich aktiv an der Weiterentwicklung des Projekts beteiligen. Und auch auf den sozialen Medien ist die Accessibility Alliance aktiv. Folgen Sie der Allianz auf \u003Ca href=\"https:\u002F\u002Fx.com\u002FA11yDevGuide\">Twitter\u003C\u002Fa> und \u003Ca href=\"https:\u002F\u002Fwww.facebook.com\u002Flogin\u002F?next=https%3A%2F%2Fwww.facebook.com%2FAccessibilityDeveloperGuide\">Facebook\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Übrigens: An der \u003Ca href=\"https:\u002F\u002Ffrontconference.com\u002F\">Frontend Conference 2018\u003C\u002Fa> hält Joshua Muheim einen Workshop zum Thema «Accessible autocomplete widgets that work for all». Mit dem Gutschein-Code ADG50FEC18 erhalten Sie 50% Rabatt auf die Kurskosten.\u003C\u002Fp>\n","2018-06-22T16:36:08","2025-02-20T14:57:28","publish",{"nodes":419},[420],{"id":421,"name":422},"dGVybTo2NzA1","Entwicklung & Performance",{"fullHead":424,"metaDesc":425,"metaRobotsNofollow":426,"metaRobotsNoindex":427,"title":413,"opengraphModifiedTime":428,"opengraphImage":429},"\u003C!-- This site is optimized with the Yoast SEO Premium plugin  - https:\u002F\u002Fyoast.com\u002Fproduct\u002Fyoast-seo-premium-wordpress\u002F -->\n\u003Cmeta name=\"description\" content=\"Der Accessibility Developer Guide (ADG) ist die neue, praxisnahe Referenz für Frontend-Entwickler, die barrierefreie Websites erstellen wollen.\" \u002F>\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Faccessibility-developer-guide\" \u002F>\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" \u002F>\n\u003Cmeta property=\"og:type\" content=\"article\" \u002F>\n\u003Cmeta property=\"og:title\" content=\"Accessibility Developer Guide: Neue Referenz für barrierefreie Websites\" \u002F>\n\u003Cmeta property=\"og:description\" content=\"Der Accessibility Developer Guide (ADG) ist die neue, praxisnahe Referenz für Frontend-Entwickler, die barrierefreie Websites erstellen wollen.\" \u002F>\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Faccessibility-developer-guide\" \u002F>\n\u003Cmeta property=\"og:site_name\" content=\"cyon-Blog\" \u002F>\n\u003Cmeta property=\"article:publisher\" content=\"https:\u002F\u002Fwww.facebook.com\u002Fcyonhosting\" \u002F>\n\u003Cmeta property=\"article:published_time\" content=\"2018-06-22T14:36:08+00:00\" \u002F>\n\u003Cmeta property=\"article:modified_time\" content=\"2025-02-20T13:57:28+00:00\" \u002F>\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2018\u002F06\u002Fadg-fb.png\" \u002F>\n\t\u003Cmeta property=\"og:image:width\" content=\"1200\" \u002F>\n\t\u003Cmeta property=\"og:image:height\" content=\"630\" \u002F>\n\t\u003Cmeta property=\"og:image:type\" content=\"image\u002Fpng\" \u002F>\n\u003Cmeta name=\"author\" content=\"Philipp Zeder\" \u002F>\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" \u002F>\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2018\u002F06\u002Fadg-tw-card.png\" \u002F>\n\u003Cmeta name=\"twitter:creator\" content=\"@zedpelin\" \u002F>\n\u003Cmeta name=\"twitter:site\" content=\"@cyon\" \u002F>\n\u003Cmeta name=\"twitter:label1\" content=\"Verfasst von\" \u002F>\n\t\u003Cmeta name=\"twitter:data1\" content=\"Philipp Zeder\" \u002F>\n\t\u003Cmeta name=\"twitter:label2\" content=\"Geschätzte Lesezeit\" \u002F>\n\t\u003Cmeta name=\"twitter:data2\" content=\"3 Minuten\" \u002F>\n\u003Cscript type=\"application\u002Fld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#article\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide\"},\"author\":{\"name\":\"Philipp Zeder\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\"},\"headline\":\"Accessibility Developer Guide: Neue Referenz für barrierefreie Websites\",\"datePublished\":\"2018-06-22T14:36:08+00:00\",\"dateModified\":\"2025-02-20T13:57:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide\"},\"wordCount\":610,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2018\\\u002F06\\\u002Fadg.png\",\"keywords\":[\"Accessibility\",\"Browser\",\"CSS\",\"HTML\",\"W3C\"],\"articleSection\":[\"Entwicklung &amp; Performance\"],\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide\",\"name\":\"Accessibility Developer Guide: Neue Referenz für barrierefreie Websites\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#primaryimage\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2018\\\u002F06\\\u002Fadg.png\",\"datePublished\":\"2018-06-22T14:36:08+00:00\",\"dateModified\":\"2025-02-20T13:57:28+00:00\",\"description\":\"Der Accessibility Developer Guide (ADG) ist die neue, praxisnahe Referenz für Frontend-Entwickler, die barrierefreie Websites erstellen wollen.\",\"breadcrumb\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#primaryimage\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2018\\\u002F06\\\u002Fadg.png\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2018\\\u002F06\\\u002Fadg.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Faccessibility-developer-guide#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibility Developer Guide: Neue Referenz für barrierefreie Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"name\":\"cyon-Blog\",\"description\":\"Herzlich. Nachhaltig. Schnell. Sicher. Ästhetisch. Unser Blog - Deine Plattform für inspirierende Hosting-News.\",\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\",\"name\":\"cyon\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"width\":939,\"height\":938,\"caption\":\"cyon\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\"},\"sameAs\":[\"https:\\\u002F\\\u002Fwww.facebook.com\\\u002Fcyonhosting\",\"https:\\\u002F\\\u002Fx.com\\\u002Fcyon\",\"https:\\\u002F\\\u002Fswiss.social\\\u002F@cyon\",\"https:\\\u002F\\\u002Finstagram.com\\\u002Fcyon.ch\\\u002F\",\"https:\\\u002F\\\u002Fwww.linkedin.com\\\u002Fcompany\\\u002F1876493\\\u002F\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\",\"name\":\"Philipp Zeder\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"caption\":\"Philipp Zeder\"},\"sameAs\":[\"https:\\\u002F\\\u002Fx.com\\\u002Fzedpelin\"]}]}\u003C\u002Fscript>\n\u003C!-- \u002F Yoast SEO Premium plugin. -->","Der Accessibility Developer Guide (ADG) ist die neue, praxisnahe Referenz für Frontend-Entwickler, die barrierefreie Websites erstellen wollen.","follow","index","2025-02-20T13:57:28+00:00",{"mediaItemUrl":430},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2018\u002F06\u002Fadg-fb.png",{"node":432},{"id":433,"email":434,"name":435,"avatar":436},"dXNlcjox","pz@cyon.ch","Philipp Zeder",{"url":437,"height":380,"width":380},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2025\u002F03\u002Fcropped-pz-avatar-96x96.jpeg",{"nodes":439},[440,455],{"author":441,"content":449,"date":450,"dateGmt":451,"parentId":12,"databaseId":452,"replies":453},{"node":442},{"id":443,"email":444,"name":445,"avatar":446,"__typename":448},"Y29tbWVudF9hdXRob3I6MTc3NTgy","sutanet@sutanet.ch","Susanne",{"url":447,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fc8b2ce28d3630ab858da4e0664099ec4927976890f2ca992a956496501a45bef?s=96&d=mm&r=g","CommentAuthor","\u003Cp>Das Firefox-Entwicklertool muss man wie folgt aktivieren:\u003Cbr \u002F>\nauf einer beliebigen Website rechte Maustaste, Element untersuchen (es öffnet sich unten die Inspector-Konsole).\u003Cbr \u002F>\nGanz rechts bei den 3 Punkten klicken und &#171;Einstellungen&#187; auswählen, dann links bei den Standard-Entwicklerwerkzeugen ganz unten &#171;Barrierefreiheit&#187; anhaken, nun erscheint oben ein neuer Menupunkt &#171;Barrierefreiheit&#187; und beim ersten Mal erscheint noch ein Dialog zum Aktivieren des Tools.\u003Cbr \u002F>\nBei mir klappte das so. :-)\u003C\u002Fp>\n","2018-07-05 18:18:02","2018-07-05 16:18:02",177582,{"nodes":454},[],{"author":456,"content":463,"date":464,"dateGmt":465,"parentId":12,"databaseId":466,"replies":467},{"node":457},{"id":458,"email":459,"name":460,"avatar":461,"__typename":448},"Y29tbWVudF9hdXRob3I6MTc3NTY4","hiyinumaf@larjem.com","Fennec",{"url":462,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fca6a2bc69d4054596c82214c63c0eab760cf6f3ef503f706c723866f8312c900?s=96&d=mm&r=g","\u003Cp>Und passend dazu gibt es im Firefox 61 den Accessibility Inspector in den Entwicklertools:\u003Cbr \u002F>\n\u003Ca href=\"https:\u002F\u002Fwww.marcozehe.de\u002F2018\u002F04\u002F11\u002Fintroducing-the-accessibility-inspector-in-the-firefox-developer-tools\u002F\" rel=\"nofollow ugc\">https:\u002F\u002Fwww.marcozehe.de\u002F2018\u002F04\u002F11\u002Fintroducing-the-accessibility-inspector-in-the-firefox-developer-tools\u002F\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>(Firefox 61 wird am Dienstag, 26. Juni veröffentlicht.)\u003C\u002Fp>\n","2018-06-24 14:30:25","2018-06-24 12:30:25",177568,{"nodes":468},[469],{"author":470,"content":474,"date":475,"dateGmt":476,"parentId":477,"databaseId":478,"replies":479},{"node":471},{"id":433,"email":434,"name":435,"avatar":472,"__typename":473},{"url":437},"User","\u003Cp>Herzlichen Dank für den Link ?\u003C\u002Fp>\n","2018-06-26 15:18:23","2018-06-26 13:18:23","Y29tbWVudDoxNzc1Njg=",177569,{"nodes":480},[]]