[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"global":3,"main-menu-products":18,"footer-navigation":171,"main-menu-blog-posts":339,"blog-post-barrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest":391},[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},"",{"productsEntries":19,"productMetaMenuSections":126,"aboutEntries":130,"aboutMenuSections":166},[20,31,40,49,59,69,80,88,108,119],{"__typename":21,"title":22,"uri":23,"color":24,"subtitle":25,"productMenuSection":26,"productIcon":28},"productPageHostings_Entry","Webhosting","hosting\u002Fwebhosting","cherry","Alles, was deine Website braucht",[27],"hosting",[29],{"url":30},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fcherry.svg",{"__typename":21,"title":32,"uri":33,"color":34,"subtitle":35,"productMenuSection":36,"productIcon":37},"Webhosting Pro","hosting\u002Fwebhosting-pro","plum","Mehr Power für anspruchsvolle Webprojekte",[27],[38],{"url":39},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fplum.svg",{"__typename":21,"title":41,"uri":42,"color":43,"subtitle":44,"productMenuSection":45,"productIcon":46},"Sitebuilder","hosting\u002Fsitebuilder","strawberry","Deine eigene Website, überraschend einfach gemacht.",[27],[47],{"url":48},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fstrawberry.svg",{"__typename":21,"title":50,"uri":51,"color":52,"subtitle":53,"productMenuSection":54,"productIcon":56},"Managed Server","server\u002Fmanaged-server","pear","Dein eigener Server. Wir kümmern uns um den Rest.",[55],"server",[57],{"url":58},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fpear.svg",{"__typename":60,"title":61,"uri":62,"color":63,"subtitle":64,"productMenuSection":65,"productIcon":66},"productPageAgency_Entry","Agency Server","server\u002Fagency-server","grape","Deine Kundschaft, dein Server.",[55],[67],{"url":68},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fgrape.svg",{"__typename":70,"title":71,"uri":72,"color":73,"subtitle":74,"productMenuSection":75,"productIcon":77},"productPageDomain_Entry","Domains","domains\u002Fdomain-kaufen","bee","Alles beginnt mit deiner Domain",[76],"domains",[78],{"url":79},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fbee.svg",{"__typename":21,"title":81,"uri":82,"color":73,"subtitle":83,"productMenuSection":84,"productIcon":85},"Domain transferieren","domains\u002Fdomain-transferieren","Gönn deiner Domain ein schöneres Zuhause",[76],[86],{"url":87},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fflower.svg",{"__typename":89,"title":90,"uri":91,"metaMenuTitle":92,"iconSelect":95,"productMenuSection":96,"directLink":97},"productPageMeta_Entry","my.cyon: Ein Login für alles","hosting\u002Fmy-cyon",[93],{"title":94},"Services","apps",[27,55,76],{"__typename":98,"type":99,"label":12,"link":100,"url":101,"urlSuffix":12,"entry":102},"LinkData","entry","\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":103,"uri":91,"slug":104,"title":90,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"5322","my-cyon",true,"productPageMeta","products",{"__typename":89,"title":109,"uri":110,"metaMenuTitle":111,"iconSelect":113,"productMenuSection":114,"directLink":115},"Umzugsservice","hosting\u002Fumzug",[112],{"title":94},"rocket",[27,55],{"__typename":98,"type":116,"label":12,"link":117,"url":118,"urlSuffix":12,"entry":12},"url","\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":89,"title":120,"uri":121,"metaMenuTitle":122,"iconSelect":124,"productMenuSection":125,"directLink":12},"https:\u002F\u002F für alle","hosting\u002Fssl",[123],{"title":94},"certificate",[27,55],[127,128],{"title":94},{"title":129},"Preise",[131,137,143,148,154,159],{"label":132,"uri":133,"aboutMenuTitle":134,"iconSelect":136,"directLink":12},"Über cyon","ueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",[135],{"title":132},"mood-smile",{"label":138,"uri":139,"aboutMenuTitle":140,"iconSelect":142,"directLink":12},"Team","ueber-cyon\u002Fteam",[141],{"title":132},"users-group",{"label":144,"uri":145,"aboutMenuTitle":146,"iconSelect":136,"directLink":12},"Arbeiten bei cyon","ueber-cyon\u002Fjobs",[147],{"title":132},{"label":149,"uri":150,"aboutMenuTitle":151,"iconSelect":153,"directLink":12},"Geschichte","ueber-cyon\u002Fgeschichte",[152],{"title":132},"file-description",{"label":155,"uri":156,"aboutMenuTitle":157,"iconSelect":95,"directLink":12},"Partner*innen","ueber-cyon\u002Fpartner",[158],{"title":132},{"label":160,"uri":161,"aboutMenuTitle":162,"iconSelect":165,"directLink":12},"Nachhaltigkeit","ueber-cyon\u002Fnachhaltigkeit",[163],{"title":164},"Verantwortung & Vertrauen","leaf",[167,168,169],{"title":132},{"title":164},{"title":170},"Team & Kultur",{"footerNavigation":172,"googleRating":334},{"footerMenu":173},[174,213,231,253,276,315],{"title":175,"footerMenuItems":176},"Hosting",[177,185,192,199,206],{"title":22,"footerMenuItemLink":178},{"__typename":98,"type":99,"label":12,"link":179,"url":180,"urlSuffix":12,"entry":181},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting\">Webhosting\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting",{"id":182,"uri":23,"slug":183,"title":22,"enabled":105,"typeHandle":184,"sectionHandle":107,"__typename":21},"736","webhosting","productPageHostings",{"title":32,"footerMenuItemLink":186},{"__typename":98,"type":99,"label":12,"link":187,"url":188,"urlSuffix":12,"entry":189},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro\">Webhosting Pro\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro",{"id":190,"uri":33,"slug":191,"title":32,"enabled":105,"typeHandle":184,"sectionHandle":107,"__typename":21},"5348","webhosting-pro",{"title":41,"footerMenuItemLink":193},{"__typename":98,"type":99,"label":12,"link":194,"url":195,"urlSuffix":12,"entry":196},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder\">Sitebuilder\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder",{"id":197,"uri":42,"slug":198,"title":41,"enabled":105,"typeHandle":184,"sectionHandle":107,"__typename":21},"5360","sitebuilder",{"title":120,"footerMenuItemLink":200},{"__typename":98,"type":99,"label":12,"link":201,"url":202,"urlSuffix":12,"entry":203},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl\">https:\u002F\u002F für alle\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl",{"id":204,"uri":121,"slug":205,"title":120,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4388","ssl",{"title":109,"footerMenuItemLink":207},{"__typename":98,"type":99,"label":12,"link":208,"url":209,"urlSuffix":12,"entry":210},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug\">Umzugsservice\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug",{"id":211,"uri":110,"slug":212,"title":109,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4365","umzug",{"title":214,"footerMenuItems":215},"Server",[216,223],{"title":50,"footerMenuItemLink":217},{"__typename":98,"type":99,"label":12,"link":218,"url":219,"urlSuffix":12,"entry":220},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server\">Managed Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server",{"id":221,"uri":51,"slug":222,"title":50,"enabled":105,"typeHandle":184,"sectionHandle":107,"__typename":21},"5355","managed-server",{"title":61,"footerMenuItemLink":224},{"__typename":98,"type":99,"label":12,"link":225,"url":226,"urlSuffix":12,"entry":227},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server\">Agency Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server",{"id":228,"uri":62,"slug":229,"title":61,"enabled":105,"typeHandle":230,"sectionHandle":107,"__typename":60},"1444","agency-server","productPageAgency",{"title":71,"footerMenuItems":232},[233,241,248],{"title":71,"footerMenuItemLink":234},{"__typename":98,"type":99,"label":12,"link":235,"url":236,"urlSuffix":12,"entry":237},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen\">Domains\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen",{"id":238,"uri":72,"slug":239,"title":71,"enabled":105,"typeHandle":240,"sectionHandle":107,"__typename":70},"3330","domain-kaufen","productPageDomain",{"title":81,"footerMenuItemLink":242},{"__typename":98,"type":99,"label":12,"link":243,"url":244,"urlSuffix":12,"entry":245},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren\">Domain transferieren\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren",{"id":246,"uri":82,"slug":247,"title":81,"enabled":105,"typeHandle":184,"sectionHandle":107,"__typename":21},"4114","domain-transferieren",{"title":249,"footerMenuItemLink":250},"Alle Domains",{"__typename":98,"type":116,"label":12,"link":251,"url":252,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fdomains\u002Falle-domains\">\u002Fdomains\u002Falle-domains\u003C\u002Fa>","\u002Fdomains\u002Falle-domains",{"title":254,"footerMenuItems":255},"Support",[256,261,266,271],{"title":257,"footerMenuItemLink":258},"Support Center",{"__typename":98,"type":116,"label":12,"link":259,"url":260,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\">\u002Fsupport\u003C\u002Fa>","\u002Fsupport",{"title":262,"footerMenuItemLink":263},"E-Mail Zauberer",{"__typename":98,"type":116,"label":12,"link":264,"url":265,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\u002Fmailwizard\">\u002Fsupport\u002Fmailwizard\u003C\u002Fa>","\u002Fsupport\u002Fmailwizard",{"title":267,"footerMenuItemLink":268},"my.cyon",{"__typename":98,"type":116,"label":12,"link":269,"url":270,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fmy.cyon.ch\u002F\">my.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fmy.cyon.ch\u002F",{"title":272,"footerMenuItemLink":273},"Webmail",{"__typename":98,"type":116,"label":12,"link":274,"url":275,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fwebmail.cyon.ch\u002F\">webmail.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fwebmail.cyon.ch\u002F",{"title":277,"footerMenuItems":278},"Über uns",[279,290,298,305,307,308,310],{"title":280,"footerMenuItemLink":281},"Warum cyon",{"__typename":98,"type":99,"label":12,"link":282,"url":283,"urlSuffix":12,"entry":284},"\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":285,"uri":133,"slug":286,"title":287,"enabled":105,"typeHandle":288,"sectionHandle":288,"__typename":289},"2016","cyon-macht-das-internet-zu-einem-besseren-ort","cyon macht das Internet zu einem besseren Ort","about","about_Entry",{"title":138,"footerMenuItemLink":291},{"__typename":98,"type":99,"label":12,"link":292,"url":293,"urlSuffix":12,"entry":294},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam\">Das cyon-Team\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam",{"id":295,"uri":139,"slug":296,"title":297,"enabled":105,"typeHandle":288,"sectionHandle":288,"__typename":289},"2029","team","Das cyon-Team",{"title":144,"footerMenuItemLink":299},{"__typename":98,"type":99,"label":12,"link":300,"url":301,"urlSuffix":12,"entry":302},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs\">Arbeiten bei cyon\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs",{"id":303,"uri":145,"slug":304,"title":144,"enabled":105,"typeHandle":288,"sectionHandle":288,"__typename":289},"3760","jobs",{"title":306,"footerMenuItemLink":12},"Sicherheit & Datenschutz",{"title":160,"footerMenuItemLink":12},{"title":309,"footerMenuItemLink":12},"Engagement",{"title":311,"footerMenuItemLink":312},"Blog",{"__typename":98,"type":116,"label":12,"link":313,"url":314,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fblog\">\u002Fblog\u003C\u002Fa>","\u002Fblog",{"title":316,"footerMenuItems":317},"Rechtliches",[318,330,332],{"title":319,"footerMenuItemLink":320},"AGB",{"__typename":98,"type":99,"label":12,"link":321,"url":322,"urlSuffix":12,"entry":323},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb\">AGB\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb",{"id":324,"uri":325,"slug":326,"title":319,"enabled":105,"typeHandle":327,"sectionHandle":328,"__typename":329},"6225","legal\u002Fagb","agb","legalPage","legalPages","legalPage_Entry",{"title":331,"footerMenuItemLink":12},"Datenschutzerklärung",{"title":333,"footerMenuItemLink":12},"Impressum",{"heroContent":335},{"__typename":336,"googleRating":337},"heroContent_ContentBlock",{"stars":338},4.8,[340,366],{"title":341,"commentCount":342,"categories":343,"slug":348,"excerpt":349,"featuredImage":350,"seo":353,"author":356,"date":364,"id":365},"Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet",0,{"nodes":344},[345],{"id":346,"name":347},"dGVybTo2NzAx","Internet & Recht","barrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest","\u003Cp>Ein Gastbeitrag von Thinh-Lay Wonesky, Spezialistin für digitale Barrierefreiheit. Keine weitere Überschrift anklickbar Grafik ohne Label Wenn du fehlende Bildbeschreibungen abrufen möchtest, öffne das Kontextmenü. Einzelperson Auswahlschalter Nicht aktiviert 1 von 2 Mehrere Personen Auswahlschalter Nicht aktiviert 2 von 2 Bitte wählen Kombinationsfeld Bitte wählen eingeklappt Liste öffnen Bitte wählen Kombinationsfeld Bitte wählen eingeklappt Liste […]\u003C\u002Fp>\n",{"node":351},{"sourceUrl":352},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit.jpg",{"opengraphImage":354},{"mediaItemUrl":355},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit-fb-li.jpg",{"node":357},{"id":358,"name":359,"email":360,"avatar":361},"dXNlcjo0Nw==","Thinh-Lay Wonesky","mail@allerlay.ch",{"url":362,"height":363,"width":363},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Ff6c773181480290e0e0bda7a1c64e9be55fe4a8d9e65cd58ab1a0c727bed5a5d?s=96&d=mm&r=g",96,"2026-05-12T09:52:26","cG9zdDoyMjY0Mg==",{"title":367,"commentCount":368,"categories":369,"slug":374,"excerpt":375,"featuredImage":376,"seo":379,"author":382,"date":389,"id":390},"Phishing mit AI: Warum man heute am besten «niemandem mehr traut»",3,{"nodes":370},[371,373],{"id":372,"name":311},"dGVybTozNQ==",{"id":346,"name":347},"phishing-mit-ai-warum-man-heute-am-besten-niemandem-mehr-traut","\u003Cp>Ein Gastbeitrag von Rainer Kessler, Experte für Cybersecurity & Artificial-Intelligence Safety. Wer bei Phishing an schlechtes Deutsch, schiefe Formulierungen und offensichtliche Betrugsversuche denkt, hat noch ein altes Bild im Kopf. Heute sieht die Realität oft anders aus. Phishing wirkt professioneller als früher. Nicht unbedingt, weil Angreifer plötzlich viel raffinierter geworden wären. Sondern weil ihnen Werkzeuge […]\u003C\u002Fp>\n",{"node":377},{"sourceUrl":378},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fcyon-phishing-KI.jpg",{"opengraphImage":380},{"mediaItemUrl":381},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fphishing-mit-ai-fb-li.jpg",{"node":383},{"id":384,"name":385,"email":386,"avatar":387},"dXNlcjo0Ng==","Rainer Kessler","rainer.kessler@fhnw.ch",{"url":388,"height":363,"width":363},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fcropped-Rainer_Kessler_casual_nbg-96x96.png","2026-04-16T09:28:31","cG9zdDoyMjU4OA==",{"id":365,"databaseId":392,"slug":348,"title":341,"content":393,"date":364,"modified":394,"commentCount":342,"status":395,"featuredImage":396,"categories":398,"seo":401,"author":409,"comments":412},22642,"\u003Cp>\u003Cem>Ein Gastbeitrag von \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fallerlay\u002F\" target=\"_blank\" rel=\"noopener\">Thinh-Lay Wonesky\u003C\u002Fa>, Spezialistin für digitale Barrierefreiheit.\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22648 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fcyon-blog-barrierenfreiheit-screenshot-screenreader.png\" alt=\"Screenshot des NVDA-Sprachbetrachters. Der Screenreader liest vor: «Eingabefeld Leer», «einfach Auswahlschalter aktiviert 1 von 3», sechsmal «Keine weitere Überschrift», erneut «Eingabefeld Leer», sowie «TT.MM.JJJJ Kombinationsfeld eingeklappt einstellbar Dialogfeld öffnen Leer». Das Formular enthält keine beschreibenden Labels.\" width=\"1112\" height=\"496\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fcyon-blog-barrierenfreiheit-screenshot-screenreader.png 1112w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fcyon-blog-barrierenfreiheit-screenshot-screenreader-576x257.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fcyon-blog-barrierenfreiheit-screenshot-screenreader-600x268.png 600w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fcyon-blog-barrierenfreiheit-screenshot-screenreader-768x343.png 768w\" sizes=\"auto, (max-width: 1112px) 100vw, 1112px\" \u002F>\u003C\u002Fp>\n\u003Cdiv id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n\u003Cdiv class=\"ez-toc-title-container\">\u003Cp class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt dieses Beitrags:\u003C\u002Fp>\n\u003C\u002Fdiv>\u003Cnav>\u003Cul class='ez-toc-list ez-toc-list-level-1 ' >\u003Cul class='ez-toc-list-level-3' >\u003Cli class='ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-1\" href=\"#TLDR_%E2%80%93_Vier_Schritte_zur_Barrierefreiheit\" >TL;DR – Vier Schritte zur Barrierefreiheit\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-2\" href=\"#Was_ist_der_EAA_und_was_hat_die_Schweiz_damit_zu_tun\" >Was ist der EAA und was hat die Schweiz damit zu tun?\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-3\" href=\"#Die_haeufigsten_Baustellen_im_Projektalltag\" >Die häufigsten Baustellen im Projektalltag\u003C\u002Fa>\u003Cul class='ez-toc-list-level-3' >\u003Cli class='ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-4\" href=\"#1_Fehlende_semantische_Strukturen\" >1.  Fehlende semantische Strukturen\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-5\" href=\"#2_Schlechte_Farbkontraste\" >2.  Schlechte Farbkontraste\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-6\" href=\"#3_Fehlende_Label-Verknuepfung_bei_Formularen\" >3.  Fehlende Label-Verknüpfung bei Formularen\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-7\" href=\"#4_Fehlende_Tastaturbedienbarkeit\" >4.  Fehlende Tastaturbedienbarkeit\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-8\" href=\"#5_Das_Zwei-Sinne-Prinzip\" >5.  Das Zwei-Sinne-Prinzip\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-9\" href=\"#Wie_lassen_sich_diese_Barrieren_vermeiden_oder_beheben\" >Wie lassen sich diese Barrieren vermeiden oder beheben?\u003C\u002Fa>\u003Cul class='ez-toc-list-level-3' >\u003Cli class='ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-10\" href=\"#Schritt_1_Audit\" >Schritt 1: Audit\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-11\" href=\"#Schritt_2_Priorisieren\" >Schritt 2: Priorisieren\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-12\" href=\"#Schritt_3_Umsetzen\" >Schritt 3: Umsetzen\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-13\" href=\"#Schritt_4_Erneut_Testen\" >Schritt 4: Erneut Testen\u003C\u002Fa>\u003C\u002Fli>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-3'>\u003Ca class=\"ez-toc-link ez-toc-heading-14\" href=\"#Fazit\" >Fazit\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fnav>\u003C\u002Fdiv>\n\n\u003Cp>\u003Ccode>Keine weitere Überschrift anklickbar\u003Cbr \u002F>\nGrafik ohne Label\u003Cbr \u002F>\nWenn du fehlende Bildbeschreibungen abrufen möchtest, öffne das Kontextmenü.\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>\u003Ccode>Einzelperson Auswahlschalter Nicht aktiviert 1 von 2\u003Cbr \u002F>\nMehrere Personen Auswahlschalter Nicht aktiviert 2 von 2\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>\u003Ccode>Bitte wählen Kombinationsfeld Bitte wählen eingeklappt Liste öffnen\u003Cbr \u002F>\nBitte wählen Kombinationsfeld Bitte wählen eingeklappt Liste öffnen\u003Cbr \u002F>\nz.B. 8000 Kombinationsfeld eingeklappt mit AutoVervollständigung einstellbar Leer\u003Cbr \u002F>\nEingabefeld Leer\u003Cbr \u002F>\nTT.MM.JJJJ Kombinationsfeld eingeklappt einstellbar Dialogfeld öffnen Leer\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>Vermutlich hast du nach ein paar Zeilen gemerkt, dass es sich um ein Formular handelt. Doch wenn es darum geht, es auszufüllen, beginnt das Ratespiel. Nicht nur für dich.\u003C\u002Fp>\n\u003Cp>Was soll in das erste «Bitte wählen»? Was ins zweite? Welche Postleitzahl ist gemeint, welches Datum? Das Formular gibt keine Antworten. Es schweigt.\u003C\u002Fp>\n\u003Cp>Das ist kein konstruiertes Worst-Case-Szenario. Es ist ein echter Transkript von dem, was blinde Personen hören, aufgerufen auf der öffentlich zugänglichen Website einer Schweizer Versicherung. Der Screenreader liest vor, was im Code steht. Und im Code stehen keine Labels.\u003C\u002Fp>\n\u003Cp>Ein anderes Beispiel. Auf einer Newsseite passiert nach mehrmaligem Drücken der Taste H folgendes:\u003C\u002Fp>\n\u003Cp>\u003Ccode>Keine weitere Überschrift\u003Cbr \u002F>\nKeine weitere Überschrift\u003Cbr \u002F>\nKeine weitere Überschrift\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>Screenreader-Nutzende verwenden beim Aufrufen einer neuen Website gerne Tastaturkürzel, um sich schnell zu orientieren. Die Taste H springt von Überschrift zu Überschrift, damit Nutzende eine Seite querlesen können. Die aufgerufene News-Website hat visuell durchaus Überschriften. Gross, fett, prominent. Doch auf Code-Ebene sind es schlicht keine. Vielleicht wurde \u003Ccode><div class=\"titel\">\u003C\u002Fcode> verwendet statt \u003Ccode><h2>\u003C\u002Fcode>. Vielleicht hat ein CMS die Struktur geschluckt. Der Screenreader findet nichts, weil nichts da ist, was er finden könnte. Für jemanden, der mit dem Screenreader navigiert, ist die Seite ein einziger unstrukturierter Textblock.\u003C\u002Fp>\n\u003Cp>Wer hat diese Formulare gebaut? Wer hat entschieden, dass \u003Ccode><div class=\"titel\">\u003C\u002Fcode> reicht? Vermutlich niemand mit böser Absicht. Barrierefreiheit scheitert selten an Gleichgültigkeit, sondern meistens an fehlendem Wissen.\u003C\u002Fp>\n\u003Cp>Doch das Thema bekommt Druck von aussen. Seit Juni 2025 gilt in der EU der \u003Ca href=\"https:\u002F\u002Fcommission.europa.eu\u002Fstrategy-and-policy\u002Fpolicies\u002Fjustice-and-fundamental-rights\u002Fdisability\u002Feuropean-accessibility-act-eaa_en\">European Accessibility Act (EAA)\u003C\u002Fa>, in Deutschland umgesetzt als \u003Ca href=\"https:\u002F\u002Fbfsg-gesetz.de\u002F\">Barrierefreiheitsstärkungsgesetz (BFSG)\u003C\u002Fa>. Schweizer KMUs, die Kundinnen und Kunden in der EU bedienen oder für den deutschen Markt produzieren, sind davon nicht ausgenommen.\u003C\u002Fp>\n\u003Caside class=\"explanation\">\n\u003Ch3>\u003Cspan class=\"ez-toc-section\" id=\"TLDR_%E2%80%93_Vier_Schritte_zur_Barrierefreiheit\">\u003C\u002Fspan>TL;DR – Vier Schritte zur Barrierefreiheit\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>1. Audit: \u003C\u002Fstrong>Tools wie axe DevTools, WAVE oder Lighthouse zeigen einen ersten Überblick. Achtung: Automatische Scans finden nur rund 30 % aller Probleme. Keyboard-Navigation und Screenreader manuell testen.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>2. Priorisieren:\u003C\u002Fstrong> Was blockiert viele und ist schnell behebbar? Zuerst das. Formulare, Navigation und Fehlermeldungen sind meist am kritischsten.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>3. Umsetzen:\u003C\u002Fstrong> Barrierefreiheit ist Teamsache: Entwicklung, Design und Redaktion sind alle beteiligt.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>4. Erneut testen:\u003C\u002Fstrong> Maus weglegen, Tastatur nehmen, durch die Website navigieren. Ein grünes Lighthouse-Ergebnis reicht nicht.\u003C\u002Fp>\n\u003C\u002Faside>\n\u003Cdiv class=\"titel\">\n\u003Ch2 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Was_ist_der_EAA_und_was_hat_die_Schweiz_damit_zu_tun\">\u003C\u002Fspan>Was ist der EAA und was hat die Schweiz damit zu tun?\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp class=\"titel\">Der EAA verpflichtet Unternehmen, digitale Produkte und Dienstleistungen barrierefrei anzubieten. Konkret betrifft das E-Commerce, Banking, E-Books, Ticketing und digitale Kommunikationsdienste. In Deutschland ist der EAA seit Juni 2025 als Barrierefreiheitsstärkungsgesetz in Kraft.\u003C\u002Fp>\n\u003Cp class=\"titel\">Ausgenommen sind Kleinstunternehmen mit weniger als zehn Mitarbeitenden und unter zwei Millionen Franken Jahresumsatz. Für alle anderen gilt: Wer Produkte oder Dienstleistungen in EU-Länder verkauft, fällt unter den EAA. Und zwar unabhängig davon, wo das Unternehmen seinen Sitz hat.\u003C\u002Fp>\n\u003Cp class=\"titel\">«Barrierefrei» bedeutet dabei konkret: Websites und Apps müssen den \u003Ca href=\"https:\u002F\u002Fwww.w3.org\u002FTR\u002FWCAG21\u002F\">Web Content Accessibility Guidelines (WCAG) 2.1 auf Stufe AA\u003C\u002Fa> entsprechen. Das ist kein vages Qualitätsziel, sondern ein prüfbarer technischer Standard mit über fünfzig Erfolgskriterien.\u003C\u002Fp>\n\u003Ch2 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Die_haeufigsten_Baustellen_im_Projektalltag\">\u003C\u002Fspan>Die häufigsten Baustellen im Projektalltag\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp class=\"titel\">Barrierefreiheit wird oft mit schlechtem Design in Schwarz-Weiss, Screenreadern und Textwüsten ohne Bilder gleichgesetzt. Dabei trifft genau das Gegenteil zu. Barrierefreie Websites sind besser gestaltet, nicht schlechter. Sie helfen älteren Nutzenden mit nachlassender Sehkraft, Menschen mit motorischen Einschränkungen und jemandem, der das Video im Zug ohne Ton schaut. Die folgenden fünf Probleme begegnen im Projektalltag am häufigsten.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"1_Fehlende_semantische_Strukturen\">\u003C\u002Fspan>1.  Fehlende semantische Strukturen\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp>Visuell sieht die Seite strukturiert aus: grosse Titel, kleinere Zwischentitel, fliessender Text. Im Code findet sich ein Textbandwurm. Gross, farbig, oben, unten: Das alles interessiert den Screenreader nicht. Das Vorleseprogramm liest wie bereits erwähnt nur vor, was auf Code-Ebene korrekt ausgezeichnet ist. Wenn diese Strukturen fehlen, können Screenreader-Nutzende nicht von Überschrift zu Überschrift springen. Wenn Tabellen nicht über korrekte Spalten- und Zeilenüberschriften verfügen, müssen Nutzer:innen mühsam mit den Pfeiltasten navigieren, um die Daten zu verstehen. Und wenn eine Seite keinen Sprunglink anbietet, gibt es keinen Weg, die Navigation zu überspringen und direkt zum Hauptinhalt zu gelangen. Wer die Seite täglich besucht, hört so jedes Mal die vollständige Navigation von vorne.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"2_Schlechte_Farbkontraste\">\u003C\u002Fspan>2.  Schlechte Farbkontraste\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp>Hellgrauer Text auf weissem Hintergrund sieht minimalistisch aus. Im Büro mit gutem Monitor kaum ein Problem. Draussen in der Sonne, auf einem älteren Display oder mit einer Sehschwäche macht das schwache Kontrastverhältnis das Lesen eines Textes zur Geduldsprobe. Die WCAG schreiben ein Kontrastverhältnis von mindestens 4.5:1 für normalen Text vor. Mit Werkzeugen wie dem \u003Ca href=\"https:\u002F\u002Fvispero.com\u002Flp\u002Fcolor-contrast-checker\u002F\">Colour Contrast Analyser\u003C\u002Fa> kannst du das sekundenschnell messen. Aber Kontrast ist nicht alles. Das höchste mögliche Kontrastverhältnis beträgt 21:1, also Schwarz auf Weiss. Für Menschen mit bestimmten Sehbehinderungen kann diese Kombination stark blenden. Und Mindestkontraste gelten nicht nur für Text. Auch Bedienelemente wie Buttons, Eingabefelder und Icons müssen ausreichend kontrastreich sein.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"3_Fehlende_Label-Verknuepfung_bei_Formularen\">\u003C\u002Fspan>3.  Fehlende Label-Verknüpfung bei Formularen\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Das haben wir am Anfang gehört. Wenn ein Formularfeld nicht korrekt mit der Beschriftung verknüpft ist, sind diese Formulare für blinde Personen kaum ausfüllbar. Aber auch Nutzende ohne Hilfsmittel profitieren von korrekt verknüpften Labels. Wenn eine Beschriftung korrekt verknüpft ist, springt der Fokus direkt ins Feld, wenn man die Beschriftung anklickt oder auf einem Touchscreen antippt.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"4_Fehlende_Tastaturbedienbarkeit\">\u003C\u002Fspan>4.  Fehlende Tastaturbedienbarkeit\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Nicht alle Nutzenden verwenden eine Maus. Menschen mit motorischen Einschränkungen, Nutzende mit Tremor, aber auch Power-User navigieren per Tastatur. Wenn Buttons, Links oder Menüs per Tabulator-Taste nicht erreichbar sind, oder wenn jemand den Fokus-Rahmen per CSS entfernt hat, müssen Nutzende raten, welches Element sie gerade fokussiert haben. Tab, Tab, Tab und keine Ahnung, wo man gerade ist? Das Aufrufen des korrekten Links gleicht dann einem Link-Roulette.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22676 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit.jpg\" alt=\"Nahaufnahme einer Tastatur mit roten Pfeiltasten auf orangefarbigem Hintergrund.\" width=\"1200\" height=\"675\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit.jpg 1200w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit-576x324.jpg 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit-600x338.jpg 600w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit-768x432.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \u002F>\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"5_Das_Zwei-Sinne-Prinzip\">\u003C\u002Fspan>5.  Das Zwei-Sinne-Prinzip\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Informationen, die nur über einen Sinneskanal vermittelt werden, schliessen aus. Ein Erklärvideo ohne Untertitel erreicht niemanden, der sich in einer lauten Umgebung befindet, der gehörlos ist oder der die Sprache nicht gut versteht. Ein Podcast ohne Transkript ist für gehörlose Menschen schlicht nicht zugänglich. Eine komplexe Infografik ohne gleichwertige Textalternative ebenfalls nicht. Das Zwei-Sinne-Prinzip verlangt, dass Inhalte immer über mindestens zwei Kanäle zugänglich sind: Bild und Text, Ton und Untertitel.\u003C\u002Fp>\n\u003Ch2 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Wie_lassen_sich_diese_Barrieren_vermeiden_oder_beheben\">\u003C\u002Fspan>Wie lassen sich diese Barrieren vermeiden oder beheben?\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp class=\"titel\">Barrierefreiheit ist kein einmaliges Projekt, sondern ein Prozess. Sogenannte Accessibility-Overlays versprechen, eine Website mit einem einzigen Script barrierefrei zu machen. In der Praxis kollidieren sie mit Screenreadern, überlagern Inhalte und wiegen Betreiber in falscher Sicherheit. Ein einfaches Vier-Schritte-Modell hilft, den Einstieg zu strukturieren.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Schritt_1_Audit\">\u003C\u002Fspan>Schritt 1: Audit\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Um Barrieren zu beseitigen, musst du zuerst verstehen, was fehlt. Tools wie \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Faxe-devtools-web-accessib\u002Flhdoppojpmngadmnindnejefpokejbdd\">axe DevTools\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fwave.webaim.org\u002F\">WAVE\u003C\u002Fa> oder \u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Flighthouse?hl=de\">Lighthouse\u003C\u002Fa> liefern einen ersten Überblick. Aber Achtung: Automatische Scans finden nur etwa 30 Prozent aller Probleme. Der Rest braucht manuelle Prüfung. Keyboard-Navigation testen, Screenreader einschalten, Seite mit 200 Prozent Zoom laden, Formulare ausfüllen. Wer noch nie mit einem Screenreader gearbeitet hat, wird überrascht sein, wie anders sich eine vertraute Website anfühlt – oder besser: anhört.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Schritt_2_Priorisieren\">\u003C\u002Fspan>Schritt 2: Priorisieren\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Nicht alle Probleme sind gleich kritisch. Die zentrale Frage lautet: Was ist nutzungshindernd, was erschwert die Nutzung und was ist vielleicht nur ein Schönheitsfehler? Was viele blockiert und du schnell beheben kannst, solltest du zuerst beheben. Kritisch sind in der Regel Formulare, Navigation und Fehlermeldungen. Nicht alles, was im Audit auftaucht, muss sofort ins Backlog. Manche Probleme lösen sich durch eine redaktionelle Schulung, nicht durch Code.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Schritt_3_Umsetzen\">\u003C\u002Fspan>Schritt 3: Umsetzen\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Barrierefreiheit betrifft das gesamte Team. Entwickler:innen beheben Code-Probleme, das Design-Team überarbeitet Kontraste und Fokus-Styles, die Content-Redaktion schreibt Alternativtexte und strukturiert Inhalte mit echten Überschriften.\u003C\u002Fp>\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Schritt_4_Erneut_Testen\">\u003C\u002Fspan>Schritt 4: Erneut Testen\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Ein grünes Lighthouse-Ergebnis bedeutet nicht, dass die Website barrierefrei ist. Manuelles Testen heisst: Tastatur nehmen, Maus weglegen, durch die Website navigieren. Kommt man zu jedem Element? Ist der Fokus sichtbar? Kann man Formulare ausfüllen und absenden?\u003C\u002Fp>\n\u003Caside class=\"explanation\">\n\u003Ch3 class=\"titel\">\u003Cspan class=\"ez-toc-section\" id=\"Fazit\">\u003C\u002Fspan>Fazit\u003Cspan class=\"ez-toc-section-end\">\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp class=\"titel\">Barrierefreiheit ist ein weiter Begriff und kann überfordernd wirken. Aber der Einstieg ist kleiner, als man denkt. Mit kleinen Kurzchecks kannst du schnell prüfen, wo du stehst: Eine Browser-Extension installieren, die Tabulatortaste drücken, einen Kontrastprüfer öffnen. Das dauert keine Stunde und zeigt sofort, wo Stolperfallen bestehen. Wer das einmal gemacht hat, sieht Websites anders. Man hört das fehlende Label. Man spürt den unsichtbaren Fokus. Man liest den sinnlosen Linktext.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Barrierefreiheit ist kein Zustand, den man erreicht und abhakt. Sie ist eine Haltung, die man einnimmt. Sie schadet niemandem, der sie nicht braucht. Wenn sie fehlt, schliesst du jedoch Menschen aus, die auf Barrierefreiheit angewiesen sind.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Wer heute anfängt, hat einen Vorteil gegenüber allen, die warten. Nicht weil das BFSG droht. Sondern weil Websites, die für alle funktionieren, einfach bessere Websites sind.\u003C\u002Fp>\n\u003C\u002Faside>\n\u003Cp>Habt ihr schon mal die Tabulatortaste auf eurer eigenen Website gedrückt? Was habt ihr gefunden? Schreibt es in die Kommentare.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp>Titelbild: \u003Ca href=\"https:\u002F\u002Funsplash.com\u002Fde\u002F@lishakov\">Andrej Lišakov\u003C\u002Fa> \u002F Unsplash\u003C\u002Fp>\n","2026-05-12T10:19:45","publish",{"node":397},{"sourceUrl":352},{"nodes":399},[400],{"id":346,"name":347},{"fullHead":402,"metaDesc":403,"metaRobotsNofollow":404,"metaRobotsNoindex":405,"title":406,"opengraphModifiedTime":407,"opengraphImage":408},"\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=\"Fehlende Labels, unsichtbarer Fokus, keine Überschriftenstruktur: So erleben blinde Nutzende deine Website. Mit 4 Schritten zur barrierefreien Umsetzung.\" \u002F>\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\" \u002F>\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" \u002F>\n\u003Cmeta property=\"og:type\" content=\"article\" \u002F>\n\u003Cmeta property=\"og:title\" content=\"Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet\" \u002F>\n\u003Cmeta property=\"og:description\" content=\"Fehlende Labels, unsichtbarer Fokus, keine Überschriftenstruktur: So erleben blinde Nutzende deine Website. Mit 4 Schritten zur barrierefreien Umsetzung.\" \u002F>\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\" \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=\"2026-05-12T07:52:26+00:00\" \u002F>\n\u003Cmeta property=\"article:modified_time\" content=\"2026-05-12T08:19:45+00:00\" \u002F>\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F05\u002Fbarrierefreiheit-fb-li.jpg\" \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\u002Fjpeg\" \u002F>\n\u003Cmeta name=\"author\" content=\"Thinh-Lay Wonesky\" \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\u002F2026\u002F05\u002Fbarrierefreiheit-tw-card.jpg\" \u002F>\n\u003Cmeta name=\"twitter:creator\" content=\"@cyon\" \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=\"Thinh-Lay Wonesky\" \u002F>\n\t\u003Cmeta name=\"twitter:label2\" content=\"Geschätzte Lesezeit\" \u002F>\n\t\u003Cmeta name=\"twitter:data2\" content=\"8 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\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#article\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\"},\"author\":{\"name\":\"Thinh-Lay Wonesky\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002Fd09bda505bbc63331c3d613307f0d248\"},\"headline\":\"Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet\",\"datePublished\":\"2026-05-12T07:52:26+00:00\",\"dateModified\":\"2026-05-12T08:19:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\"},\"wordCount\":1447,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2026\\\u002F05\\\u002Fbarrierefreiheit.jpg\",\"keywords\":[\"Barrierefreie Website\",\"Barrierefreiheit\",\"Digitale Barrierefreiheit\",\"EAA\",\"European Accessibility Act\",\"Screenreader\",\"WCAG\"],\"articleSection\":[\"Internet & Recht\"],\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\",\"name\":\"Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet Barrierefreiheit Website: Was ein Screenreader liest – und was nicht\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#primaryimage\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2026\\\u002F05\\\u002Fbarrierefreiheit.jpg\",\"datePublished\":\"2026-05-12T07:52:26+00:00\",\"dateModified\":\"2026-05-12T08:19:45+00:00\",\"description\":\"Fehlende Labels, unsichtbarer Fokus, keine Überschriftenstruktur: So erleben blinde Nutzende deine Website. Mit 4 Schritten zur barrierefreien Umsetzung.\",\"breadcrumb\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#primaryimage\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2026\\\u002F05\\\u002Fbarrierefreiheit.jpg\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2026\\\u002F05\\\u002Fbarrierefreiheit.jpg\",\"width\":1200,\"height\":675,\"caption\":\"Nahaufnahme einer Tastatur mit roten Pfeiltasten auf orangefarbigem Hintergrund.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbarrierefreiheit-auf-deiner-website-was-ein-screenreader-wirklich-liest#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet\"}]},{\"@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\\\u002Fd09bda505bbc63331c3d613307f0d248\",\"name\":\"Thinh-Lay Wonesky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fsecure.gravatar.com\\\u002Favatar\\\u002Ff6c773181480290e0e0bda7a1c64e9be55fe4a8d9e65cd58ab1a0c727bed5a5d?s=96&d=mm&r=g\",\"url\":\"https:\\\u002F\\\u002Fsecure.gravatar.com\\\u002Favatar\\\u002Ff6c773181480290e0e0bda7a1c64e9be55fe4a8d9e65cd58ab1a0c727bed5a5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\u002F\\\u002Fsecure.gravatar.com\\\u002Favatar\\\u002Ff6c773181480290e0e0bda7a1c64e9be55fe4a8d9e65cd58ab1a0c727bed5a5d?s=96&d=mm&r=g\",\"caption\":\"Thinh-Lay Wonesky\"}}]}\u003C\u002Fscript>\n\u003C!-- \u002F Yoast SEO Premium plugin. -->","Fehlende Labels, unsichtbarer Fokus, keine Überschriftenstruktur: So erleben blinde Nutzende deine Website. Mit 4 Schritten zur barrierefreien Umsetzung.","follow","index","Barrierefreiheit auf deiner Website: Was ein Screenreader wirklich liest und was er nicht findet Barrierefreiheit Website: Was ein Screenreader liest – und was nicht","2026-05-12T08:19:45+00:00",{"mediaItemUrl":355},{"node":410},{"id":358,"email":360,"name":359,"avatar":411},{"url":362,"height":363,"width":363},{"nodes":413},[]]