[{"data":1,"prerenderedAt":259},["ShallowReactive",2],{"$fRp1Y-6KdmSxfNMH7Ua-7O_RFY0AoOF7_AJMgl6boqmc":3,"$fXB-rBd6w38eeA5c8dpkk_ZI4w4KEhewpK3Nh686XXow":113},{"slug":4,"name":5,"metaTitle":6,"metaDescription":7,"hero":8,"ansatz":36,"ansatzFootnote":61,"techStack":62,"techFootnote":72,"faq":73,"relatedCards":86,"finalCta":106},"barrierefreiheit","Barrierefreiheit","Barrierefreiheit BFSG & WCAG 2.2 – dreißigelf, Leverkusen","BFSG-konforme Web-Anwendungen nach WCAG 2.2 AA und BITV 2.0. Audit, Beratung, Schulung und Umsetzung aus einer Hand in Leverkusen.",{"eyebrowLabel":9,"breadcrumb":10,"titleLead":18,"rotators":19,"titleTrail":27,"lede":28,"primaryCta":29,"secondaryCta":32,"decor":35},"Compliance · Barrierefreiheit",[11,14,17],{"label":12,"href":13},"Start","\u002F",{"label":15,"href":16},"Leistungen","\u002Fleistungen",{"label":5},"Anwendungen, die",[20,21,22,23,24,25,26],"von allen","mit Reader","mit Tasten","ohne Maus","per Zoom","mit Stimme","mit Brille","benutzt werden können.","WCAG 2.2 AA, BITV 2.0, BFSG – wir prüfen, beraten und schulen. Geprüft mit denselben Verfahren wie zertifizierte Audits – mit Screenreadern und Tastatur-Sweeps durch unser Team, nicht nur mit axe-core und Lighthouse. Nach dem Audit ein priorisierter Befund und ein knapper Maßnahmenplan.",{"label":30,"href":31},"Gespräch vereinbaren","#kontakt",{"label":33,"href":34},"Fallstudie lesen","#fallstudie","elf",[37,43,49,55],{"number":38,"title":39,"duration":40,"milestone":41,"description":42},"01","Audit nach WCAG 2.2 AA","1–2 Wochen","Befundbericht","Manuelle Prüfung kombiniert mit automatisiertem Scan über axe-core und Pa11y. Befund nach Schweregrad priorisiert – nach betroffener Nutzerschaft, nicht nur nach WCAG-Referenznummer.",{"number":44,"title":45,"duration":46,"milestone":47,"description":48},"02","Quick Wins","2–4 Wochen","Spürbare Verbesserung","Korrekturen mit großem Effekt: Alt-Texte mit Sinn statt mit Dateinamen, saubere Überschriftenhierarchie, Farbkontraste auf AA, sichtbare Fokus-Indikatoren, sprechende Linktexte. Meist eine überschaubare Ticketmenge, die in wenigen Wochen abgeräumt ist.",{"number":50,"title":51,"duration":52,"milestone":53,"description":54},"03","Strukturelle Arbeiten","2–4 Monate","BFSG-Konformität","Die wirklichen Baustellen: Formularvalidierung mit ARIA-Beziehungen, modale Dialoge mit korrektem Fokus-Trap, Drag-and-Drop mit Tastatur-Äquivalenten, Live-Regions für dynamische Inhalte, Tabellen mit Header-Verknüpfung. Mit Screenreader und Tastatur gegengeprüft, nicht nur mit dem Validator.",{"number":56,"title":57,"duration":58,"milestone":59,"description":60},"04","Schulung & Nachhaltigkeit","laufend","Stetige Konformität","Schulung für Ihre Entwicklerinnen und für Ihre Redaktion. CI-Integration mit axe-core, Pa11y und Lighthouse, damit neue Verstöße sofort im Pull-Request auffallen. Jährliche Wiederholungsprüfung, weil sich die Anwendung weiterentwickelt.","Wir prüfen mit denselben Werkzeugen wie zertifizierte Audits – Screenreader (JAWS, NVDA, VoiceOver), ausschließlich per Tastatur und mit Bildschirm-Vergrößerung.",[63,66,69],{"category":64,"items":65},"Automatisierte Prüfung","axe-core, Pa11y, Wave, Lighthouse",{"category":67,"items":68},"Manuelle Prüfung","JAWS, NVDA, VoiceOver (macOS\u002FiOS), TalkBack, Tastatur-Only-Sweep",{"category":70,"items":71},"Regelwerke","WCAG 2.2 AA, EN 301 549 v3.2.1, BITV 2.0, BFSG, EU Web Accessibility Directive","Die Erklärung zur Barrierefreiheit nach BFSG und ein niedrigschwelliger Feedback-Mechanismus gehören standardmäßig zum Umbau – nicht als Zusatzpunkt im Angebot.",[74,77,80,83],{"question":75,"answer":76},"Fällt unsere Anwendung unter das BFSG?","Seit dem 28. Juni 2025 gelten über das BFSG auch für viele digitale Verbraucherangebote konkrete Anforderungen. Ob Online-Shop, digitale Buchung, Banking-App oder B2C-Portal — wir prüfen im Erstgespräch, was für Ihren Fall wirklich relevant ist.",{"question":78,"answer":79},"Was kostet ein Barrierefreiheits-Audit?","Den Aufwand kalkulieren wir nach einem kurzen Erstgespräch. Was ihn formt: Maskenzahl, Anteil dynamischer Inhalte und Custom-Widgets. Vor jedem Angebot sehen wir uns die Anwendung an – damit die Schätzung stimmt.",{"question":81,"answer":82},"Lässt sich Barrierefreiheit nachträglich herstellen?","Ja, aber teurer als von Anfang an – wie viel teurer, hängt vom Zustand der Anwendung ab. Bei veralteten Komponenten oder Custom-Widgets ohne ARIA-Grundgerüst wird es deutlich teurer. Nach dem Audit geben wir Ihnen eine konkrete Hochrechnung.",{"question":84,"answer":85},"Lässt sich Barrierefreiheit in der CI prüfen?","Teilweise. axe-core, Pa11y und Lighthouse fangen automatisch einen Teil der WCAG-Verstöße ab – den Rest erkennt nur das menschliche Auge oder Ohr. Die CI-Integration bauen wir ab Werk; manuelle Reviews werden seltener, aber nicht überflüssig.",[87,94,100],{"category":88,"title":89,"description":90,"slug":91,"href":92,"cta":93},"Web","Webentwicklung","Web-Anwendungen, die ab Werk WCAG 2.2 AA erfüllen – nicht nachträglich umgebaut, sondern in jeder Komponente mitgedacht.","webentwicklung","\u002Fleistungen\u002Fwebentwicklung","Leistung ansehen",{"category":95,"title":96,"description":97,"slug":98,"href":99,"cta":93},"Aufbau","Individualsoftware","Neuentwicklungen bauen wir barrierefrei ab Werk – günstiger als jeder spätere Umbau, BFSG-fest von Tag eins.","individualsoftware","\u002Fleistungen\u002Findividualsoftware",{"category":101,"title":102,"description":103,"slug":104,"href":105,"cta":93},"Pflege","Weiterentwicklung bestehender Anwendungen","Barrierefreiheit ist Dauerarbeit, kein Projekt mit Enddatum. Wir halten Ihre Anwendung konform, auch wenn neue Features dazukommen.","weiterentwicklung","\u002Fleistungen\u002Fweiterentwicklung",{"title":107,"titleEmphasis":108,"primary":109,"secondary":111},"Auditieren wir Ihre","Konformität",{"label":30,"href":110},"\u002Fkontakt",{"label":112,"href":16},"Leistungsübersicht",[114,140,157,171,184,196,210,225,238,249],{"slug":115,"clientName":116,"industrySector":117,"engagementPeriod":58,"caseStudyTitle":118,"summaryParagraph":119,"highlightMetricLabel":120,"isHomepageHero":121,"coverImage":122,"subpageLinks":127},"myturn-vrundstedt","v. Rundstedt & Partner GmbH","HR-Beratung · Outplacement","Eine Outplacement-Plattform, die Coach, Kurs und Stelle in einer Oberfläche zusammenführt.","Aus drei wachsenden Express-Diensten wurde ein konsolidiertes NestJS-Backend, das Dynamics 365 und Firebase synchron hält und die native iOS- und Android-App des Programms beliefert. Coaches, Workshops, Stellenangebote und Lebenslauf an einem Ort.",null,true,{"path":123,"altText":124,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fmyturn\u002F1600\u002F900","Beratungsgespräch zwischen Coach und Kandidatin in einer hellen Bürosituation.",1600,900,[128,131,134,137],{"domain":129,"subpageSlug":130},"SERVICE","app-entwicklung",{"domain":132,"subpageSlug":133},"INDUSTRY","konzerne",{"domain":135,"subpageSlug":136},"SITUATION","neubau",{"domain":138,"subpageSlug":139},"PERSONA","geschaeftsfuehrung",{"slug":141,"clientName":142,"industrySector":143,"engagementPeriod":58,"caseStudyTitle":144,"summaryParagraph":145,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":147,"subpageLinks":150},"bochum-app","Bochum Marketing GmbH","Öffentliche Hand · Stadtmarketing","Ein Smart-City-Backend für die Stadt Bochum, mitsamt seinem Kubernetes-Cluster.","Events, ÖPNV, Mängelmelder, Bochum-Pass im Wallet, KI-Assistent — alles über ein modulares Parse-Backend, das in einem Flux-betriebenen Kubernetes-Cluster läuft. Die Apps liegen bei der Agentur, der Cluster und seine Weiterentwicklung bei uns.",false,{"path":148,"altText":149,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fbochum-app\u002F1600\u002F900","Blick auf das Rathaus Bochum am Abend, mit beleuchteten Fenstern.",[151,153,155],{"domain":129,"subpageSlug":152},"kubernetes",{"domain":132,"subpageSlug":154},"oeffentliche-hand",{"domain":135,"subpageSlug":156},"agentur-partnerschaft",{"slug":158,"clientName":159,"industrySector":160,"engagementPeriod":58,"caseStudyTitle":161,"summaryParagraph":162,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":163,"subpageLinks":166},"mydentalsolution-prinoa","Prinoa Dental GmbH","Dental · Auftragsplattform","Eine Auftragsplattform für Dental-Labore — vom 3D-Upload bis zur Fertigung.","STL-Dateien wandern über den Browser ins Backend, werden serverseitig zu Vorschauen gerendert und an das Fertigungssystem übergeben. Acht Services unter einem Dach, mit eigener Deploy-Pipeline: signiert, mit Sicherheitsgate und automatischem Rollback, wenn der Health-Check fehlschlägt.",{"path":164,"altText":165,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fmydentalsolution\u002F1600\u002F900","Dentaltechnischer Arbeitsplatz mit Modell und Bildschirm.",[167,169],{"domain":129,"subpageSlug":168},"devops",{"domain":132,"subpageSlug":170},"mittelstand",{"slug":172,"clientName":173,"industrySector":174,"engagementPeriod":58,"caseStudyTitle":175,"summaryParagraph":176,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":177,"subpageLinks":180},"stellenportal-solingen","Wirtschaftsförderung Solingen GmbH & Co. KG","Stellenportal · Bergisches Städtedreieck","Ein Stellenportal, das den Bestand des Vorgängers übernommen hat — und ihn seither erweitert.","Bewerberinnen, Unternehmen, Auszubildende und internationale Arbeitskräfte unter einer Marke. Der Datenbestand des Vorgängerportals ist migriert, bezahlte Stellenanzeigen über Stripe sind eingebunden, der Onboarding-Pfad für Geflüchtete ist mehrsprachig.",{"path":178,"altText":179,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fstellenportal-solingen\u002F1600\u002F900","Coworking-Atmosphäre mit Menschen vor Laptops im Sonnenlicht.",[181,182],{"domain":129,"subpageSlug":104},{"domain":135,"subpageSlug":183},"altsystem-abloesung",{"slug":185,"clientName":186,"industrySector":187,"engagementPeriod":188,"caseStudyTitle":189,"summaryParagraph":190,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":191,"subpageLinks":194},"brueckensteig-deepwood","Deepwood GmbH","Bildung · Veranstaltungsprogramm","bis 2026","Drei Oberflächen für ein Veranstaltungsprogramm — bis zur geordneten Übergabe.","Foto-Upload für Teilnehmende, Admin-Panel für die Operations, Backend mit PDF-, ZIP- und MJML-Pipelines. Drei Repositories, ein Programm, eine dokumentierte Übergabe am Ende der Laufzeit.",{"path":192,"altText":193,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fbrueckensteig\u002F1600\u002F900","Holzbrücke über einen Steig im Mischwald.",[195],{"domain":129,"subpageSlug":98},{"slug":197,"clientName":198,"industrySector":199,"engagementPeriod":188,"caseStudyTitle":200,"summaryParagraph":201,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":202,"subpageLinks":205},"remscheid-osca-backend","Stadt Remscheid","Öffentliche Hand · Smart City","Ein Smart-City-Backend für die Stadt Remscheid, bis zur Übergabe 2026.","Events, ÖPNV, Mängelmelder, Kultur, Stellen — modular aufgebaut, mit MongoDB, OpenSearch und ClamAV im Stack. Schwester-Codebasis zur Bochum-Plattform, angepasst an die Verwaltung in Remscheid.",{"path":203,"altText":204,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fremscheid\u002F1600\u002F900","Blick auf die Innenstadt Remscheid mit Fachwerkfassaden.",[206,208],{"domain":129,"subpageSlug":207},"hosting-und-betrieb",{"domain":138,"subpageSlug":209},"it-leitung",{"slug":211,"clientName":212,"industrySector":213,"engagementPeriod":214,"caseStudyTitle":215,"summaryParagraph":216,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":217,"subpageLinks":220},"e4f-alixio","Alixio Group Schweiz AG","HR-Beratung · Assessment & Reports","bis 2025 · Betrieb laufend","Ein Vue-Frontend, ein NestJS-Dienst, der Reports rendert — bis zum eingebetteten Diagramm.","Frontend auf AWS Amplify mit GraphQL-Backend, dazu ein eigenständiger NestJS-Dienst, der mehrseitige PDF-Reports mit serverseitig gerenderten Diagrammen erzeugt. Nach dem Verkauf an Alixio betreuen wir den laufenden Betrieb weiter.",{"path":218,"altText":219,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fe4f-alixio\u002F1600\u002F900","Berater im Gespräch über ausgedruckte Diagramme an einem Konferenztisch.",[221,223],{"domain":129,"subpageSlug":222},"software-architektur",{"domain":138,"subpageSlug":224},"fachabteilung",{"slug":226,"clientName":227,"industrySector":228,"engagementPeriod":229,"caseStudyTitle":230,"summaryParagraph":231,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":232,"subpageLinks":235},"scalabrin-app","Eugen Scalabrin GmbH & Co.","Mittelstand · Mobile Anwendung","bis 2024","Native Apps für iPhone und Android, mit dokumentierter API im Hintergrund.","Swift für iPhone, Kotlin mit Jetpack Compose für Android, dazu ein Express-Backend auf Prisma und PostgreSQL mit Swagger-UI. Drei Repositories, eine gemeinsame Datendefinition, bis 2024 betrieben und übergeben.",{"path":233,"altText":234,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fscalabrin\u002F1600\u002F900","Werkstattisch mit Tablet und Werkzeugen unter warmem Licht.",[236],{"domain":129,"subpageSlug":237},"api-entwicklung",{"slug":239,"clientName":240,"industrySector":241,"engagementPeriod":58,"caseStudyTitle":242,"summaryParagraph":243,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":244,"subpageLinks":247},"johnsenpartner-architekten","johnsenpartner architekten","Architektur · Solingen","Eine Architekturwebsite, die ihre Arbeit zeigt — ohne sie zu überreden.","Nuxt 4 mit vollständigem SEO-Stack: Schema.org, Sitemap, OG-Bilder, Lighthouse-Prüfung im Build. Hosting und Pflege bei uns, seit dem ersten Commit.",{"path":245,"altText":246,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fjohnsenpartner\u002F1600\u002F900","Detail einer modernen Fassade aus Sichtbeton und Holz.",[248],{"domain":129,"subpageSlug":91},{"slug":250,"clientName":251,"industrySector":252,"engagementPeriod":58,"caseStudyTitle":253,"summaryParagraph":254,"highlightMetricLabel":120,"isHomepageHero":146,"coverImage":255,"subpageLinks":258},"scalethat-website","Scalethat","Marketing · Website","Eine Marketing-Seite, die leise wirkt und über Jahre gepflegt wird.","Nuxt 3 mit Matomo, Sentry und einer Kontaktstrecke über AWS SES. Klein, leise, gepflegt — und über die Jahre derselbe Ansprechpartner.",{"path":256,"altText":257,"width":125,"height":126},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fscalethat\u002F1600\u002F900","Modernes Büro mit Pflanzen und Tageslicht.",[],1780399839882]