[{"data":1,"prerenderedAt":2534},["ShallowReactive",2],{"blog-list":3},[4,323,585,939,1138],{"id":5,"title":6,"body":7,"description":308,"extension":309,"meta":310,"navigation":318,"path":319,"seo":320,"stem":321,"__hash__":322},"blog/blog/automation-vs-ai.md","Warum Automation manchmal besser ist als KI.",{"type":8,"value":9,"toc":296},"minimark",[10,15,19,24,37,40,44,119,123,126,159,163,177,181,225,229,249,253,270,274,277],[11,12,14],"h1",{"id":13},"automation-vs-ki-wann-regeln-besser-sind-als-modelle","Automation vs. KI – wann Regeln besser sind als Modelle",[16,17,18],"p",{},"KI ist ein starkes Werkzeug. Modelle erkennen Muster, generieren Inhalte und helfen bei komplexen Entscheidungen. Aber: Nicht jede Aufgabe braucht KI. In vielen Fällen sind robuste, deterministische Automationen sicherer, schneller, günstiger und besser auditierbar.",[20,21,23],"h2",{"id":22},"wofür-ki-glänzt-kurz-und-ehrlich","Wofür KI glänzt – kurz und ehrlich",[25,26,27,31,34],"ul",{},[28,29,30],"li",{},"Unstrukturierte Daten: Bilder, Text, Sprache, Anomalien.",[28,32,33],{},"Vage Anforderungen: „Erkläre, fasse zusammen, finde ähnliche Dinge“.",[28,35,36],{},"Hohe Varianz: Viele Ausnahmen, die schwer in Regeln zu fassen sind.",[16,38,39],{},"Wer hingegen klare, wiederholbare Schritte hat, für den ist KI oft Overkill – und ein Risiko.",[20,41,43],{"id":42},"_6-gründe-warum-klassische-automation-oft-überlegen-ist","6 Gründe, warum klassische Automation oft überlegen ist",[45,46,47,61,75,86,97,108],"ol",{},[28,48,49,50],{},"Sicherheit & Compliance",[25,51,52,55,58],{},[28,53,54],{},"Deterministische Abläufe sind vorhersagbar und lassen sich validieren.",[28,56,57],{},"Policies (z. B. DSGVO, Aufbewahrung, SoD) sind in Regeln präzise abbildbar.",[28,59,60],{},"Kein Prompt‑Leakage, kein Datenabfluss in externe Modelle.",[28,62,63,64],{},"Zuverlässigkeit & Reproduzierbarkeit",[25,65,66,69,72],{},[28,67,68],{},"Gleiche Eingabe → gleiche Ausgabe.",[28,70,71],{},"Keine Modell‑Drift, keine Temperature/Randomness‑Effekte.",[28,73,74],{},"Einfaches Rollback, klare Fehlercodes statt „Model behaved unexpectedly“.",[28,76,77,78],{},"Geschwindigkeit & Kosten",[25,79,80,83],{},[28,81,82],{},"Skripte/Workflows laufen lokal am Edge oder im Backend extrem schnell.",[28,84,85],{},"Keine Latenz durch API‑Calls, kein Token‑Pricing, kein Rate‑Limit.",[28,87,88,89],{},"Transparenz & Auditierbarkeit",[25,90,91,94],{},[28,92,93],{},"Jeder Schritt ist nachvollziehbar (Logs), jede Entscheidung erklärbar.",[28,95,96],{},"Ideal für Audits, interne Revision und regulatorische Branchen.",[28,98,99,100],{},"Wartung & Ownership",[25,101,102,105],{},[28,103,104],{},"Regelwerke lassen sich versionieren, testen und per CI prüfen.",[28,106,107],{},"Kein Vendor‑Lock‑in durch proprietäre Modelle.",[28,109,110,111],{},"Robustheit gegen Angriffe",[25,112,113,116],{},[28,114,115],{},"Keine Prompt‑Injection oder Jailbreaks.",[28,117,118],{},"Eingaben werden strikt validiert, Whitelists/Blacklists greifen zuverlässig.",[20,120,122],{"id":121},"entscheidungsbaum-ki-oder-automation","Entscheidungsbaum: KI oder Automation?",[16,124,125],{},"Stellen Sie sich bei jeder Anforderung diese Fragen:",[45,127,128,135,141,147,153],{},[28,129,130,131,134],{},"Ist das Ziel deterministisch prüfbar (Ja/Nein, feste Regeln, feste Felder)?",[132,133],"br",{},"\n→ Ja: Automation.",[28,136,137,138,140],{},"Ist der Eingabedatentyp unstrukturiert (Text, Bild, Audio) und braucht Interpretation?",[132,139],{},"\n→ Eher KI.",[28,142,143,144,146],{},"Ist das Ergebnis sicherheitskritisch (Freigaben, Zahlungen, rechtliche Schritte)?",[132,145],{},"\n→ Automation zuerst, KI maximal als „Vorschlag mit menschlichem Review“.",[28,148,149,150,152],{},"Muss die Entscheidung auditierbar/reproduzierbar sein?",[132,151],{},"\n→ Automation.",[28,154,155,156,158],{},"Gibt es viele, schnell wechselnde Sonderfälle?",[132,157],{},"\n→ KI kann ergänzen – aber mit klaren Guardrails.",[20,160,162],{"id":161},"architektur-prinzip-automationfirst-kiunterstützt","Architektur-Prinzip: Automation‑first, KI‑unterstützt",[25,164,165,168,171,174],{},[28,166,167],{},"Core‑Flow: Strikte, getestete Workflow‑Schritte (z. B. via Jobs/Queues).",[28,169,170],{},"KI‑Hilfen: Vorschläge, Klassifikationen, Extraktionen – nie „silent & final“.",[28,172,173],{},"Guardrails: Validierung, Confidence‑Schwellen, menschlicher 4‑Augen‑Check.",[28,175,176],{},"Telemetrie: Metriken für Durchsatz, Fehlerquoten, manuelle Overrides.",[20,178,180],{"id":179},"praxisbeispiele","Praxisbeispiele",[45,182,183,197,211],{},[28,184,185,186],{},"Rechnungsfreigabe (KMU)",[25,187,188,191,194],{},[28,189,190],{},"Automation: Formale Prüfung (IBAN‑Check, Betragsgrenzen, Lieferant‑Whitelist, Skonto‑Fristen).",[28,192,193],{},"KI (optional): Extrahiert Felder aus PDF als Vorschlag.",[28,195,196],{},"Entscheidung: Regeln entscheiden, Mensch prüft Ausnahmen.",[28,198,199,200],{},"Ticket‑Triage im IT‑Support",[25,201,202,205,208],{},[28,203,204],{},"Automation: SLA‑Routing nach Kunde/Priorität/Kategorie, Eskalationsstufen, Benachrichtigungen.",[28,206,207],{},"KI (optional): Stimmungs-/Intent‑Erkennung zur Priorisierung.",[28,209,210],{},"Entscheidung: Routing durch Regeln, KI nur als Prior‑Hint.",[28,212,213,214],{},"Content‑Freigabe Website",[25,215,216,219,222],{},[28,217,218],{},"Automation: Linting, Link‑Checks, Broken Images, Barrierefreiheits‑Heuristiken, Review‑Gates.",[28,220,221],{},"KI (optional): Stilvorschläge, Überschriftenvarianten.",[28,223,224],{},"Entscheidung: Deployment nur nach bestandenem, deterministischem Gate.",[20,226,228],{"id":227},"typische-fehler-und-wie-man-sie-vermeidet","Typische Fehler – und wie man sie vermeidet",[25,230,231,237,243],{},[28,232,233,234,236],{},"„Wir machen alles mit KI“ → Drift, Inkonsistenz, steigende Kosten.",[132,235],{},"\nLösung: Klare Trennung zwischen Vorschlag (KI) und Entscheidung (Regel).",[28,238,239,240,242],{},"Fehlende Validierung von KI‑Outputs → falsche Daten in Kernsystemen.",[132,241],{},"\nLösung: Schema‑Validierung, Confidence‑Schwellen, menschlicher Review.",[28,244,245,246,248],{},"Unsaubere Prozesse → weder KI noch Automation hilft.",[132,247],{},"\nLösung: Erst Prozesse modellieren (SIPOC/BPMN/lightweight), dann automatisieren.",[20,250,252],{"id":251},"messbare-kpis","Messbare KPIs",[25,254,255,258,261,264,267],{},[28,256,257],{},"Durchlaufzeit (Lead Time) je Prozessschritt",[28,259,260],{},"Fehlerrate (First Pass Yield)",[28,262,263],{},"Anteil manueller Overrides",[28,265,266],{},"Kosten pro Vorgang (inkl. KI‑APIs, wenn genutzt)",[28,268,269],{},"Revisionsfestigkeit (Auditabweichungen)",[20,271,273],{"id":272},"fazit","Fazit",[16,275,276],{},"KI ist mächtig – aber nicht immer nötig. Für viele Kernprozesse sind deterministische Automationen die bessere Wahl: sicher, schnell, erklärbar. Setze KI dort ein, wo Interpretation echten Mehrwert bringt – eingebettet in klare Regeln und mit Guardrails.",[16,278,279,280,282,283,285,290,291,295],{},"—",[132,281],{},"\nSie wollen Ihre Prozesse verschlanken – pragmatisch und messbar?",[132,284],{},[286,287,289],"a",{"href":288},"/kontakt","Sprechen Sie mit uns"," oder sehen Sie sich unsere ",[286,292,294],{"href":293},"/leistungen","Leistungen"," an.",{"title":297,"searchDepth":298,"depth":298,"links":299},"",2,[300,301,302,303,304,305,306,307],{"id":22,"depth":298,"text":23},{"id":42,"depth":298,"text":43},{"id":121,"depth":298,"text":122},{"id":161,"depth":298,"text":162},{"id":179,"depth":298,"text":180},{"id":227,"depth":298,"text":228},{"id":251,"depth":298,"text":252},{"id":272,"depth":298,"text":273},"KI ist in aller Munde. Doch ist KI wirklich das Tool für alles? Wir klären es in diesem Artikel.","md",{"date":311,"author":312,"category":313,"tags":314,"image":317},"2025-11-06","Maximilian Borrmann","Künstliche Intelligenz",[315,316],"KI","Prozessautomatisierung","/assets/img/hosting.webp",true,"/blog/automation-vs-ai",{"title":6,"description":308},"blog/automation-vs-ai","gwoBREZ706U0hwY87xTK1JXV64bh0qD0QMElpE-8Y8Q",{"id":324,"title":325,"body":326,"description":571,"extension":309,"meta":572,"navigation":318,"path":581,"seo":582,"stem":583,"__hash__":584},"blog/blog/barrierefreiheitsstärkungsgesetz.md","Was ist das BFSG?",{"type":8,"value":327,"toc":556},[328,331,334,337,343,346,350,367,370,374,377,382,463,466,470,473,487,491,514,518,522,525,529,532,536,539,541,544,547],[11,329,325],{"id":330},"was-ist-das-bfsg",[16,332,333],{},"Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt den European Accessibility Act (EAA) in deutsches Recht um. Ziel ist es, Produkte und vor allem digitale Dienstleistungen so zu gestalten, dass sie für möglichst alle Menschen nutzbar sind – inklusive Menschen mit Behinderungen sowie älteren Menschen.",[16,335,336],{},"Im Zentrum stehen dabei EU-weit einheitliche Anforderungen, die besonders für digitale Services relevant sind (z. B. Online‑Shops, E‑Books, Banking‑Apps, Kundenportale). Das schafft Rechtssicherheit und faire Bedingungen am Binnenmarkt.",[338,339,340],"blockquote",{},[16,341,342],{},"Kleinstunternehmen sind für angebotene Dienstleistungen von den Regelungen ausgenommen – dennoch wird empfohlen, Barrierefreiheit so weit wie möglich umzusetzen.",[16,344,345],{},"Quelle: Bundesministerium für Arbeit und Soziales (BMAS) – Barrierefreiheitsstärkungsgesetz.",[20,347,349],{"id":348},"welche-digitalen-bereiche-sind-besonders-betroffen","Welche digitalen Bereiche sind besonders betroffen?",[25,351,352,355,358,361,364],{},[28,353,354],{},"E‑Commerce und Online‑Dienste (z. B. Online‑Shop, Buchungs‑ und Bestellstrecken, Kundenkonten)",[28,356,357],{},"Elektronische Kommunikationsdienste (z. B. Kommunikations‑Apps)",[28,359,360],{},"Bank‑ und Zahlungsdienste (z. B. Online‑Banking)",[28,362,363],{},"E‑Books und E‑Reader",[28,365,366],{},"Personenbeförderungsdienste (z. B. Ticketing‑/Informationssysteme)",[16,368,369],{},"Reine, rein informierende Websites ohne transaktionale Funktionen fallen nicht explizit unter die BFSG‑Pflichten. Dennoch gilt: Barrierefreiheit ist best practice (WCAG 2.1 AA), verbessert Usability, SEO und Conversion.",[20,371,373],{"id":372},"wer-muss-barrierefreie-websitesdienste-bereitstellen","Wer muss barrierefreie Websites/Dienste bereitstellen?",[16,375,376],{},"Das BFSG sieht eine Ausnahme für Kleinstunternehmen bei Dienstleistungen vor. Alle übrigen Unternehmensgrößen müssen – sofern sie betroffene Dienstleistungen anbieten (z. B. E‑Commerce) – die Anforderungen erfüllen.",[378,379,381],"h3",{"id":380},"übersicht-nach-unternehmensgröße-eudefinition","Übersicht nach Unternehmensgröße (EU‑Definition)",[383,384,385,405],"table",{},[386,387,388],"thead",{},[389,390,391,395,399,402],"tr",{},[392,393,394],"th",{},"Unternehmensgröße",[392,396,398],{"align":397},"right","Beschäftigte",[392,400,401],{"align":397},"Umsatz/Bilanzsumme",[392,403,404],{},"Verpflichtung nach BFSG (bei betroffenen Dienstleistungen)",[406,407,408,423,437,450],"tbody",{},[389,409,410,414,417,420],{},[411,412,413],"td",{},"Kleinstunternehmen",[411,415,416],{"align":397},"\u003C 10",[411,418,419],{"align":397},"≤ 2 Mio. €",[411,421,422],{},"Ausgenommen für Dienstleistungen; Umsetzung dennoch empfohlen",[389,424,425,428,431,434],{},[411,426,427],{},"Klein",[411,429,430],{"align":397},"10–49",[411,432,433],{"align":397},"≤ 10 Mio. €",[411,435,436],{},"Verpflichtet",[389,438,439,442,445,448],{},[411,440,441],{},"Mittel",[411,443,444],{"align":397},"50–249",[411,446,447],{"align":397},"≤ 50 Mio. € Umsatz oder ≤ 43 Mio. € Bilanzsumme",[411,449,436],{},[389,451,452,455,458,461],{},[411,453,454],{},"Groß",[411,456,457],{"align":397},"≥ 250",[411,459,460],{"align":397},"> 50 Mio. € Umsatz bzw. > 43 Mio. € Bilanzsumme",[411,462,436],{},[16,464,465],{},"Hinweis: Maßgeblich ist nicht die Unternehmensgröße allein, sondern ob die angebotenen Produkte/Dienste unter das BFSG fallen. Für Services gilt: Kleinstunternehmen sind ausgenommen, alle anderen Größen müssen barrierefrei bereitstellen.",[20,467,469],{"id":468},"was-heißt-barrierefreiheit-im-web-konkret","Was heißt Barrierefreiheit im Web konkret?",[16,471,472],{},"Orientierung bietet WCAG 2.1 AA (empfohlen als Mindest‑Standard):",[25,474,475,478,481,484],{},[28,476,477],{},"Wahrnehmbar: ausreichende Farbkontraste, skalierbare Texte, Alternativtexte für Bilder",[28,479,480],{},"Bedienbar: Tastaturnavigation, sichtbarer Fokus, keine blockierenden Animationen",[28,482,483],{},"Verständlich: klare Struktur, aussagekräftige Labels/Fehlermeldungen, konsistente Navigation",[28,485,486],{},"Robust: semantisches HTML, ARIA nur wo nötig, saubere Headings‑Hierarchie",[20,488,490],{"id":489},"checkliste-was-unternehmen-jetzt-tun-sollten","Checkliste: Was Unternehmen jetzt tun sollten",[45,492,493,496,499,502,505,508,511],{},[28,494,495],{},"Prüfen, ob betroffene Dienstleistungen vorliegen (z. B. Online‑Shop, Buchungs‑/Bestellprozess, Kundenkonto)",[28,497,498],{},"WCAG‑Gap‑Analyse durchführen (Kontraste, Tastatur, Alternativtexte, Semantik, Formulare)",[28,500,501],{},"Design‑System und Komponenten barrierefrei umstellen (Kontraste, Fokus‑Stile, States, Fehlermeldungen)",[28,503,504],{},"Inhalte optimieren (Überschriftenstruktur, Alt‑Texte, Linktexte, Transkript/Untertitel für Medien)",[28,506,507],{},"Technische Umsetzung (Semantik, ARIA minimal, Landmark‑Regions, Fehlerhandling, Skip‑Links)",[28,509,510],{},"Testen (manuell, Screenreader, Tastatur, Lighthouse/Axe)",[28,512,513],{},"Kontinuierliche Pflege (Regressions‑Tests, Redaktionsleitfaden, QA im Release‑Prozess)",[20,515,517],{"id":516},"häufige-fragen","Häufige Fragen",[378,519,521],{"id":520},"muss-jede-website-barrierefrei-sein","Muss jede Website barrierefrei sein?",[16,523,524],{},"Nicht jede rein statische, informierende Website fällt unmittelbar unter die BFSG‑Pflichten. Sobald jedoch betroffene Dienstleistungen angeboten werden (z. B. Shop‑Funktionen), gelten die Anforderungen – außer bei Kleinstunternehmen.",[378,526,528],{"id":527},"gilt-das-auch-für-bestehende-systeme","Gilt das auch für bestehende Systeme?",[16,530,531],{},"Für neue oder wesentlich geänderte Services gilt: jetzt barrierefrei planen. Bestehende Systeme sollten sukzessive angepasst werden, um rechtliche Risiken zu vermeiden und Nutzerfreundlichkeit zu erhöhen.",[378,533,535],{"id":534},"warum-lohnt-sich-barrierefreiheit-wirtschaftlich","Warum lohnt sich Barrierefreiheit wirtschaftlich?",[16,537,538],{},"Barrierefreie Angebote sind für mehr Menschen nutzbar, senken Abbruchraten, verbessern SEO und stärken die Marke. Zudem reduzieren sie das Risiko rechtlicher Auseinandersetzungen.",[20,540,273],{"id":272},[16,542,543],{},"Das BFSG ist ein wichtiger Schritt zu einheitlichen und durchsetzbaren Standards. Für Unternehmen mit digitalen Dienstleistungen (außer Kleinstunternehmen) bedeutet das: Barrierefreiheit ist Pflicht – und zugleich eine Chance, bessere Nutzererlebnisse für alle zu schaffen.",[545,546],"hr",{},[16,548,549,550],{},"Quelle: ",[286,551,555],{"href":552,"rel":553},"https://www.bmas.de/DE/Service/Gesetze-und-Gesetzesvorhaben/barrierefreiheitsstaerkungsgesetz.html",[554],"nofollow","BMAS – Barrierefreiheitsstärkungsgesetz (BFSG)",{"title":297,"searchDepth":298,"depth":298,"links":557},[558,559,563,564,565,570],{"id":348,"depth":298,"text":349},{"id":372,"depth":298,"text":373,"children":560},[561],{"id":380,"depth":562,"text":381},3,{"id":468,"depth":298,"text":469},{"id":489,"depth":298,"text":490},{"id":516,"depth":298,"text":517,"children":566},[567,568,569],{"id":520,"depth":562,"text":521},{"id":527,"depth":562,"text":528},{"id":534,"depth":562,"text":535},{"id":272,"depth":298,"text":273},"Alles Wichtige über das Barrierefreiheitsstärkungsgesetz und was Sie dazu wissen müssen.",{"date":573,"author":312,"category":574,"tags":575,"image":580},"2025-10-27","Barrierefreiheit",[576,574,577,578,579],"Accessibility","Web Standards","BFSG","Recht","/assets/img/leistungen/scenario-2.webp","/blog/barrierefreiheitsstarkungsgesetz",{"title":325,"description":571},"blog/barrierefreiheitsstärkungsgesetz","wsN0CTvHylXDLdDUxIXJaYPC1ggSnMnoV5Y0cMUDE-E",{"id":586,"title":587,"body":588,"description":922,"extension":309,"meta":923,"navigation":318,"path":935,"seo":936,"stem":937,"__hash__":938},"blog/blog/dns-fqdn-routing.md","Was sind DNS, FQDN und Routing im Internet?",{"type":8,"value":589,"toc":909},[590,594,602,606,617,621,727,731,734,738,745,748,768,772,792,796,799,814,817,821,839,843,879,883,904,906],[11,591,593],{"id":592},"dns-fqdn-und-routing-wie-domains-wirklich-funktionieren","DNS, FQDN und Routing – wie Domains wirklich funktionieren",[16,595,596,597,601],{},"Wenn Sie eine Domain wie ",[598,599,600],"code",{},"innfinit.com"," in den Browser eingeben, passiert in Millisekunden sehr viel im Hintergrund. Dieser Artikel erklärt verständlich, wie DNS und Routing arbeiten, was ein FQDN ist – und warum das für Erreichbarkeit, E‑Mail‑Zustellung, Sicherheit und SEO wichtig ist.",[20,603,605],{"id":604},"was-ist-dns","Was ist DNS?",[16,607,608,609,612,613,616],{},"Das Domain Name System (DNS) ist das „Telefonbuch des Internets“. Es übersetzt leicht merkbare Namen (Domains) in IP‑Adressen, die Computer verstehen (z. B. ",[598,610,611],{},"93.184.216.34"," oder ",[598,614,615],{},"2606:2800:220:1:248:1893:25c8:1946",").",[378,618,620],{"id":619},"wichtige-dnsressourceneinträge-records","Wichtige DNS‑Ressourceneinträge (Records)",[383,622,623,636],{},[386,624,625],{},[389,626,627,630,633],{},[392,628,629],{},"Record",[392,631,632],{},"Zweck",[392,634,635],{},"Beispiel",[406,637,638,651,664,677,690,703,716],{},[389,639,640,643,646],{},[411,641,642],{},"A",[411,644,645],{},"Verweist auf IPv4‑Adresse",[411,647,648],{},[598,649,650],{},"example.com → 203.0.113.10",[389,652,653,656,659],{},[411,654,655],{},"AAAA",[411,657,658],{},"Verweist auf IPv6‑Adresse",[411,660,661],{},[598,662,663],{},"example.com → 2001:db8::10",[389,665,666,669,672],{},[411,667,668],{},"CNAME",[411,670,671],{},"Alias auf anderen Namen",[411,673,674],{},[598,675,676],{},"www.example.com → example.com",[389,678,679,682,685],{},[411,680,681],{},"MX",[411,683,684],{},"E‑Mail‑Zustellung",[411,686,687],{},[598,688,689],{},"example.com → aspmx.l.google.com.",[389,691,692,695,698],{},[411,693,694],{},"TXT",[411,696,697],{},"Freier Text (z. B. SPF, DKIM, Verifikationen)",[411,699,700],{},[598,701,702],{},"v=spf1 include:_spf.google.com ~all",[389,704,705,708,711],{},[411,706,707],{},"NS",[411,709,710],{},"Autoritative Nameserver der Zone",[411,712,713],{},[598,714,715],{},"ns1.provider.net., ns2.provider.net.",[389,717,718,721,724],{},[411,719,720],{},"SOA",[411,722,723],{},"Zonen‑Stammdatensatz",[411,725,726],{},"Primärer NS, Seriennummer, Kontakt",[378,728,730],{"id":729},"ttl-und-caching","TTL und Caching",[16,732,733],{},"Jeder Record hat eine Time‑to‑Live (TTL). Sie bestimmt, wie lange Resolver Antworten zwischenspeichern. Kurze TTLs beschleunigen Umstellungen (z. B. Cutover), längere TTLs verbessern Performance und reduzieren Last.",[20,735,737],{"id":736},"was-ist-ein-fqdn","Was ist ein FQDN?",[16,739,740,741,744],{},"Ein Fully Qualified Domain Name (FQDN) ist der vollständig qualifizierte Name inklusive aller Labels bis zur Root‑Zone: z. B. ",[598,742,743],{},"app.eu.example.com."," – der abschließende Punkt kennzeichnet die Root.",[16,746,747],{},"Typische FQDNs:",[25,749,750,756,762],{},[28,751,752,755],{},[598,753,754],{},"www.example.com."," (Website)",[28,757,758,761],{},[598,759,760],{},"mail.example.com."," (Mailserver)",[28,763,764,767],{},[598,765,766],{},"api.example.com."," (Backend/API)",[20,769,771],{"id":770},"nameserver-autoritativ-vs-rekursiv","Nameserver – autoritativ vs. rekursiv",[25,773,774,785],{},[28,775,776,777,780,781,784],{},"Rekursive Resolver (z. B. ",[598,778,779],{},"1.1.1.1",", ",[598,782,783],{},"8.8.8.8",") fragen im Auftrag der Nutzer die Kette der autoritativen Server ab und cachen die Ergebnisse.",[28,786,787,788,791],{},"Autoritative Nameserver sind die „Quelle der Wahrheit“ für deine Zone (z. B. ",[598,789,790],{},"example.com","). Dort pflegst du Records.",[20,793,795],{"id":794},"routing-im-internet-vereinfacht","Routing im Internet (vereinfacht)",[16,797,798],{},"Damit Pakete überhaupt ihren Weg finden, tauschen Netze (Autonome Systeme) via BGP Routen aus. Vereinfacht:",[25,800,801,808,811],{},[28,802,803,804,807],{},"Dein Browser löst ",[598,805,806],{},"www.example.com"," auf eine IP auf (DNS)",[28,809,810],{},"Dein Gerät sendet Pakete an das Zielnetz",[28,812,813],{},"Router entlang des Pfads entscheiden per BGP, wohin das Paket als Nächstes geht",[16,815,816],{},"Wichtig für Unternehmen: stabile Netzwege (Upstreams), Anycast für DNS, DDoS‑Schutz und IPv6‑Unterstützung.",[20,818,820],{"id":819},"warum-ist-das-wichtig","Warum ist das wichtig?",[25,822,823,826,829,832],{},[28,824,825],{},"Erreichbarkeit: Falsche DNS‑Einträge ⇒ Website/Services offline",[28,827,828],{},"E‑Mail‑Zustellung: Ohne korrekte SPF/DKIM/DMARC sinkt die Zustellrate",[28,830,831],{},"Sicherheit: DNSSEC, HSTS/HTTPS, saubere Zonenverwaltung",[28,833,834,835,838],{},"SEO und Performance: saubere Hostnamen, konsistente Canonicals (",[598,836,837],{},"www"," vs. Root), schnelle Antworten (geringe TTL sinnvoll beim Umzug)",[20,840,842],{"id":841},"praxis-minimale-dnscheckliste","Praxis: Minimale DNS‑Checkliste",[45,844,845,851,854,857,870,873,876],{},[28,846,847,848,850],{},"A/AAAA für Root‑Domain und ",[598,849,837],{}," korrekt gesetzt (Redirect‑Strategie festlegen)",[28,852,853],{},"CNAME für Subdomains statt duplizierter A‑Records (wo sinnvoll)",[28,855,856],{},"MX + SPF + DKIM + DMARC für E‑Mails",[28,858,859,860,780,863,780,866,869],{},"Eigene Subdomains pro Service (z. B. ",[598,861,862],{},"api.",[598,864,865],{},"cdn.",[598,867,868],{},"status.",")",[28,871,872],{},"Sinnvolle TTL‑Werte (Deployment/Umzug vs. Stabilität)",[28,874,875],{},"Autoritative NS redundant (mind. zwei, unterschiedliche Netze/Regionen)",[28,877,878],{},"Optional: DNSSEC aktivieren",[20,880,882],{"id":881},"häufige-fehler","Häufige Fehler",[25,884,885,891,894,897],{},[28,886,887,888,890],{},"Mixed Content/Inkonsistenter Host (mal ",[598,889,837],{},", mal nicht)",[28,892,893],{},"Zu lange TTL kurz vor Relaunch – Änderungen dauern Stunden",[28,895,896],{},"CNAME auf Root‑Domain (funktioniert je nach Provider nicht)",[28,898,899,900,903],{},"SPF zu strikt (hartes ",[598,901,902],{},"-all",") – legitime Absender ausgesperrt",[20,905,273],{"id":272},[16,907,908],{},"DNS wirkt unsichtbar – ist aber geschäftskritisch. Mit sauberem Setup vermeidest du Ausfälle, erhöhst Zustellraten und schaffst die Basis für schnelle, sichere Web‑Erlebnisse.",{"title":297,"searchDepth":298,"depth":298,"links":910},[911,915,916,917,918,919,920,921],{"id":604,"depth":298,"text":605,"children":912},[913,914],{"id":619,"depth":562,"text":620},{"id":729,"depth":562,"text":730},{"id":736,"depth":298,"text":737},{"id":770,"depth":298,"text":771},{"id":794,"depth":298,"text":795},{"id":819,"depth":298,"text":820},{"id":841,"depth":298,"text":842},{"id":881,"depth":298,"text":882},{"id":272,"depth":298,"text":273},"Eine leicht verständliche Erklärung von Domains, DNS, FQDN und Routing – und warum das für Ihr Business wichtig ist.",{"date":924,"author":312,"category":925,"tags":926,"image":317},"2025-10-28","Infrastruktur",[927,928,929,930,931,932,681,668,933,934],"DNS","Domain","FQDN","Nameserver","Routing","BGP","TTL","Sicherheit","/blog/dns-fqdn-routing",{"title":587,"description":922},"blog/dns-fqdn-routing","G7nouXrBGNBFXfB4gZAVP3cd58AvyUhKDpTKerRrzUE",{"id":940,"title":941,"body":942,"description":1123,"extension":309,"meta":1124,"navigation":318,"path":1134,"seo":1135,"stem":1136,"__hash__":1137},"blog/blog/seo-grundlagen.md","SEO-Grundlagen 2025 – Sichtbar werden, richtig messen, nachhaltig wachsen",{"type":8,"value":943,"toc":1113},[944,948,951,955,975,979,999,1003,1017,1021,1056,1060,1071,1075,1092,1094,1108,1110],[11,945,947],{"id":946},"seo-grundlagen-was-wirklich-zählt","SEO-Grundlagen – was wirklich zählt",[16,949,950],{},"SEO ist kein Trick, sondern ein Qualitätsrahmen: gute Technik, klare Informationsarchitektur, relevante Inhalte und messbare Ziele. So werden Sie gefunden – und performen.",[20,952,954],{"id":953},"technische-basis-crawlbar-schnell-stabil","Technische Basis (crawlbar, schnell, stabil)",[25,956,957,960,963,966,969,972],{},[28,958,959],{},"Saubere URL‑Struktur, sprechende Slugs",[28,961,962],{},"Korrekte Statuscodes (200, 301, 404, 410)",[28,964,965],{},"Sitemap.xml + robots.txt gepflegt",[28,967,968],{},"Mobile‑First, HTTPS, HTTP/2",[28,970,971],{},"Core Web Vitals (LCP, CLS, INP) optimieren: Bildgrößen, Lazy Loading, Caching, kritisches CSS",[28,973,974],{},"Barrierefreiheit (WCAG 2.1 AA) – hilft Nutzern und Suchmaschinen",[20,976,978],{"id":977},"informationsarchitektur-und-interne-verlinkung","Informationsarchitektur und interne Verlinkung",[25,980,981,984,987,990],{},[28,982,983],{},"Klare Navigationsstruktur, aussagekräftige Breadcrumbs",[28,985,986],{},"Themen‑Cluster (Pillar‑Seite + Detailseiten)",[28,988,989],{},"Ankerlinks und Inhaltsverzeichnisse für lange Seiten",[28,991,992,993,995,996,998],{},"Konsistente Canonicals (",[598,994,837],{}," vs. non‑",[598,997,837],{},"), hreflang falls mehrsprachig",[20,1000,1002],{"id":1001},"inhalte-die-antworten-liefern","Inhalte, die Antworten liefern",[25,1004,1005,1008,1011,1014],{},[28,1006,1007],{},"Suchintention verstehen (Informational, Transactional, Navigational)",[28,1009,1010],{},"Strukturiertes Format: H1/H2‑Hierarchie, prägnante Absätze, Listen",[28,1012,1013],{},"Medien: optimierte Bilder/Poster, Alt‑Texte, Captions",[28,1015,1016],{},"E‑E‑A‑T signalisieren: Autor, Expertise, Quellen, Aktualität",[20,1018,1020],{"id":1019},"strukturierte-daten-schemaorg","Strukturierte Daten (Schema.org)",[25,1022,1023,1034,1044],{},[28,1024,1025,780,1028,780,1031],{},[598,1026,1027],{},"WebSite",[598,1029,1030],{},"Organization",[598,1032,1033],{},"BreadcrumbList",[28,1035,1036,1037,1040,1041],{},"Für Artikel/Blog: ",[598,1038,1039],{},"Article","/",[598,1042,1043],{},"BlogPosting",[28,1045,1046,1047,780,1050,780,1053],{},"Für Produkte/Events: ",[598,1048,1049],{},"Product",[598,1051,1052],{},"Offer",[598,1054,1055],{},"Event",[20,1057,1059],{"id":1058},"messung-und-ziele","Messung und Ziele",[25,1061,1062,1065,1068],{},[28,1063,1064],{},"Saubere Conversion‑Ziele (Kontakt, Lead, Demo)",[28,1066,1067],{},"Ereignis‑basiertes Tracking (Consent beachten)",[28,1069,1070],{},"Search Console: Indexierung, Keywords, CTR, Core Web Vitals",[20,1072,1074],{"id":1073},"checkliste-zum-start","Checkliste zum Start",[45,1076,1077,1080,1083,1086,1089],{},[28,1078,1079],{},"Pagespeed messen (Lighthouse), Low‑Hanging‑Fruits fixen",[28,1081,1082],{},"IA planen (Sitematrix), Zielseiten definieren",[28,1084,1085],{},"Content‑Plan (Cluster, FAQs, Rich Snippets)",[28,1087,1088],{},"Technische Hygiene (Statuscodes, Canonicals, Redirects)",[28,1090,1091],{},"Monitoring aufsetzen (CWV, Errors, Rankings)",[20,1093,882],{"id":881},[25,1095,1096,1099,1102,1105],{},[28,1097,1098],{},"Dünne Inhalte ohne Suchintention",[28,1100,1101],{},"Duplicate Content ohne Canonical",[28,1103,1104],{},"Großer JS‑Overhead, blockierende Fonts/Skripte",[28,1106,1107],{},"Fehlende Alt‑Texte/Überschriftenstruktur",[20,1109,273],{"id":272},[16,1111,1112],{},"SEO ist ein Prozess. Wer Technik, Inhalte und Nutzerfokus verbindet, wächst nachhaltig – jenseits kurzfristiger Taktiken.",{"title":297,"searchDepth":298,"depth":298,"links":1114},[1115,1116,1117,1118,1119,1120,1121,1122],{"id":953,"depth":298,"text":954},{"id":977,"depth":298,"text":978},{"id":1001,"depth":298,"text":1002},{"id":1019,"depth":298,"text":1020},{"id":1058,"depth":298,"text":1059},{"id":1073,"depth":298,"text":1074},{"id":881,"depth":298,"text":882},{"id":272,"depth":298,"text":273},"Die wichtigsten SEO-Basics für moderne Websites – von technischer Basis über Content bis Tracking.",{"date":924,"author":312,"category":1125,"tags":1126,"image":1133},"Marketing",[1127,1128,1129,1130,1131,574,1132],"SEO","Suchmaschinenoptimierung","Technik","Content","Core Web Vitals","Strukturierte Daten","/assets/img/leistungen/planung.webp","/blog/seo-grundlagen",{"title":941,"description":1123},"blog/seo-grundlagen","t--eTuGnaFM5fY-IxOGMna1K8eEgOsPMxCd1F2J4FBk",{"id":1139,"title":1140,"body":1141,"description":2525,"extension":309,"meta":2526,"navigation":318,"path":2530,"seo":2531,"stem":2532,"__hash__":2533},"blog/blog/wcag-2-1-aa.md","Was ist WCAG 2.1 AA?",{"type":8,"value":1142,"toc":2476},[1143,1146,1154,1158,1165,1182,1186,1193,1213,1218,1222,1225,1229,1236,1240,1247,1251,1254,1258,1261,1265,1268,1273,1287,1369,1373,1376,1380,1394,1498,1502,1505,1509,1523,1678,1682,1685,1689,1703,1707,1711,1725,1783,1787,1799,1803,1815,1819,1833,1837,1851,1855,1859,1952,1956,1965,1969,2024,2028,2086,2090,2176,2180,2184,2204,2208,2237,2241,2261,2265,2269,2276,2280,2283,2287,2294,2305,2309,2312,2316,2323,2327,2338,2342,2355,2359,2373,2377,2388,2390,2397,2419,2426,2428,2432,2435,2442,2444,2449,2472],[11,1144,1140],{"id":1145},"was-ist-wcag-21-aa",[16,1147,1148,1149,1153],{},"Die ",[1150,1151,1152],"strong",{},"Web Content Accessibility Guidelines (WCAG) 2.1"," sind der internationale Standard für barrierefreie Webinhalte. Level AA ist dabei die am häufigsten geforderte Konformitätsstufe – und das aus gutem Grund.",[20,1155,1157],{"id":1156},"warum-wcag-wichtig-ist","Warum WCAG wichtig ist",[16,1159,1160,1161,1164],{},"Barrierefreiheit im Web bedeutet, dass ",[1150,1162,1163],{},"alle Menschen"," Ihre Website nutzen können – unabhängig von körperlichen oder technischen Einschränkungen. Das betrifft:",[25,1166,1167,1173,1176,1179],{},[28,1168,1169,1172],{},[1150,1170,1171],{},"15% der Weltbevölkerung"," haben eine Form von Behinderung",[28,1174,1175],{},"Ältere Menschen mit altersbedingten Einschränkungen",[28,1177,1178],{},"Menschen mit temporären Einschränkungen (z.B. gebrochener Arm)",[28,1180,1181],{},"Nutzer mit langsamen Internetverbindungen oder älteren Geräten",[378,1183,1185],{"id":1184},"rechtliche-anforderungen","Rechtliche Anforderungen",[16,1187,1188,1189,1192],{},"In vielen Ländern ist WCAG 2.1 AA ",[1150,1190,1191],{},"gesetzlich vorgeschrieben",":",[25,1194,1195,1201,1207],{},[28,1196,1197,1200],{},[1150,1198,1199],{},"EU",": European Accessibility Act (ab 2025 für viele Websites Pflicht)",[28,1202,1203,1206],{},[1150,1204,1205],{},"Deutschland",": Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) für öffentliche Stellen",[28,1208,1209,1212],{},[1150,1210,1211],{},"USA",": Americans with Disabilities Act (ADA) fordert vergleichbare Standards",[16,1214,1215],{},[1150,1216,1217],{},"Nicht-Konformität kann zu Abmahnungen und Klagen führen.",[20,1219,1221],{"id":1220},"die-drei-konformitätsstufen","Die drei Konformitätsstufen",[16,1223,1224],{},"WCAG definiert drei Level:",[378,1226,1228],{"id":1227},"level-a-minimal","Level A (Minimal)",[16,1230,1231,1232,1235],{},"Die grundlegendsten Anforderungen. Ohne diese ist die Website für viele Menschen ",[1150,1233,1234],{},"nicht nutzbar",".",[378,1237,1239],{"id":1238},"level-aa-standard","Level AA (Standard) ⭐",[16,1241,1242,1243,1246],{},"Der ",[1150,1244,1245],{},"goldene Standard"," und in vielen Fällen gesetzlich gefordert. Bietet ein gutes Gleichgewicht zwischen Barrierefreiheit und Umsetzbarkeit.",[378,1248,1250],{"id":1249},"level-aaa-optimal","Level AAA (Optimal)",[16,1252,1253],{},"Die höchste Stufe. Oft nur für spezielle Bereiche sinnvoll, da nicht immer umsetzbar.",[20,1255,1257],{"id":1256},"die-vier-prinzipien-von-wcag","Die vier Prinzipien von WCAG",[16,1259,1260],{},"WCAG basiert auf vier Grundprinzipien (POUR):",[378,1262,1264],{"id":1263},"_1-perceivable-wahrnehmbar","1. Perceivable (Wahrnehmbar)",[16,1266,1267],{},"Informationen müssen für alle Sinne darstellbar sein.",[16,1269,1270],{},[1150,1271,1272],{},"Beispiele:",[25,1274,1275,1278,1281,1284],{},[28,1276,1277],{},"Alternativtexte für Bilder",[28,1279,1280],{},"Untertitel für Videos",[28,1282,1283],{},"Ausreichende Farbkontraste (mindestens 4.5:1 für Text)",[28,1285,1286],{},"Keine Information nur durch Farbe vermitteln",[1288,1289,1293],"pre",{"className":1290,"code":1291,"language":1292,"meta":297,"style":297},"language-html shiki shiki-themes github-light github-dark","\u003C!-- ✅ Gut -->\n\u003Cimg src=\"diagramm.webp\" alt=\"Verkaufszahlen Q4 2024: 25% Steigerung\" />\n\n\u003C!-- ❌ Schlecht -->\n\u003Cimg src=\"diagramm.webp\" alt=\"Diagramm\" />\n","html",[598,1294,1295,1304,1336,1341,1347],{"__ignoreMap":297},[1296,1297,1300],"span",{"class":1298,"line":1299},"line",1,[1296,1301,1303],{"class":1302},"sJ8bj","\u003C!-- ✅ Gut -->\n",[1296,1305,1306,1310,1314,1318,1321,1325,1328,1330,1333],{"class":1298,"line":298},[1296,1307,1309],{"class":1308},"sVt8B","\u003C",[1296,1311,1313],{"class":1312},"s9eBZ","img",[1296,1315,1317],{"class":1316},"sScJk"," src",[1296,1319,1320],{"class":1308},"=",[1296,1322,1324],{"class":1323},"sZZnC","\"diagramm.webp\"",[1296,1326,1327],{"class":1316}," alt",[1296,1329,1320],{"class":1308},[1296,1331,1332],{"class":1323},"\"Verkaufszahlen Q4 2024: 25% Steigerung\"",[1296,1334,1335],{"class":1308}," />\n",[1296,1337,1338],{"class":1298,"line":562},[1296,1339,1340],{"emptyLinePlaceholder":318},"\n",[1296,1342,1344],{"class":1298,"line":1343},4,[1296,1345,1346],{"class":1302},"\u003C!-- ❌ Schlecht -->\n",[1296,1348,1350,1352,1354,1356,1358,1360,1362,1364,1367],{"class":1298,"line":1349},5,[1296,1351,1309],{"class":1308},[1296,1353,1313],{"class":1312},[1296,1355,1317],{"class":1316},[1296,1357,1320],{"class":1308},[1296,1359,1324],{"class":1323},[1296,1361,1327],{"class":1316},[1296,1363,1320],{"class":1308},[1296,1365,1366],{"class":1323},"\"Diagramm\"",[1296,1368,1335],{"class":1308},[378,1370,1372],{"id":1371},"_2-operable-bedienbar","2. Operable (Bedienbar)",[16,1374,1375],{},"Die Website muss mit verschiedenen Eingabemethoden nutzbar sein.",[16,1377,1378],{},[1150,1379,1272],{},[25,1381,1382,1385,1388,1391],{},[28,1383,1384],{},"Vollständige Tastaturnavigation",[28,1386,1387],{},"Keine Zeitlimits oder anpassbare Zeitlimits",[28,1389,1390],{},"Keine blinkenden Inhalte (Anfallsgefahr)",[28,1392,1393],{},"Klare Fokus-Indikatoren",[1288,1395,1399],{"className":1396,"code":1397,"language":1398,"meta":297,"style":297},"language-css shiki shiki-themes github-light github-dark","/* ✅ Fokus-Styles nicht entfernen */\nbutton:focus {\n  outline: 2px solid #1db954;\n  outline-offset: 2px;\n}\n\n/* ❌ Niemals so */\n*:focus {\n  outline: none;\n}\n","css",[598,1400,1401,1406,1417,1442,1455,1460,1465,1471,1481,1493],{"__ignoreMap":297},[1296,1402,1403],{"class":1298,"line":1299},[1296,1404,1405],{"class":1302},"/* ✅ Fokus-Styles nicht entfernen */\n",[1296,1407,1408,1411,1414],{"class":1298,"line":298},[1296,1409,1410],{"class":1312},"button",[1296,1412,1413],{"class":1316},":focus",[1296,1415,1416],{"class":1308}," {\n",[1296,1418,1419,1423,1426,1429,1433,1436,1439],{"class":1298,"line":562},[1296,1420,1422],{"class":1421},"sj4cs","  outline",[1296,1424,1425],{"class":1308},": ",[1296,1427,1428],{"class":1421},"2",[1296,1430,1432],{"class":1431},"szBVR","px",[1296,1434,1435],{"class":1421}," solid",[1296,1437,1438],{"class":1421}," #1db954",[1296,1440,1441],{"class":1308},";\n",[1296,1443,1444,1447,1449,1451,1453],{"class":1298,"line":1343},[1296,1445,1446],{"class":1421},"  outline-offset",[1296,1448,1425],{"class":1308},[1296,1450,1428],{"class":1421},[1296,1452,1432],{"class":1431},[1296,1454,1441],{"class":1308},[1296,1456,1457],{"class":1298,"line":1349},[1296,1458,1459],{"class":1308},"}\n",[1296,1461,1463],{"class":1298,"line":1462},6,[1296,1464,1340],{"emptyLinePlaceholder":318},[1296,1466,1468],{"class":1298,"line":1467},7,[1296,1469,1470],{"class":1302},"/* ❌ Niemals so */\n",[1296,1472,1474,1477,1479],{"class":1298,"line":1473},8,[1296,1475,1476],{"class":1312},"*",[1296,1478,1413],{"class":1316},[1296,1480,1416],{"class":1308},[1296,1482,1484,1486,1488,1491],{"class":1298,"line":1483},9,[1296,1485,1422],{"class":1421},[1296,1487,1425],{"class":1308},[1296,1489,1490],{"class":1421},"none",[1296,1492,1441],{"class":1308},[1296,1494,1496],{"class":1298,"line":1495},10,[1296,1497,1459],{"class":1308},[378,1499,1501],{"id":1500},"_3-understandable-verständlich","3. Understandable (Verständlich)",[16,1503,1504],{},"Inhalt und Bedienung müssen klar und nachvollziehbar sein.",[16,1506,1507],{},[1150,1508,1272],{},[25,1510,1511,1514,1517,1520],{},[28,1512,1513],{},"Konsistente Navigation",[28,1515,1516],{},"Klare Fehlermeldungen bei Formularen",[28,1518,1519],{},"Sprachwechsel im Code markieren",[28,1521,1522],{},"Vorhersehbares Verhalten",[1288,1524,1526],{"className":1290,"code":1525,"language":1292,"meta":297,"style":297},"\u003C!-- ✅ Klare Fehlermeldung -->\n\u003Clabel for=\"email\">E-Mail-Adresse *\u003C/label>\n\u003Cinput id=\"email\" type=\"email\" required aria-describedby=\"email-error\" />\n\u003Cspan id=\"email-error\" role=\"alert\">\n  Bitte gib eine gültige E-Mail-Adresse ein (z.B. name@beispiel.de)\n\u003C/span>\n\n\u003C!-- ❌ Unklar -->\n\u003Cinput type=\"email\" placeholder=\"Email\" />\n\u003Cspan style=\"color: red;\">Fehler\u003C/span>\n",[598,1527,1528,1533,1556,1590,1612,1617,1626,1630,1635,1657],{"__ignoreMap":297},[1296,1529,1530],{"class":1298,"line":1299},[1296,1531,1532],{"class":1302},"\u003C!-- ✅ Klare Fehlermeldung -->\n",[1296,1534,1535,1537,1540,1543,1545,1548,1551,1553],{"class":1298,"line":298},[1296,1536,1309],{"class":1308},[1296,1538,1539],{"class":1312},"label",[1296,1541,1542],{"class":1316}," for",[1296,1544,1320],{"class":1308},[1296,1546,1547],{"class":1323},"\"email\"",[1296,1549,1550],{"class":1308},">E-Mail-Adresse *\u003C/",[1296,1552,1539],{"class":1312},[1296,1554,1555],{"class":1308},">\n",[1296,1557,1558,1560,1563,1566,1568,1570,1573,1575,1577,1580,1583,1585,1588],{"class":1298,"line":562},[1296,1559,1309],{"class":1308},[1296,1561,1562],{"class":1312},"input",[1296,1564,1565],{"class":1316}," id",[1296,1567,1320],{"class":1308},[1296,1569,1547],{"class":1323},[1296,1571,1572],{"class":1316}," type",[1296,1574,1320],{"class":1308},[1296,1576,1547],{"class":1323},[1296,1578,1579],{"class":1316}," required",[1296,1581,1582],{"class":1316}," aria-describedby",[1296,1584,1320],{"class":1308},[1296,1586,1587],{"class":1323},"\"email-error\"",[1296,1589,1335],{"class":1308},[1296,1591,1592,1594,1596,1598,1600,1602,1605,1607,1610],{"class":1298,"line":1343},[1296,1593,1309],{"class":1308},[1296,1595,1296],{"class":1312},[1296,1597,1565],{"class":1316},[1296,1599,1320],{"class":1308},[1296,1601,1587],{"class":1323},[1296,1603,1604],{"class":1316}," role",[1296,1606,1320],{"class":1308},[1296,1608,1609],{"class":1323},"\"alert\"",[1296,1611,1555],{"class":1308},[1296,1613,1614],{"class":1298,"line":1349},[1296,1615,1616],{"class":1308},"  Bitte gib eine gültige E-Mail-Adresse ein (z.B. name@beispiel.de)\n",[1296,1618,1619,1622,1624],{"class":1298,"line":1462},[1296,1620,1621],{"class":1308},"\u003C/",[1296,1623,1296],{"class":1312},[1296,1625,1555],{"class":1308},[1296,1627,1628],{"class":1298,"line":1467},[1296,1629,1340],{"emptyLinePlaceholder":318},[1296,1631,1632],{"class":1298,"line":1473},[1296,1633,1634],{"class":1302},"\u003C!-- ❌ Unklar -->\n",[1296,1636,1637,1639,1641,1643,1645,1647,1650,1652,1655],{"class":1298,"line":1483},[1296,1638,1309],{"class":1308},[1296,1640,1562],{"class":1312},[1296,1642,1572],{"class":1316},[1296,1644,1320],{"class":1308},[1296,1646,1547],{"class":1323},[1296,1648,1649],{"class":1316}," placeholder",[1296,1651,1320],{"class":1308},[1296,1653,1654],{"class":1323},"\"Email\"",[1296,1656,1335],{"class":1308},[1296,1658,1659,1661,1663,1666,1668,1671,1674,1676],{"class":1298,"line":1495},[1296,1660,1309],{"class":1308},[1296,1662,1296],{"class":1312},[1296,1664,1665],{"class":1316}," style",[1296,1667,1320],{"class":1308},[1296,1669,1670],{"class":1323},"\"color: red;\"",[1296,1672,1673],{"class":1308},">Fehler\u003C/",[1296,1675,1296],{"class":1312},[1296,1677,1555],{"class":1308},[378,1679,1681],{"id":1680},"_4-robust-robust","4. Robust (Robust)",[16,1683,1684],{},"Inhalte müssen mit aktuellen und zukünftigen Technologien funktionieren.",[16,1686,1687],{},[1150,1688,1272],{},[25,1690,1691,1694,1697,1700],{},[28,1692,1693],{},"Valider HTML-Code",[28,1695,1696],{},"ARIA-Attribute korrekt verwenden",[28,1698,1699],{},"Kompatibilität mit Screenreadern",[28,1701,1702],{},"Progressive Enhancement",[20,1704,1706],{"id":1705},"die-wichtigsten-aa-anforderungen","Die wichtigsten AA-Anforderungen",[378,1708,1710],{"id":1709},"farbkontrast","Farbkontrast",[25,1712,1713,1719],{},[28,1714,1715,1718],{},[1150,1716,1717],{},"Text",": Mindestens 4.5:1 (normal) oder 3:1 (groß)",[28,1720,1721,1724],{},[1150,1722,1723],{},"UI-Elemente",": Mindestens 3:1",[1288,1726,1728],{"className":1396,"code":1727,"language":1398,"meta":297,"style":297},"/* ✅ Ausreichender Kontrast */\ncolor: #0f172a; /* Dunkelgrau auf Weiß = 16:1 */\nbackground: #ffffff;\n\n/* ❌ Zu wenig Kontrast */\ncolor: #cccccc; /* Hellgrau auf Weiß = 2.8:1 */\nbackground: #ffffff;\n",[598,1729,1730,1735,1750,1758,1762,1767,1777],{"__ignoreMap":297},[1296,1731,1732],{"class":1298,"line":1299},[1296,1733,1734],{"class":1302},"/* ✅ Ausreichender Kontrast */\n",[1296,1736,1737,1740,1744,1747],{"class":1298,"line":298},[1296,1738,1739],{"class":1308},"color: ",[1296,1741,1743],{"class":1742},"s7hpK","#0f172a",[1296,1745,1746],{"class":1308},"; ",[1296,1748,1749],{"class":1302},"/* Dunkelgrau auf Weiß = 16:1 */\n",[1296,1751,1752,1755],{"class":1298,"line":562},[1296,1753,1754],{"class":1308},"background: ",[1296,1756,1757],{"class":1742},"#ffffff;\n",[1296,1759,1760],{"class":1298,"line":1343},[1296,1761,1340],{"emptyLinePlaceholder":318},[1296,1763,1764],{"class":1298,"line":1349},[1296,1765,1766],{"class":1302},"/* ❌ Zu wenig Kontrast */\n",[1296,1768,1769,1771,1774],{"class":1298,"line":1462},[1296,1770,1739],{"class":1308},[1296,1772,1773],{"class":1742},"#cccccc;",[1296,1775,1776],{"class":1302}," /* Hellgrau auf Weiß = 2.8:1 */\n",[1296,1778,1779,1781],{"class":1298,"line":1467},[1296,1780,1754],{"class":1308},[1296,1782,1757],{"class":1742},[378,1784,1786],{"id":1785},"größe-von-touch-targets","Größe von Touch-Targets",[25,1788,1789,1796],{},[28,1790,1791,1792,1795],{},"Mindestens ",[1150,1793,1794],{},"44×44 Pixel"," für klickbare Elemente",[28,1797,1798],{},"Ausreichend Abstand zwischen Elementen",[378,1800,1802],{"id":1801},"textgröße-und-zoom","Textgröße und Zoom",[25,1804,1805,1812],{},[28,1806,1807,1808,1811],{},"Text muss auf ",[1150,1809,1810],{},"200% zoombar"," sein ohne Funktionsverlust",[28,1813,1814],{},"Responsive Design für verschiedene Bildschirmgrößen",[378,1816,1818],{"id":1817},"formulare","Formulare",[25,1820,1821,1827,1830],{},[28,1822,1823,1824],{},"Jedes Eingabefeld braucht ein ",[598,1825,1826],{},"\u003Clabel>",[28,1828,1829],{},"Fehler müssen klar beschrieben werden",[28,1831,1832],{},"Pflichtfelder deutlich markieren",[378,1834,1836],{"id":1835},"tastaturnavigation","Tastaturnavigation",[25,1838,1839,1842,1845,1848],{},[28,1840,1841],{},"Alle Funktionen per Tastatur erreichbar",[28,1843,1844],{},"Logische Tab-Reihenfolge",[28,1846,1847],{},"Sichtbare Fokus-Indikatoren",[28,1849,1850],{},"Keine Tastaturfallen",[20,1852,1854],{"id":1853},"häufige-fehler-und-wie-man-sie-vermeidet","Häufige Fehler (und wie man sie vermeidet)",[378,1856,1858],{"id":1857},"fehler-1-fehlende-alt-texte","❌ Fehler 1: Fehlende Alt-Texte",[1288,1860,1862],{"className":1290,"code":1861,"language":1292,"meta":297,"style":297},"\u003C!-- Schlecht -->\n\u003Cimg src=\"produkt.webp\" />\n\n\u003C!-- Gut -->\n\u003Cimg src=\"produkt.webp\" alt=\"Ergonomischer Bürostuhl mit Lordosenstütze\" />\n\n\u003C!-- Dekoratives Bild -->\n\u003Cimg src=\"decoration.svg\" alt=\"\" role=\"presentation\" />\n",[598,1863,1864,1869,1884,1888,1893,1914,1918,1923],{"__ignoreMap":297},[1296,1865,1866],{"class":1298,"line":1299},[1296,1867,1868],{"class":1302},"\u003C!-- Schlecht -->\n",[1296,1870,1871,1873,1875,1877,1879,1882],{"class":1298,"line":298},[1296,1872,1309],{"class":1308},[1296,1874,1313],{"class":1312},[1296,1876,1317],{"class":1316},[1296,1878,1320],{"class":1308},[1296,1880,1881],{"class":1323},"\"produkt.webp\"",[1296,1883,1335],{"class":1308},[1296,1885,1886],{"class":1298,"line":562},[1296,1887,1340],{"emptyLinePlaceholder":318},[1296,1889,1890],{"class":1298,"line":1343},[1296,1891,1892],{"class":1302},"\u003C!-- Gut -->\n",[1296,1894,1895,1897,1899,1901,1903,1905,1907,1909,1912],{"class":1298,"line":1349},[1296,1896,1309],{"class":1308},[1296,1898,1313],{"class":1312},[1296,1900,1317],{"class":1316},[1296,1902,1320],{"class":1308},[1296,1904,1881],{"class":1323},[1296,1906,1327],{"class":1316},[1296,1908,1320],{"class":1308},[1296,1910,1911],{"class":1323},"\"Ergonomischer Bürostuhl mit Lordosenstütze\"",[1296,1913,1335],{"class":1308},[1296,1915,1916],{"class":1298,"line":1462},[1296,1917,1340],{"emptyLinePlaceholder":318},[1296,1919,1920],{"class":1298,"line":1467},[1296,1921,1922],{"class":1302},"\u003C!-- Dekoratives Bild -->\n",[1296,1924,1925,1927,1929,1931,1933,1936,1938,1940,1943,1945,1947,1950],{"class":1298,"line":1473},[1296,1926,1309],{"class":1308},[1296,1928,1313],{"class":1312},[1296,1930,1317],{"class":1316},[1296,1932,1320],{"class":1308},[1296,1934,1935],{"class":1323},"\"decoration.svg\"",[1296,1937,1327],{"class":1316},[1296,1939,1320],{"class":1308},[1296,1941,1942],{"class":1323},"\"\"",[1296,1944,1604],{"class":1316},[1296,1946,1320],{"class":1308},[1296,1948,1949],{"class":1323},"\"presentation\"",[1296,1951,1335],{"class":1308},[378,1953,1955],{"id":1954},"fehler-2-schlechter-farbkontrast","❌ Fehler 2: Schlechter Farbkontrast",[16,1957,1958,1959,1964],{},"Nutze Tools wie ",[286,1960,1963],{"href":1961,"rel":1962},"https://webaim.org/resources/contrastchecker/",[554],"WebAIM Contrast Checker"," zum Testen.",[378,1966,1968],{"id":1967},"fehler-3-nur-farbe-als-information","❌ Fehler 3: Nur Farbe als Information",[1288,1970,1972],{"className":1290,"code":1971,"language":1292,"meta":297,"style":297},"\u003C!-- Schlecht -->\n\u003Cspan style=\"color: red;\">Pflichtfeld\u003C/span>\n\n\u003C!-- Gut -->\n\u003Cspan style=\"color: red;\">* Pflichtfeld\u003C/span>\n",[598,1973,1974,1978,1997,2001,2005],{"__ignoreMap":297},[1296,1975,1976],{"class":1298,"line":1299},[1296,1977,1868],{"class":1302},[1296,1979,1980,1982,1984,1986,1988,1990,1993,1995],{"class":1298,"line":298},[1296,1981,1309],{"class":1308},[1296,1983,1296],{"class":1312},[1296,1985,1665],{"class":1316},[1296,1987,1320],{"class":1308},[1296,1989,1670],{"class":1323},[1296,1991,1992],{"class":1308},">Pflichtfeld\u003C/",[1296,1994,1296],{"class":1312},[1296,1996,1555],{"class":1308},[1296,1998,1999],{"class":1298,"line":562},[1296,2000,1340],{"emptyLinePlaceholder":318},[1296,2002,2003],{"class":1298,"line":1343},[1296,2004,1892],{"class":1302},[1296,2006,2007,2009,2011,2013,2015,2017,2020,2022],{"class":1298,"line":1349},[1296,2008,1309],{"class":1308},[1296,2010,1296],{"class":1312},[1296,2012,1665],{"class":1316},[1296,2014,1320],{"class":1308},[1296,2016,1670],{"class":1323},[1296,2018,2019],{"class":1308},">* Pflichtfeld\u003C/",[1296,2021,1296],{"class":1312},[1296,2023,1555],{"class":1308},[378,2025,2027],{"id":2026},"fehler-4-unklare-links","❌ Fehler 4: Unklare Links",[1288,2029,2031],{"className":1290,"code":2030,"language":1292,"meta":297,"style":297},"\u003C!-- Schlecht -->\n\u003Ca href=\"/mehr\">Mehr erfahren\u003C/a>\n\n\u003C!-- Gut -->\n\u003Ca href=\"/wcag-guide\">Mehr über WCAG 2.1 erfahren\u003C/a>\n",[598,2032,2033,2037,2058,2062,2066],{"__ignoreMap":297},[1296,2034,2035],{"class":1298,"line":1299},[1296,2036,1868],{"class":1302},[1296,2038,2039,2041,2043,2046,2048,2051,2054,2056],{"class":1298,"line":298},[1296,2040,1309],{"class":1308},[1296,2042,286],{"class":1312},[1296,2044,2045],{"class":1316}," href",[1296,2047,1320],{"class":1308},[1296,2049,2050],{"class":1323},"\"/mehr\"",[1296,2052,2053],{"class":1308},">Mehr erfahren\u003C/",[1296,2055,286],{"class":1312},[1296,2057,1555],{"class":1308},[1296,2059,2060],{"class":1298,"line":562},[1296,2061,1340],{"emptyLinePlaceholder":318},[1296,2063,2064],{"class":1298,"line":1343},[1296,2065,1892],{"class":1302},[1296,2067,2068,2070,2072,2074,2076,2079,2082,2084],{"class":1298,"line":1349},[1296,2069,1309],{"class":1308},[1296,2071,286],{"class":1312},[1296,2073,2045],{"class":1316},[1296,2075,1320],{"class":1308},[1296,2077,2078],{"class":1323},"\"/wcag-guide\"",[1296,2080,2081],{"class":1308},">Mehr über WCAG 2.1 erfahren\u003C/",[1296,2083,286],{"class":1312},[1296,2085,1555],{"class":1308},[378,2087,2089],{"id":2088},"fehler-5-fehlende-formular-labels","❌ Fehler 5: Fehlende Formular-Labels",[1288,2091,2093],{"className":1290,"code":2092,"language":1292,"meta":297,"style":297},"\u003C!-- Schlecht -->\n\u003Cinput type=\"text\" placeholder=\"Name\" />\n\n\u003C!-- Gut -->\n\u003Clabel for=\"name\">Name\u003C/label>\n\u003Cinput id=\"name\" type=\"text\" placeholder=\"z.B. Max Mustermann\" />\n",[598,2094,2095,2099,2121,2125,2129,2149],{"__ignoreMap":297},[1296,2096,2097],{"class":1298,"line":1299},[1296,2098,1868],{"class":1302},[1296,2100,2101,2103,2105,2107,2109,2112,2114,2116,2119],{"class":1298,"line":298},[1296,2102,1309],{"class":1308},[1296,2104,1562],{"class":1312},[1296,2106,1572],{"class":1316},[1296,2108,1320],{"class":1308},[1296,2110,2111],{"class":1323},"\"text\"",[1296,2113,1649],{"class":1316},[1296,2115,1320],{"class":1308},[1296,2117,2118],{"class":1323},"\"Name\"",[1296,2120,1335],{"class":1308},[1296,2122,2123],{"class":1298,"line":562},[1296,2124,1340],{"emptyLinePlaceholder":318},[1296,2126,2127],{"class":1298,"line":1343},[1296,2128,1892],{"class":1302},[1296,2130,2131,2133,2135,2137,2139,2142,2145,2147],{"class":1298,"line":1349},[1296,2132,1309],{"class":1308},[1296,2134,1539],{"class":1312},[1296,2136,1542],{"class":1316},[1296,2138,1320],{"class":1308},[1296,2140,2141],{"class":1323},"\"name\"",[1296,2143,2144],{"class":1308},">Name\u003C/",[1296,2146,1539],{"class":1312},[1296,2148,1555],{"class":1308},[1296,2150,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169,2171,2174],{"class":1298,"line":1462},[1296,2152,1309],{"class":1308},[1296,2154,1562],{"class":1312},[1296,2156,1565],{"class":1316},[1296,2158,1320],{"class":1308},[1296,2160,2141],{"class":1323},[1296,2162,1572],{"class":1316},[1296,2164,1320],{"class":1308},[1296,2166,2111],{"class":1323},[1296,2168,1649],{"class":1316},[1296,2170,1320],{"class":1308},[1296,2172,2173],{"class":1323},"\"z.B. Max Mustermann\"",[1296,2175,1335],{"class":1308},[20,2177,2179],{"id":2178},"tools-zum-testen","Tools zum Testen",[378,2181,2183],{"id":2182},"browser-extensions","Browser-Extensions",[25,2185,2186,2192,2198],{},[28,2187,2188,2191],{},[1150,2189,2190],{},"axe DevTools"," (Chrome/Firefox) – Umfangreich und präzise",[28,2193,2194,2197],{},[1150,2195,2196],{},"WAVE"," (Chrome/Firefox) – Visuelles Feedback",[28,2199,2200,2203],{},[1150,2201,2202],{},"Lighthouse"," (in Chrome DevTools) – Automatische Audits",[378,2205,2207],{"id":2206},"manuelle-tests","Manuelle Tests",[25,2209,2210,2225,2231],{},[28,2211,2212,2214,2215,780,2218,2221,2222],{},[1150,2213,1836],{},": Navigiere die gesamte Seite nur mit ",[598,2216,2217],{},"Tab",[598,2219,2220],{},"Enter"," und ",[598,2223,2224],{},"Esc",[28,2226,2227,2230],{},[1150,2228,2229],{},"Screenreader",": Teste mit NVDA (Windows), JAWS oder VoiceOver (Mac/iOS)",[28,2232,2233,2236],{},[1150,2234,2235],{},"Zoom",": Zoome auf 200% und prüfe Lesbarkeit",[378,2238,2240],{"id":2239},"online-tools","Online-Tools",[25,2242,2243,2249,2254],{},[28,2244,2245],{},[286,2246,2196],{"href":2247,"rel":2248},"https://wave.webaim.org/",[554],[28,2250,2251],{},[286,2252,1963],{"href":1961,"rel":2253},[554],[28,2255,2256],{},[286,2257,2260],{"href":2258,"rel":2259},"https://validator.w3.org/",[554],"W3C Validator",[20,2262,2264],{"id":2263},"business-case-für-wcag","Business Case für WCAG",[378,2266,2268],{"id":2267},"größere-zielgruppe","Größere Zielgruppe",[16,2270,2271,2272,2275],{},"15% der Bevölkerung haben eine Behinderung – das sind ",[1150,2273,2274],{},"potenzielle Kunden",", die Ihre Konkurrenz verliert.",[378,2277,2279],{"id":2278},"bessere-seo","Bessere SEO",[16,2281,2282],{},"Viele WCAG-Anforderungen (semantisches HTML, Alt-Texte, klare Struktur) helfen auch Suchmaschinen.",[378,2284,2286],{"id":2285},"höhere-conversion","Höhere Conversion",[16,2288,2289,2290,2293],{},"Barrierefreie Websites sind oft ",[1150,2291,2292],{},"einfacher für alle"," zu nutzen:",[25,2295,2296,2299,2302],{},[28,2297,2298],{},"Klarere Navigation",[28,2300,2301],{},"Bessere Formulare",[28,2303,2304],{},"Schnellere Ladezeiten",[378,2306,2308],{"id":2307},"rechtssicherheit","Rechtssicherheit",[16,2310,2311],{},"Vermeide teure Abmahnungen und Klagen.",[20,2313,2315],{"id":2314},"wcag-in-der-praxis-unsere-herangehensweise","WCAG in der Praxis: Unsere Herangehensweise",[16,2317,2318,2319,2322],{},"Bei ",[1150,2320,2321],{},"InnfinIT"," integrieren wir WCAG 2.1 AA von Anfang an:",[378,2324,2326],{"id":2325},"_1-design-phase","1. Design-Phase",[25,2328,2329,2332,2335],{},[28,2330,2331],{},"Farbpalette mit ausreichendem Kontrast",[28,2333,2334],{},"Touch-Target-Größen berücksichtigen",[28,2336,2337],{},"Klare visuelle Hierarchie",[378,2339,2341],{"id":2340},"_2-entwicklung","2. Entwicklung",[25,2343,2344,2347,2350,2353],{},[28,2345,2346],{},"Semantisches HTML",[28,2348,2349],{},"ARIA-Attribute wo nötig",[28,2351,2352],{},"Tastaturnavigation testen",[28,2354,1702],{},[378,2356,2358],{"id":2357},"_3-testing","3. Testing",[25,2360,2361,2364,2367,2370],{},[28,2362,2363],{},"Automatische Tests mit axe",[28,2365,2366],{},"Manuelle Tastatur-Tests",[28,2368,2369],{},"Screenreader-Tests",[28,2371,2372],{},"Echte Nutzer mit Behinderungen (wenn möglich)",[378,2374,2376],{"id":2375},"_4-dokumentation","4. Dokumentation",[25,2378,2379,2382,2385],{},[28,2380,2381],{},"WCAG-Konformitätserklärung",[28,2383,2384],{},"Bekannte Einschränkungen dokumentieren",[28,2386,2387],{},"Kontaktmöglichkeit für Feedback",[20,2389,273],{"id":272},[16,2391,2392,2393,2396],{},"WCAG 2.1 AA ist ",[1150,2394,2395],{},"kein \"Nice-to-have\"",", sondern:",[16,2398,2399,2400,2403,2405,2406,2409,2405,2411,2414,2405,2416],{},"✅ ",[1150,2401,2402],{},"Rechtlich oft erforderlich",[132,2404],{},"\n✅ ",[1150,2407,2408],{},"Ethisch richtig",[132,2410],{},[1150,2412,2413],{},"Business-sinnvoll",[132,2415],{},[1150,2417,2418],{},"Technisch machbar",[16,2420,2421,2422,2425],{},"Der beste Zeitpunkt, um mit Barrierefreiheit zu starten, ist ",[1150,2423,2424],{},"jetzt"," – am besten gleich beim nächsten Projekt.",[545,2427],{},[20,2429,2431],{"id":2430},"sie-brauchen-hilfe-bei-der-umsetzung","Sie brauchen Hilfe bei der Umsetzung?",[16,2433,2434],{},"Wir bei InnfinIT achten bei jedem Design- und Entwicklungsprojekt auf WCAG 2.1 AA-Konformität. Von Farbauswahl über semantischen Code bis zum finalen Testing.",[16,2436,2437],{},[1150,2438,2439],{},[286,2440,2441],{"href":288},"Kostenloses Beratungsgespräch vereinbaren →",[545,2443],{},[16,2445,2446],{},[1150,2447,2448],{},"Weitere Ressourcen:",[25,2450,2451,2458,2465],{},[28,2452,2453],{},[286,2454,2457],{"href":2455,"rel":2456},"https://www.w3.org/WAI/WCAG21/quickref/",[554],"WCAG 2.1 Offizielle Dokumentation",[28,2459,2460],{},[286,2461,2464],{"href":2462,"rel":2463},"https://www.a11yproject.com/checklist/",[554],"A11y Project Checklist",[28,2466,2467],{},[286,2468,2471],{"href":2469,"rel":2470},"https://developer.mozilla.org/en-US/docs/Web/Accessibility",[554],"MDN Accessibility Guide",[2473,2474,2475],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}",{"title":297,"searchDepth":298,"depth":298,"links":2477},[2478,2481,2486,2492,2499,2506,2511,2517,2523,2524],{"id":1156,"depth":298,"text":1157,"children":2479},[2480],{"id":1184,"depth":562,"text":1185},{"id":1220,"depth":298,"text":1221,"children":2482},[2483,2484,2485],{"id":1227,"depth":562,"text":1228},{"id":1238,"depth":562,"text":1239},{"id":1249,"depth":562,"text":1250},{"id":1256,"depth":298,"text":1257,"children":2487},[2488,2489,2490,2491],{"id":1263,"depth":562,"text":1264},{"id":1371,"depth":562,"text":1372},{"id":1500,"depth":562,"text":1501},{"id":1680,"depth":562,"text":1681},{"id":1705,"depth":298,"text":1706,"children":2493},[2494,2495,2496,2497,2498],{"id":1709,"depth":562,"text":1710},{"id":1785,"depth":562,"text":1786},{"id":1801,"depth":562,"text":1802},{"id":1817,"depth":562,"text":1818},{"id":1835,"depth":562,"text":1836},{"id":1853,"depth":298,"text":1854,"children":2500},[2501,2502,2503,2504,2505],{"id":1857,"depth":562,"text":1858},{"id":1954,"depth":562,"text":1955},{"id":1967,"depth":562,"text":1968},{"id":2026,"depth":562,"text":2027},{"id":2088,"depth":562,"text":2089},{"id":2178,"depth":298,"text":2179,"children":2507},[2508,2509,2510],{"id":2182,"depth":562,"text":2183},{"id":2206,"depth":562,"text":2207},{"id":2239,"depth":562,"text":2240},{"id":2263,"depth":298,"text":2264,"children":2512},[2513,2514,2515,2516],{"id":2267,"depth":562,"text":2268},{"id":2278,"depth":562,"text":2279},{"id":2285,"depth":562,"text":2286},{"id":2307,"depth":562,"text":2308},{"id":2314,"depth":298,"text":2315,"children":2518},[2519,2520,2521,2522],{"id":2325,"depth":562,"text":2326},{"id":2340,"depth":562,"text":2341},{"id":2357,"depth":562,"text":2358},{"id":2375,"depth":562,"text":2376},{"id":272,"depth":298,"text":273},{"id":2430,"depth":298,"text":2431},"Alles Wichtige über die Web Content Accessibility Guidelines und warum sie für Ihre Website unverzichtbar sind.",{"date":573,"author":312,"category":574,"tags":2527,"image":2529},[2528,576,574,577],"WCAG","/assets/img/leistungen/design.webp","/blog/wcag-2-1-aa",{"title":1140,"description":2525},"blog/wcag-2-1-aa","nusEtkRIYNR2U69qH9BqoU0okgmXpW1zNhopJs9vecs",1774112249748]