--- title: "Barrierefreiheit bei der Modernisierung" title_en: "Accessibility in website modernization" description: "Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare." description_en: "Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms." summary_en: "Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms." direct_answer_en: "Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms." url: "https://modern-stack.de/themen/barrierefreiheit-modernisierung" type: "topic" kind: "concept" language: de-DE updated_at: "2026-09-25T12:00:00+00:00" --- # Barrierefreiheit bei der Modernisierung ## English Abstract Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms. ## Quick Answer (EN) Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms. ## Key Takeaways (EN) - Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen. - Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar. - Mehr Menschen können die Website nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. ## English Summary Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms. Mehr Menschen können die Website nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. ## Quick Answer **Barrierefreiheit bei der Modernisierung:** Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare. Der technische Rahmen ist die [Webseite-Modernisierung](/themen/website-modernisierung); Anforderungen an Such- und Antwortsysteme erklärt [GEO & AI-Sichtbarkeit](/themen/geo-ai-sichtbarkeit). > Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen. > Steve Baka ## Key Takeaways - Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen. - Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar. - Technische Tests werden durch manuelle Nutzungsszenarien ergänzt. Ziel ist kein Badge, sondern ein nachvollziehbar bedienbarer Kontakt- und Informationsweg. - Mehr Menschen können die Webseite nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. - Verwandte Vertiefungen: [Webseite + Redesign](/themen/website-redesign), [Datenschutz & Formulare](/themen/datenschutz-formulare), [Conversion & Anfragen](/themen/conversion-anfragen). ## Was bedeutet Barrierefreiheit bei der Modernisierung konkret? Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare. Entscheidend ist die Trennung zwischen sichtbarem Ergebnis und technischer Ursache. Eine moderne Webseite soll nicht nur anders aussehen, sondern Inhalte zuverlässig ausliefern, verständliche Wege anbieten und Suchsystemen eindeutige Dokumente bereitstellen. Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen. Deshalb beginnt die Arbeit nicht mit dekorativen Komponenten, sondern mit Bestand, Ziel und überprüfbaren Risiken. Die übergeordnete [Modernisierung](/themen/website-modernisierung) erhält funktionierende Inhalte und ersetzt nur, was Wartung, Geschwindigkeit oder Auffindbarkeit begrenzt. ## Welche Probleme löst der Ansatz? Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen. In der Praxis wirken technische Schulden zusammen: unklare Seitenstruktur, langsame Ressourcen, alte URLs, widersprüchliche Metadaten und schwer testbare Formulare. Eine isolierte Einzelmaßnahme kann diese Kette selten vollständig lösen. Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar. Passende Nachbarthemen sind [Webseite + Redesign](/themen/website-redesign), [Datenschutz & Formulare](/themen/datenschutz-formulare), [Conversion & Anfragen](/themen/conversion-anfragen). Dadurch wird aus einer einzelnen Leistungsseite ein nachvollziehbarer Informationsraum, in dem Menschen und Maschinen von der Frage zur belastbaren Antwort gelangen. ## Wie wird die Umsetzung geplant und geprüft? Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar. Vor der Veröffentlichung werden relevante URLs, Inhalte, Weiterleitungen, Metadaten und Interaktionen dokumentiert. Danach folgen technische und redaktionelle Kontrollen statt eines unbegleiteten „Go-live und hoffen“. Technische Tests werden durch manuelle Nutzungsszenarien ergänzt. Ziel ist kein Badge, sondern ein nachvollziehbar bedienbarer Kontakt- und Informationsweg. [Core Web Vitals](https://web.dev/articles/vitals) geben für Ladezeit, Interaktion und Stabilität messbare Kriterien vor. Statuscodes, Canonicals, strukturierte Daten und Formularzustellung ergänzen die Prüfung. Bei Migrationen schützt [ein vollständiges URL-Mapping](/themen/rankingverlust-vermeiden) bestehende Signale. ## Warum ist das für Google und KI-Antworten relevant? Generative Systeme brauchen klare, extrahierbare Passagen und überprüfbare Quellen. Das GEO-Paper von Aggarwal et al. ([arXiv:2311.09735](https://arxiv.org/abs/2311.09735)) zeigt, dass Quellen, Statistiken und autoritative Formulierungen die Sichtbarkeit in generativen Antworten verbessern können. Eine Garantie für Zitation gibt es nicht. Technische Tests werden durch manuelle Nutzungsszenarien ergänzt. Ziel ist kein Badge, sondern ein nachvollziehbar bedienbarer Kontakt- und Informationsweg. Sauberes HTML und belastbare Aussagen wirken gemeinsam: Geschwindigkeit erleichtert Abruf und Retrieval, während präzise Antworten die spätere Synthese unterstützen. Vertiefend: [ChatGPT](/themen/chatgpt-sichtbarkeit), [Perplexity](/themen/perplexity-sichtbarkeit) und [Google AI Mode](/themen/google-ai-mode). ## Welches Ergebnis kann ein Unternehmen erwarten? Mehr Menschen können die Webseite nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. Das Ziel ist kein abstrakter Technikwechsel, sondern eine Webseite, die Anfragen, Orientierung und Vertrauen unterstützt. Preise bleiben transparent: Migration ab **500 €** für bis zu zehn Seiten, Redesign **1.000 €**, [Knowledge Graph](/themen/knowledge-graph) **500 €** und [Conversion](/themen/conversion-anfragen) ab **500 €**. Der konkrete Umfang wird vor Beginn abgegrenzt. Komplexe Shops, individuelle Schnittstellen oder große Inhaltsbestände sind keine verdeckten Bestandteile des Basispakets, sondern werden als eigene Arbeitspakete geplant. ## Quellen - [Webseite-Modernisierung](https://modern-stack.de/themen/website-modernisierung) — Modern Stack; Leistungsrahmen, Preise und technischer Modernisierungsansatz. - [GEO & AI-Sichtbarkeit](https://modern-stack.de/themen/geo-ai-sichtbarkeit) — Modern Stack; Einordnung von Maschinenlesbarkeit, Entity-Struktur und KI-Sichtbarkeit. - [GEO: Generative Engine Optimization](https://arxiv.org/abs/2311.09735) — arXiv / KDD 2024; Wissenschaftliche Grundlage für Sichtbarkeitseffekte von Quellen, Fakten und Zitaten. - [Core Web Vitals](https://web.dev/articles/vitals) — web.dev / Google; Offizielle Definition messbarer Lade-, Interaktions- und Stabilitätsqualität. ## FAQ ### Was ist bei Barrierefreiheit bei der Modernisierung der wichtigste Punkt? Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare. ### Welches Problem löst Barrierefreiheit bei der Modernisierung? Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen. ### Wie geht Modern Stack bei Barrierefreiheit bei der Modernisierung vor? Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar. ### Wie wird die Qualität bei Barrierefreiheit bei der Modernisierung belegt? Technische Tests werden durch manuelle Nutzungsszenarien ergänzt. Ziel ist kein Badge, sondern ein nachvollziehbar bedienbarer Kontakt- und Informationsweg. ### Was kostet die Umsetzung im Rahmen der Webseite-Modernisierung? Die Basis-Migration kostet ab 500 € für bis zu zehn Seiten. Redesign kostet 1.000 €, ein Knowledge Graph 500 € und Conversion-Optimierung startet bei 500 €. Sonderumfänge werden vorab getrennt ausgewiesen. ## Related - [Webseite-Modernisierung](https://modern-stack.de/themen/website-modernisierung) - [Webseite + Redesign](https://modern-stack.de/themen/website-redesign) - [Datenschutz & Formulare](https://modern-stack.de/themen/datenschutz-formulare) - [Conversion & Anfragen](https://modern-stack.de/themen/conversion-anfragen) - [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung) - [Technical-SEO-Basis](https://modern-stack.de/themen/technical-seo-basis) - [GEO & AI-Sichtbarkeit](https://modern-stack.de/themen/geo-ai-sichtbarkeit) - [Webseite-Modernisierung für Physiotherapie-Praxen](https://modern-stack.de/themen/physiotherapie-praxis-website) - [AI-Sichtbarkeit für Steuerberater — GEO, Princeton-Modell und Berufsrecht](https://modern-stack.de/themen/ai-sichtbarkeit-steuerberater-geo) - [Webseite-Modernisierung für Handwerksbetriebe](https://modern-stack.de/themen/handwerk-website-modernisieren) - [Webseite-Modernisierung für Steuerberater-Kanzleien](https://modern-stack.de/themen/steuerberater-kanzlei-website) ## Inline Entity Mentions - [[entity:website-modernisierung]] → https://modern-stack.de/themen/website-modernisierung - [[entity:geo-ai-sichtbarkeit]] → https://modern-stack.de/themen/geo-ai-sichtbarkeit - [[entity:website-redesign]] → https://modern-stack.de/themen/website-redesign - [[entity:datenschutz-formulare]] → https://modern-stack.de/themen/datenschutz-formulare - [[entity:conversion-anfragen]] → https://modern-stack.de/themen/conversion-anfragen - [[entity:rankingverlust-vermeiden]] → https://modern-stack.de/themen/rankingverlust-vermeiden - [[entity:chatgpt-sichtbarkeit]] → https://modern-stack.de/themen/chatgpt-sichtbarkeit - [[entity:perplexity-sichtbarkeit]] → https://modern-stack.de/themen/perplexity-sichtbarkeit - [[entity:google-ai-mode]] → https://modern-stack.de/themen/google-ai-mode - [[entity:knowledge-graph]] → https://modern-stack.de/themen/knowledge-graph ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://modern-stack.de/#website", "url": "https://modern-stack.de", "name": "Modern Stack", "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://modern-stack.de/#organization" }, "inLanguage": "de-DE" }, { "@type": [ "Organization", "ProfessionalService" ], "@id": "https://modern-stack.de/#organization", "name": "Modern Stack", "legalName": "Modern Stack", "url": "https://modern-stack.de", "logo": "https://modern-stack.de/brand/logo.png", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack", "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "foundingLocation": { "@type": "Place", "name": "Bad Schönborn, Deutschland" }, "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressRegion": "Baden-Württemberg", "addressCountry": "DE" }, "geo": { "@type": "GeoCoordinates", "latitude": 49.22167, "longitude": 8.65734 }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "knowsAbout": [ "Webseite-Modernisierung", "WordPress-Migration", "Generative Engine Optimization", "Lokale Sichtbarkeit Bad Schönborn" ], "founder": { "@id": "https://modern-stack.de/#person" } }, { "@type": "Person", "@id": "https://modern-stack.de/#person", "name": "Steve Baka", "jobTitle": "Gründer, Modern Stack", "url": "https://stevebaka.de", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://modern-stack.de/#organization" }, "knowsAbout": [ "Webseite-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#webpage", "url": "https://modern-stack.de/themen/barrierefreiheit-modernisierung", "name": "Barrierefreiheit bei der Modernisierung | Modern Stack", "description": "Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare.", "isPartOf": { "@id": "https://modern-stack.de/#website" }, "about": { "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#main" }, "breadcrumb": { "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#breadcrumb" }, "dateModified": "2026-09-25T12:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#main", "name": "Barrierefreiheit bei der Modernisierung", "headline": "Barrierefreiheit bei der Modernisierung", "alternateName": "Accessibility in website modernization", "description": "Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare.", "abstract": [ { "@value": "Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare.", "@language": "de" }, { "@value": "Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms.", "@language": "en" } ], "url": "https://modern-stack.de/themen/barrierefreiheit-modernisierung", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-08-31T19:00:00+00:00", "dateModified": "2026-09-25T12:00:00+00:00", "author": { "@id": "https://modern-stack.de/#person" }, "publisher": { "@id": "https://modern-stack.de/#organization" }, "mainEntityOfPage": { "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#webpage" }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".gb-direct-answer", ".gb-faq-answer" ] }, "encoding": { "@type": "MediaObject", "encodingFormat": "text/markdown", "name": "English direct answer", "text": "Accessibility is built into structure, interaction, and content through semantic HTML, keyboard access, focus visibility, contrast, alt text, and understandable forms." }, "citation": [ "https://modern-stack.de/themen/website-modernisierung", "https://modern-stack.de/themen/geo-ai-sichtbarkeit", "https://arxiv.org/abs/2311.09735", "https://web.dev/articles/vitals" ], "mentions": [ { "@type": "Thing", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite + Redesign", "alternateName": "Website redesign", "url": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/datenschutz-formulare#main", "name": "Datenschutz & Formulare", "alternateName": "Privacy and website forms", "url": "https://modern-stack.de/themen/datenschutz-formulare" }, { "@type": "Service", "@id": "https://modern-stack.de/themen/conversion-anfragen#main", "name": "Conversion & Anfragen", "alternateName": "Conversion and leads", "url": "https://modern-stack.de/themen/conversion-anfragen" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/core-web-vitals-modernisierung#main", "name": "Core Web Vitals & Modernisierung", "alternateName": "Core Web Vitals and modernization", "url": "https://modern-stack.de/themen/core-web-vitals-modernisierung" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/technical-seo-basis#main", "name": "Technical-SEO-Basis", "alternateName": "Technical SEO foundation", "url": "https://modern-stack.de/themen/technical-seo-basis" }, { "@type": "Thing", "@id": "https://modern-stack.de/themen/geo-ai-sichtbarkeit#main", "name": "GEO & AI-Sichtbarkeit", "alternateName": "GEO and AI visibility", "url": "https://modern-stack.de/themen/geo-ai-sichtbarkeit" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/physiotherapie-praxis-website#main", "name": "Webseite-Modernisierung für Physiotherapie-Praxen", "alternateName": "Website modernization for physiotherapy practices", "url": "https://modern-stack.de/themen/physiotherapie-praxis-website" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/ai-sichtbarkeit-steuerberater-geo#main", "name": "AI-Sichtbarkeit für Steuerberater — GEO, Princeton-Modell und Berufsrecht", "alternateName": "AI visibility for tax advisors — GEO, Princeton model and professional law", "url": "https://modern-stack.de/themen/ai-sichtbarkeit-steuerberater-geo" }, { "@type": "Article", "@id": "https://modern-stack.de/themen2#main", "name": "Webseite-Modernisierung für Handwerksbetriebe", "alternateName": "Website modernization for trades businesses", "url": "https://modern-stack.de/themen2" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/steuerberater-kanzlei-website#main", "name": "Webseite-Modernisierung für Steuerberater-Kanzleien", "alternateName": "Website modernization for tax advisory firms", "url": "https://modern-stack.de/themen/steuerberater-kanzlei-website" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/rankingverlust-vermeiden#main", "name": "Rankingverlust bei Migration vermeiden", "alternateName": "Prevent ranking loss during migration", "url": "https://modern-stack.de/themen/rankingverlust-vermeiden" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/chatgpt-sichtbarkeit#main", "name": "Sichtbarkeit in ChatGPT", "alternateName": "Visibility in ChatGPT", "url": "https://modern-stack.de/themen/chatgpt-sichtbarkeit" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/perplexity-sichtbarkeit#main", "name": "Sichtbarkeit in Perplexity", "alternateName": "Visibility in Perplexity", "url": "https://modern-stack.de/themen/perplexity-sichtbarkeit" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/google-ai-mode#main", "name": "Google AI Mode", "alternateName": "Google AI Mode", "url": "https://modern-stack.de/themen/google-ai-mode" }, { "@type": "Service", "@id": "https://modern-stack.de/themen/knowledge-graph#main", "name": "Knowledge Graph", "alternateName": "Knowledge graph", "url": "https://modern-stack.de/themen/knowledge-graph" } ], "hasOfferCatalog": { "@type": "OfferCatalog", "name": "Verwandte Leistungen", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "url": "https://modern-stack.de/themen/website-modernisierung", "provider": { "@id": "https://modern-stack.de/#organization" } } }, { "@type": "ListItem", "position": 2, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite + Redesign", "url": "https://modern-stack.de/themen/website-modernisierung", "provider": { "@id": "https://modern-stack.de/#organization" } } }, { "@type": "ListItem", "position": 3, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/conversion-anfragen#main", "name": "Conversion & Anfragen", "url": "https://modern-stack.de/themen/conversion-anfragen", "provider": { "@id": "https://modern-stack.de/#organization" } } }, { "@type": "ListItem", "position": 4, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/geo-ai-sichtbarkeit#main", "name": "GEO & AI-Sichtbarkeit", "url": "https://modern-stack.de/themen/geo-ai-sichtbarkeit", "provider": { "@id": "https://modern-stack.de/#organization" } } } ] }, "isPartOf": { "@id": "https://modern-stack.de/themen/website-modernisierung#main" } }, { "@type": "BreadcrumbList", "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://modern-stack.de/" }, { "@type": "ListItem", "position": 2, "name": "Themen", "item": "https://modern-stack.de/themen" }, { "@type": "ListItem", "position": 3, "name": "Webseite-Modernisierung", "item": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "ListItem", "position": 4, "name": "Barrierefreiheit bei der Modernisierung", "item": "https://modern-stack.de/themen/barrierefreiheit-modernisierung" } ] }, { "@type": "FAQPage", "@id": "https://modern-stack.de/themen/barrierefreiheit-modernisierung#faq", "mainEntity": [ { "@type": "Question", "name": "Was ist bei Barrierefreiheit bei der Modernisierung der wichtigste Punkt?", "acceptedAnswer": { "@type": "Answer", "text": "Barrierefreiheit wird bei einer Modernisierung in Struktur, Bedienung und Inhalt eingebaut: semantisches HTML, Tastaturzugang, sichtbarer Fokus, ausreichende Kontraste, Alternativtexte und verständliche Formulare." } }, { "@type": "Question", "name": "Welches Problem löst Barrierefreiheit bei der Modernisierung?", "acceptedAnswer": { "@type": "Answer", "text": "Ein automatischer Scanner erkennt nur einen Teil der Barrieren. Pagebuilder können zwar visuell korrekt wirken, aber falsche Überschriften, unklare Labels und unbedienbare Dialoge erzeugen." } }, { "@type": "Question", "name": "Wie geht Modern Stack bei Barrierefreiheit bei der Modernisierung vor?", "acceptedAnswer": { "@type": "Answer", "text": "Komponenten erhalten semantische Standards und werden mit Tastatur, Screenreader-nahen Prüfungen und verschiedenen Viewports getestet. Inhaltliche Verantwortlichkeiten bleiben sichtbar." } }, { "@type": "Question", "name": "Wie wird die Qualität bei Barrierefreiheit bei der Modernisierung belegt?", "acceptedAnswer": { "@type": "Answer", "text": "Technische Tests werden durch manuelle Nutzungsszenarien ergänzt. Ziel ist kein Badge, sondern ein nachvollziehbar bedienbarer Kontakt- und Informationsweg." } }, { "@type": "Question", "name": "Was kostet die Umsetzung im Rahmen der Webseite-Modernisierung?", "acceptedAnswer": { "@type": "Answer", "text": "Die Basis-Migration kostet ab 500 € für bis zu zehn Seiten. Redesign kostet 1.000 €, ein Knowledge Graph 500 € und Conversion-Optimierung startet bei 500 €. Sonderumfänge werden vorab getrennt ausgewiesen." } } ] }, { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung", "description": "Was Webseite-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Webseiten auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.", "provider": { "@id": "https://modern-stack.de/#organization" }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ] }, { "@type": "Service", "@id": "https://modern-stack.de/themen/conversion-anfragen#main", "name": "Conversion & Anfragen", "alternateName": "Conversion and leads", "url": "https://modern-stack.de/themen/conversion-anfragen", "description": "Formulare, Terminbuchung und klare Wege vom Besucher zur Anfrage — ohne WordPress-Formular-Plugins. Ab 500 € als Modul der Webseite-Modernisierung.", "provider": { "@id": "https://modern-stack.de/#organization" }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ] }, { "@type": "Service", "@id": "https://modern-stack.de/themen/geo-ai-sichtbarkeit#main", "name": "GEO & AI-Sichtbarkeit", "alternateName": "GEO and AI visibility", "url": "https://modern-stack.de/themen/geo-ai-sichtbarkeit", "description": "Warum moderne Webseiten für Google und KI-Systeme strukturiert sein müssen — und wie Modern Stack die technische Grundlage für GEO, AIO und Zitation in generativen Antworten schafft.", "provider": { "@id": "https://modern-stack.de/#organization" }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ] } ] } ```