Eine neue Website erstellen
Konzept, Styleguide, vorbereitete Inhalte und Seitenentwürfe bilden die Grundlage. Darauf folgen die technische Umsetzung, die Prüfung und die Veröffentlichung.
Leistungen & Zusammenarbeit
Barrierefreie Website
erstellen lassen.
Konzeption, Gestaltung, Umsetzung und Betreuung für Schulen, Vereine und Organisationen. Ich begleite das Projekt persönlich – vom ersten Gespräch bis zur laufenden Pflege.
Projekt besprechen01 / Leistungsumfang
Eine neue oder
eine bestehende Website.
Der Ausgangspunkt bestimmt die Arbeitsschritte. Umfang, Zuständigkeiten und Leistungen werden vor Beginn abgestimmt.
02 / Vorteile
Vorteile einer
barrierefreien Website.
Inklusion und Gerechtigkeit
Informationen, Angebote und Kontaktmöglichkeiten sollen unabhängig von einer Behinderung zugänglich sein. Eine barrierefreie Website unterstützt Menschen dabei, diese selbstständig zu nutzen.
Gesetzliche Anforderungen
Gesetzliche Anforderungen an die Barrierefreiheit können bereits bei der Planung berücksichtigt werden. Prüfungen und dokumentierte Ergebnisse helfen, bestehende Abweichungen zu erkennen und zu beheben. Welche Pflichten gelten, hängt vom jeweiligen Angebot ab.
Suchmaschinen und Sprachmodelle
Klare Überschriften, aussagekräftige Links und auslesbare Texte erleichtern Suchmaschinen die Erfassung der Inhalte. Diese Grundlagen sind auch für KI-gestützte Suchangebote relevant.
Größere Reichweite
Wenn technische und gestalterische Hürden entfallen, können mehr Menschen die Website nutzen. So werden Informationen und Angebote auch für Personen zugänglich, die bisher ausgeschlossen waren.
Bessere Usability
Eine verständliche Navigation, lesbare Texte und eindeutig beschriftete Bedienelemente erleichtern die Nutzung. Davon profitieren auch Menschen ohne dauerhafte Einschränkungen, etwa bei grellem Licht oder einer vorübergehenden Verletzung.
Langfristige Nutzbarkeit
Eine Umsetzung nach etablierten Webstandards erleichtert spätere Anpassungen. Regelmäßige Prüfungen helfen, die Zugänglichkeit auch bei neuen Inhalten und Funktionen zu erhalten.
03 / Der Fahrplan
Sechs Schritte
von der Idee zur Betreuung.
Aufgaben, Unterlagen und Absprachen werden gesammelt. Für jede Phase ist nachvollziehbar, was abgestimmt wird und welcher Schritt als Nächstes ansteht.
-
Ziele klären
Im ersten Gespräch werden Zielgruppen, benötigte Funktionen und vorhandene Inhalte geklärt. Dazu gehören auch die Zuständigkeiten und der gewünschte Zeitraum. Auf dieser Grundlage wird der Leistungsumfang abgestimmt.
ErgebnisAbgestimmte Ziele und ein vereinbarter Projektumfang.
-
Struktur und Konzept
Zielgruppen, Seitenstruktur, Navigation und benötigte Funktionen werden in einem Konzept festgehalten. Dabei wird geklärt, welche Informationen wo zu finden sind und wie die einzelnen Bereiche zusammenhängen.
ErgebnisEin abgestimmtes Konzept mit Seitenstruktur, Navigation und benötigten Funktionen.
-
Styleguide und Inhalte
Farben, Schrift und Gestaltungsregeln werden im Styleguide abgestimmt. Texte und Bilder werden für die Umsetzung vorbereitet. Seitenentwürfe zeigen, wie Gestaltung und Inhalte zusammenwirken. Rückmeldungen werden vor der technischen Umsetzung besprochen.
ErgebnisEin abgestimmter Styleguide, vorbereitete Texte und Bilder sowie freigegebene Seitenentwürfe.
-
Umsetzen und prüfen
Aus den Entwürfen entsteht die Website für unterschiedliche Bildschirmgrößen. Navigation, Tastaturbedienung und Zugänglichkeit werden während der Umsetzung geprüft. Die relevanten Seitentypen und Funktionen bestimmen den vereinbarten Prüfumfang.
ErgebnisDie umgesetzte Website als Grundlage für die gemeinsame Durchsicht.
-
Veröffentlichen und übergeben
Vor der Veröffentlichung werden Inhalte, Verlinkungen und Funktionen gemeinsam durchgesehen. Nach den vereinbarten Korrekturen geht die Website online. Die Übergabe umfasst eine Einführung in die eigenständige Inhaltspflege.
ErgebnisEine veröffentlichte Website und die Einführung in ihre Pflege.
-
Pflegen und Support
Nach dem Start sind Updates, Backups und Unterstützung im laufenden Betrieb nach Vereinbarung möglich. Neue Anforderungen und anstehende Änderungen werden abgestimmt. Das gilt auch für bereits bestehende Websites.
ErgebnisVereinbarte Betreuung und geklärte Zuständigkeiten für den Betrieb.
04 / Umsetzung & Prüfung
Sechs häufige Barrieren
auf Websites.
Bei der automatischen Untersuchung von einer Million Startseiten wurden diese sechs Fehlerarten am häufigsten erkannt. Grundlage ist der WebAIM-Million-Bericht 2026.
Zu geringe Textkontraste
Hebt sich Text zu wenig vom Hintergrund ab, ist er schwer lesbar. Geprüft werden die Kontrastverhältnisse der verwendeten Textfarben und Hintergründe.
Fehlende Alternativtexte
Ohne passende Textalternativen bleiben Bildinformationen für Menschen mit Screenreader unzugänglich. Geprüft wird, ob informative Bilder geeignete Alternativtexte haben und dekorative Bilder entsprechend gekennzeichnet sind.
Fehlende Formularbeschriftungen
Ohne zugeordnete Beschriftung ist mit einem Screenreader oft unklar, welche Eingabe ein Feld erwartet. Geprüft wird, ob Formularfelder verständlich und technisch korrekt beschriftet sind.
Links ohne zugänglichen Namen
Ein verlinktes Symbol oder Bild ohne zugänglichen Namen verrät einem Screenreader nicht, wohin der Link führt. Geprüft wird, ob der Linkzweck aus dem Namen und seinem Kontext verständlich ist.
Schaltflächen ohne zugänglichen Namen
Bei unbenannten Schaltflächen bleibt für Menschen mit Screenreader unklar, welche Aktion ausgelöst wird. Geprüft wird, ob jede Schaltfläche einen verständlichen zugänglichen Namen hat.
Fehlende Sprachangabe
Ohne hinterlegte Seitensprache kann ein Screenreader die falsche Aussprache verwenden. Geprüft wird, ob die Hauptsprache der Seite im HTML angegeben ist.
Die Prüfung orientiert sich an den Web Content Accessibility Guidelines (WCAG). Automatische Tests werden durch manuelle Prüfungen ergänzt, etwa mit Tastatur und Screenreader. Welche Seiten und Funktionen geprüft werden, gehört zum vereinbarten Leistungsumfang. Neue Inhalte und spätere Änderungen müssen ebenfalls auf Zugänglichkeit geprüft werden.
05 / Vorbereitung & Aufwand
Was vor dem Start
geklärt wird.
Kontakt
Ein kurzes
Gespräch.
Ein paar Sätze zum Vorhaben, zur bestehenden Website und zum gewünschten Zeitraum reichen für den ersten Austausch.
hallo@sascha-rezwani.de