Barrierefrei und zugänglich

Eine barrierefreie Website lässt sich von allen Menschen nutzen. Auch bei Einschränkungen. Inhalte sind klar strukturiert, gut lesbar und einfach bedienbar.

Öffentliche Einrichtungen wie Gemeinden oder Schulen müssen ihre Websites zugänglich gestalten. Grundlage ist das Behindertengleichstellungsgesetz

Für private Unternehmen besteht keine generelle Pflicht.

Barrierefreies Webdesign verbessert die Benutzerführung und zeigt Verantwortung gegenüber einer vielfältigen Gesellschaft.

Für alle. Sie erreichen mehr Nutzer. Inhalte werden schneller verstanden. Die Nutzung wird einfacher.

Massgebend sind die WCAG-Richtlinien des
World Wide Web Consortium
In der Praxis wird meist Level AA umgesetzt.

www.w3.org

Leichte Sprache

• feste Regeln
• stark vereinfacht
• kurze Sätze, oft nur eine Aussage
• einfache Wörter, keine Fachbegriffe
  oft mit Bildern erklärt

Zielgruppe: Menschen mit kognitiven Einschränkungen

Beispiel:
„Hier können Sie ein Formular ausfüllen.“

Einfache Sprache

• keine festen Regeln
• verständlich formuliert, aber normaler Text
• kurze und klare Sätze
• Fachbegriffe werden erklärt

Zielgruppe: breite Bevölkerung

Beispiel:
„Füllen Sie das Formular aus. Bei Fragen helfen wir Ihnen.“

Ein Alt-Text ist eine kurze Beschreibung eines Bildes.
Er wird im HTML hinterlegt und von Screenreadern vorgelesen.

So können auch Menschen mit Sehbehinderungen verstehen, was auf einem Bild zu sehen ist.

Wichtig ist:
Der Alt-Text beschreibt den Inhalt und den Zweck des Bildes im jeweiligen Kontext.
Er ersetzt keinen Titel und keine Bildunterschrift.

Ein fehlender oder falscher Alt-Text führt dazu, dass wichtige Informationen verloren gehen.

Im Beitrag:

• „Barrierefreie Bilder: Alt-Texte richtig einsetzen (WCAG Tipps)“ finden Sie konkrete Beispiele und praktische Anleitungen für die Umsetzung.

Ja. Klare Struktur, sauberes HTML und verständliche Inhalte helfen Suchmaschinen beim Verstehen der Seite.

Nicht zwingend. Oft reicht eine gezielte Optimierung. In manchen Fällen ist ein Relaunch sinnvoll.

Automatische Tools geben erste Hinweise. Eine fundierte Prüfung erfolgt manuell. 

Schlechte Kontraste, fehlende Alt-Texte, unklare Navigation, unzugängliche Formulare oder Inhalte nur als PDF.

Starten Sie mit einer Analyse. Danach werden die wichtigsten Punkte priorisiert und umgesetzt. Schritt für Schritt.

Weniger Absprünge. Mehr Anfragen. Zufriedenere Nutzer. Eine Website, die funktioniert.

Ja. Bei Bedarf unterstütze ich Sie gerne bei der Erstellung und Überarbeitung Ihrer Texte. Wenn es besonders professionell sein soll, kann ich auf Partner zurückgreifen, die auf Lektorate und redaktionelle Arbeiten spezialisiert sind. So entstehen präzise, gut lesbare und suchmaschinenfreundliche Inhalte.

Für Bilder nutze ich in der Regel hochwertige Aufnahmen aus professionellen Bildportalen, die zum Stil und Inhalt Ihrer Website passen. Auf Wunsch können auch KI-generierte Bilder eingesetzt werden, um gezielte Motive oder Stimmungen zu schaffen.

In meinem Netzwerk arbeite ich zudem mit erfahrenen Fotografen zusammen, die bei grösseren Projekten oder speziellen Anforderungen zum Einsatz kommen können. So entsteht ein stimmiges und authentisches Gesamtbild Ihrer Website.

Ja. Das verwendete CMS-System ist flexibel aufgebaut und kann jederzeit erweitert werden. Neue Inhalte, zusätzliche Sprachen oder eigene Funktionen lassen sich ohne grossen Aufwand integrieren.

Möglich sind zum Beispiel Newsbereiche, Eventkalender, Newsletter, Bildergalerien, Download-Bereiche, Formulare, Kunden- oder Mitgliederbereiche sowie Schnittstellen zu externen Diensten. Auch eigene Webapplikationen können dank der offenen Open-Source-Struktur integriert oder individuell entwickelt werden.

Mehrsprachige Webseiten und spätere Designanpassungen sind ebenfalls problemlos umsetzbar. Die datenbankgestützte Struktur sorgt dafür, dass alle Inhalte bestehen bleiben, selbst wenn das Layout erneuert wird. So kann Ihre Website mit Ihrem Unternehmen mitwachsen.

WCAG 2.2 erweitert die bestehenden Anforderungen aus 2.1.

Der Fokus liegt stärker auf Bedienbarkeit und praktischer Nutzung.

Fokus sichtbar

• klar erkennbarer Fokus bei Tastatur-Navigation
• stärker als in 2.1 definiert

Klickflächen

• Mindestgrösse für Buttons und Links
• verhindert Fehlklicks

Drag & Drop Alternativen

• Funktionen dürfen nicht nur per Drag & Drop funktionieren
• Alternative Bedienung muss vorhanden sein

Hilfe bei Formularen

• wiederkehrende Eingaben einfacher nutzbar
• z.B. Autofill oder gespeicherte Daten

Konsistente Hilfe

• Hilfe-Funktionen immer gleich platziert
• besser auffindbar

Authentifizierung

• Login ohne unnötige Hürden
• keine komplexen kognitiven Aufgaben erzwingen

Was sich nicht ändert

• Struktur, Semantik, Alt-Texte
• Kontraste
• Tastaturbedienung
• Grundprinzipien

Kurz:

• WCAG 2.1 → solide Basis
• WCAG 2.2 → bessere Usability