--- 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://growing-brands.de/themen/barrierefreiheit-modernisierung" type: "topic" kind: "concept" language: de-DE updated_at: "2026-08-31T19: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 [Website-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 Website nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. - Verwandte Vertiefungen: [Website + 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 Website 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 [Website + 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 Website nutzen; zugleich verbessern klare Struktur und Beschriftung Qualität, Wartbarkeit und maschinelles Verständnis. Das Ziel ist kein abstrakter Technikwechsel, sondern eine Website, 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 - [Website-Modernisierung](https://growing-brands.de/themen/website-modernisierung) — Growing Brands; Leistungsrahmen, Preise und technischer Modernisierungsansatz. - [GEO & AI-Sichtbarkeit](https://growing-brands.de/themen/geo-ai-sichtbarkeit) — Growing Brands; 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 Growing Brands 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 Website-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 - [Website-Modernisierung](https://growing-brands.de/themen/website-modernisierung) - [Website + Redesign](https://growing-brands.de/themen/website-redesign) - [Datenschutz & Formulare](https://growing-brands.de/themen/datenschutz-formulare) - [Conversion & Anfragen](https://growing-brands.de/themen/conversion-anfragen) - [Core Web Vitals & Modernisierung](https://growing-brands.de/themen/core-web-vitals-modernisierung) - [Technical-SEO-Basis](https://growing-brands.de/themen/technical-seo-basis) - [GEO & AI-Sichtbarkeit](https://growing-brands.de/themen/geo-ai-sichtbarkeit) ## Inline Entity Mentions - [[entity:website-modernisierung]] → https://growing-brands.de/themen/website-modernisierung - [[entity:geo-ai-sichtbarkeit]] → https://growing-brands.de/themen/geo-ai-sichtbarkeit - [[entity:website-redesign]] → https://growing-brands.de/themen/website-redesign - [[entity:datenschutz-formulare]] → https://growing-brands.de/themen/datenschutz-formulare - [[entity:conversion-anfragen]] → https://growing-brands.de/themen/conversion-anfragen - [[entity:rankingverlust-vermeiden]] → https://growing-brands.de/themen/rankingverlust-vermeiden - [[entity:chatgpt-sichtbarkeit]] → https://growing-brands.de/themen/chatgpt-sichtbarkeit - [[entity:perplexity-sichtbarkeit]] → https://growing-brands.de/themen/perplexity-sichtbarkeit - [[entity:google-ai-mode]] → https://growing-brands.de/themen/google-ai-mode - [[entity:knowledge-graph]] → https://growing-brands.de/themen/knowledge-graph ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://growing-brands.de/#website", "url": "https://growing-brands.de", "name": "Growing Brands", "description": "Wir modernisieren bestehende Unternehmenswebsites — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://growing-brands.de/#organization" }, "inLanguage": "de-DE" }, { "@type": "Organization", "@id": "https://growing-brands.de/#organization", "name": "Growing Brands", "legalName": "Growing Brands", "url": "https://growing-brands.de", "logo": "https://growing-brands.de/brand/logo.png", "email": "info@growing-brands.de", "telephone": "+49 152 25317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "areaServed": [ { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressCountry": "DE" }, "founder": { "@id": "https://growing-brands.de/#person" } }, { "@type": "Person", "@id": "https://growing-brands.de/#person", "name": "Steve Baka", "jobTitle": "Gründer, Growing Brands", "url": "https://stevebaka.de", "email": "steve@growing-brands.de", "telephone": "+49 152 25317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://growing-brands.de/#organization" }, "knowsAbout": [ "Website-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://growing-brands.de/themen/barrierefreiheit-modernisierung#webpage", "url": "https://growing-brands.de/themen/barrierefreiheit-modernisierung", "name": "Barrierefreiheit bei der Modernisierung | Growing Brands", "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://growing-brands.de/#website" }, "about": { "@id": "https://growing-brands.de/themen/barrierefreiheit-modernisierung#main" }, "breadcrumb": { "@id": "https://growing-brands.de/themen/barrierefreiheit-modernisierung#breadcrumb" }, "dateModified": "2026-08-31T19:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "Article", "@id": "https://growing-brands.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://growing-brands.de/themen/barrierefreiheit-modernisierung", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-08-31T19:00:00+00:00", "dateModified": "2026-08-31T19:00:00+00:00", "author": { "@id": "https://growing-brands.de/#person" }, "publisher": { "@id": "https://growing-brands.de/#organization" }, "mainEntityOfPage": { "@id": "https://growing-brands.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://growing-brands.de/themen/website-modernisierung", "https://growing-brands.de/themen/geo-ai-sichtbarkeit", "https://arxiv.org/abs/2311.09735", "https://web.dev/articles/vitals" ], "mentions": [ { "@type": "Thing", "name": "Website-Modernisierung", "alternateName": "Website modernization", "url": "https://growing-brands.de/themen/website-modernisierung" }, { "@type": "Thing", "name": "Website + Redesign", "alternateName": "Website redesign", "url": "https://growing-brands.de/themen/website-redesign" }, { "@type": "Thing", "name": "Datenschutz & Formulare", "alternateName": "Privacy and website forms", "url": "https://growing-brands.de/themen/datenschutz-formulare" }, { "@type": "Thing", "name": "Conversion & Anfragen", "alternateName": "Conversion and leads", "url": "https://growing-brands.de/themen/conversion-anfragen" }, { "@type": "Thing", "name": "Core Web Vitals & Modernisierung", "alternateName": "Core Web Vitals and modernization", "url": "https://growing-brands.de/themen/core-web-vitals-modernisierung" }, { "@type": "Thing", "name": "Technical-SEO-Basis", "alternateName": "Technical SEO foundation", "url": "https://growing-brands.de/themen/technical-seo-basis" }, { "@type": "Thing", "name": "GEO & AI-Sichtbarkeit", "alternateName": "GEO and AI visibility", "url": "https://growing-brands.de/themen/geo-ai-sichtbarkeit" }, { "@type": "Thing", "name": "Rankingverlust bei Migration vermeiden", "alternateName": "Prevent ranking loss during migration", "url": "https://growing-brands.de/themen/rankingverlust-vermeiden" }, { "@type": "Thing", "name": "Sichtbarkeit in ChatGPT", "alternateName": "Visibility in ChatGPT", "url": "https://growing-brands.de/themen/chatgpt-sichtbarkeit" }, { "@type": "Thing", "name": "Sichtbarkeit in Perplexity", "alternateName": "Visibility in Perplexity", "url": "https://growing-brands.de/themen/perplexity-sichtbarkeit" }, { "@type": "Thing", "name": "Google AI Mode", "alternateName": "Google AI Mode", "url": "https://growing-brands.de/themen/google-ai-mode" }, { "@type": "Thing", "name": "Knowledge Graph", "alternateName": "Knowledge graph", "url": "https://growing-brands.de/themen/knowledge-graph" } ] }, { "@type": "BreadcrumbList", "@id": "https://growing-brands.de/themen/barrierefreiheit-modernisierung#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://growing-brands.de/" }, { "@type": "ListItem", "position": 2, "name": "Themen", "item": "https://growing-brands.de/themen" }, { "@type": "ListItem", "position": 3, "name": "Website-Modernisierung", "item": "https://growing-brands.de/themen/website-modernisierung" }, { "@type": "ListItem", "position": 4, "name": "Barrierefreiheit bei der Modernisierung", "item": "https://growing-brands.de/themen/barrierefreiheit-modernisierung" } ] }, { "@type": "FAQPage", "@id": "https://growing-brands.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 Growing Brands 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 Website-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." } } ] } ] } ```