Grundlagen der Web-Accessibility

Illustration zu Accessibility und Barrierefreiheit - Grundlagen der Web-Accessibility

Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit

Die Web Content Accessibility Guidelines (WCAG) definieren konkrete Anforderungen für digitale Inhalte. Dazu zählen klare Strukturen, semantisch korrekter HTML-Code, verständliche Sprache, ausreichende Kontraste, eine logische Überschriftenhierarchie und die Bedienbarkeit ohne Maus, etwa per Tastatur oder Screenreader. Bilder benötigen Alternativtexte, Videos Untertitel oder Transkripte.

Illustration zu Accessibility und Barrierefreiheit - SEO-Vorteile durch Accessibility und Barrierefreiheit

SEO-Vorteile durch Accessibility und Barrierefreiheit

Barrierefreie Websites bieten eine bessere Nutzererfahrung und sind suchmaschinenfreundlicher. Semantisch strukturierter Code, sprechende Links, ARIA-Attribute und klare Hierarchien erleichtern Suchmaschinen die Indexierung und verbessern das Ranking.

Illustration zu Accessibility und Barrierefreiheit - Rechtlicher Rahmen in der Schweiz und Deutschland

Rechtlicher Rahmen in der Schweiz und Deutschland

In der Schweiz sind Accessibility und Barrierefreiheit im Behindertengleichstellungsgesetz (BehiG) geregelt. In Deutschland gelten das Barrierefreiheitsstärkungsgesetz (BFSG) und die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0). Seit dem 28. Juni 2025 müssen bestimmte privatwirtschaftliche Angebote barrierefrei zugänglich sein, beispielsweise Online-Shops sowie weitere digitale Dienstleistungen für Verbraucherinnen und Verbraucher.

Unser Ansatz zur Umsetzung von Accessibility und Barrierefreiheit

Illustration zu Accessibility und Barrierefreiheit - Accessibility und Barrierefreiheit im Projektprozess

Von Beginn an mitgedacht: Accessibility und Barrierefreiheit im Projektprozess

Das erforderliche WCAG-Level (A, AA oder AAA) sollte bereits in der Konzeptphase eines Projekts festgelegt werden. Dies beeinflusst Design, Informationsarchitektur, Kontraste, Schriftgrössen und die Navigation.

Illustration zu Accessibility und Barrierefreiheit - Nachträgliche Umsetzung bestehender Websites

Nachträgliche Umsetzung auf bestehenden Websites

Auch bei einem Relaunch oder einer technischen Optimierung lassen sich Accessibility und Barrierefreiheit einsetzen. Der Aufwand steigt zwar, doch die Umstellung erhöht langfristig die Nutzerfreundlichkeit und die rechtliche Konformität.

Illustration zu Accessibility und Barrierefreiheit - Barrierefreie Contentpflege

Barrierefreie Contentpflege

Bilder erhalten Alternativtexte, Überschriften werden korrekt gegliedert, Links verständlich benannt, Formulare eindeutig beschriftet und Videos mit Untertiteln ergänzt. Auch PDF-Dokumente und eingebettete Medien sollten barrierefrei aufbereitet werden. Erst das Zusammenspiel von Inhalt, Design und Technik schafft echte Accessibility.

Vorteile barrierefreier Websites auf einen Blick

Mehr Reichweite

Inhalte sind für alle Nutzergruppen und Geräte zugänglich.

Bessere Sichtbarkeit

Suchmaschinen indexieren klar strukturierte Seiten besser.

Höheres Vertrauen

Ein barrierefreier Webauftritt signalisiert Qualität und Verantwortungsbewusstsein.

Zukunftssicherheit

Sie erfüllen gesetzliche Anforderungen und bleiben langfristig rechtskonform.


Jetzt handeln – wir unterstützen Sie

Accessibility und Barrierefreiheit sind mehr als eine gesetzliche Pflicht. Sie sind ein Qualitätsmerkmal moderner Webentwicklung. Starten Sie Ihr Accessibility-Projekt mit uns. Wir begleiten Sie mit Erfahrung, geprüften WCAG-Standards und messbarem Mehrwert für Ihre Nutzer.


Unternehmen, die CS2 vertrauen

Folgende Projekte durften wir schon erfolgreich umsetzen:


Referenzen

Was sagt am meisten über uns aus? Unsere bisherige Arbeit.

Das Foto zeigt ein Auto von der Front in den Farben grün und rot, was symbolisch für die Zusammenarbeit CS2 und den AGVS steht.
AGVS

Verbands- und Berufsbildungswebsite für den Auto Gewerbe Verband Schweiz.

Websites Web-Applikation Hosting
Mehr Info
Kestenholz Gruppe

Elegante Websites für die anspruchsvolle Kundschaft. Steigen Sie ein in die digitale Welt der Kesteholz Gruppe.

Websites Hosting Web-Applikation Optimierte Barrierefreiheit
Mehr Info
Universität St.Gallen

Ablösung Sitecore mit TYPO3 CMS von CS2.

Websites Web-Applikation Hosting
Mehr Info
Krebsliga Schweiz

Übernahme und Weiterentwicklung TYPO3 Websites, Webshop und Intranet

Websites E-Commerce Hosting
Mehr Info
sole uno

Relaunch der Website mit TYPO3 CMS.

Websites Hosting
Mehr Info
santéservices Handbuch

Umsetzung digitales Handbuch und Webshop.

Web-Applikation Websites E-Commerce Hosting
Mehr Info
Girsberger

Neue Corporate Website für das traditionelle Familienunternehmen.

Websites Hosting
Mehr Info
Website, Intranet und Mobile-App mit TYPO3
ERNE

Website, Intranet und Mobile-App mit TYPO3

Websites Web-Applikation Hosting
Mehr Info
Das Foto zeigt ein Auto von der Front in den Farben grün und rot, was symbolisch für die Zusammenarbeit CS2 und den AGVS steht.
AGVS

Verbands- und Berufsbildungswebsite für den Auto Gewerbe Verband Schweiz.

Websites Web-Applikation Hosting
Mehr Info
Kestenholz Gruppe

Elegante Websites für die anspruchsvolle Kundschaft. Steigen Sie ein in die digitale Welt der Kesteholz Gruppe.

Websites Hosting Web-Applikation Optimierte Barrierefreiheit
Mehr Info
Universität St.Gallen

Ablösung Sitecore mit TYPO3 CMS von CS2.

Websites Web-Applikation Hosting
Mehr Info
Krebsliga Schweiz

Übernahme und Weiterentwicklung TYPO3 Websites, Webshop und Intranet

Websites E-Commerce Hosting
Mehr Info
sole uno

Relaunch der Website mit TYPO3 CMS.

Websites Hosting
Mehr Info
santéservices Handbuch

Umsetzung digitales Handbuch und Webshop.

Web-Applikation Websites E-Commerce Hosting
Mehr Info
Girsberger

Neue Corporate Website für das traditionelle Familienunternehmen.

Websites Hosting
Mehr Info
Website, Intranet und Mobile-App mit TYPO3
ERNE

Website, Intranet und Mobile-App mit TYPO3

Websites Web-Applikation Hosting
Mehr Info

Unsere neusten Blog-Posts

20:00min
zweiblog episode #22-Vibe Coding
Technology Trends
Projektmethodik
Digitale Souverenität
Web-Applikation
Open Source Software
Podcast & Videoblog

Vibe Coding – Wie KI das Prototyping und die Softwareentwicklung revolutioniert

News 1: Apertus – Schweizer KI-Modell und digitale Souveränität
News 2: KI-Coaching – Do’s und Don’ts für professionelle Anwender
Hauptthema: Vibe Coding – Prototyping revolutioniert
Tool-Tipp: Lovable – Full-Stack-Apps ohne Code
Digitale Souverenität durch Open Source Individualsoftware für die öffentliche Verwaltung
Digitale Souverenität
Open Source Software
Projektmethodik
Web-Applikation

Digitale Souverenität durch Open Source Individualsoftware in der öffentlichen Verwaltung - Ein Leitfaden

Man stelle sich vor: Eine Schweizer Bundesbehörde, die mit einer veralteten Softwarelösung kämpft. Eine Lösung, die ihre Arbeit ausbremst. Kostspielig, unflexibel, eine Belastung für die Ressourcen. Doch was, wenn es einen besseren Weg gäbe? Eine Lösung, die für Sie geschaffen, transparent und völlig unabhängig ist? Willkommen in der Welt der Open-Source-Individualsoftware für die öffentliche Hand. Dieser Leitfaden bietet einen tiefen Einblick. In die Möglichkeiten. In die Vorteile. Aber auch in die Herausforderungen von Open Source im öffentlichen Sektor. Der Fokus liegt dabei auf der digitalen Souveränität der Schweiz. Die Vorteile sind vielfältig. Sie reichen von Kosteneffizienz bis hin zu mehr Sicherheit und Transparenz.
Podcast & Videoblog
Digitale Souverenität
Open Source Software

Open Source Software Lizenzen erklärt

News 1: Digitale Schweiz 2026 und E-ID als Wettbewerbsvorteil.
News 2: Palantir, Republik und Datenhoheit.
Hauptthema: Strategische Souveränität durch Open Source - Chance, Pflicht und Business Case unter dem EMBAG
Tooltipp: GIMP
29:00min
Analytics & Reporting
Online Marketing
Podcast & Videoblog
Projektmethodik
Technology Trends
Verschiedenes
Web-Applikation
TYPO3

Individual-Software mit OpenSource: Effizienz steigern & Lizenzkosten drastisch senken

News 1: Social Media-Nutzung in der Schweiz 2026
News 2: Neue Anforderungen für E-Mail-Zustellbarkeit
Hauptthema: Individual-Applikationen als strategischer Wettbewerbsvorteil für KMU
Tooltipp: Superhuman Go
checkliste_make_or_buy_entscheidung_software_open_source_cs2_schweiz
Web-Applikation

Checkliste: Software Make or Buy Entscheidung Individualsoftware

Diese Checkliste hilft Führungskräften und Mitarbeitenden in Schweizer Unternehmen, Verbesserungspotenziale zu erkennen, die sich mit einer massgeschneiderten Applikation (statt Standardsoftware oder Excel-Chaos) lösen lassen.
30:03min
Episode 19 - Product Feed erklärt
E-Commerce
Online Marketing
Podcast & Videoblog
Projektmethodik
Technology Trends
Web-Applikation
Verschiedenes
TYPO3

Product Feed Strategie 2026: Von Google Shopping zu KI-Agenten

News 1: Vereinfachung von Cookie-Bannern in der EU
News 2: KI bevorzugt detaillierte Falschinformationen
Hauptthema: Product Feed
Tooltip: AI- & SEO-Bot access checker

Newsletter

Wir halten Sie auf dem Laufenden! Abonnieren Sie unseren Newsletter.


Häufig gestellte Fragen (FAQ) zu Accessibility und Barrierefreiheit

Was bedeutet Accessibility im digitalen Raum?

Accessibility bedeutet, dass digitale Inhalte für alle Menschen zugänglich und nutzbar sind – unabhängig von Einschränkungen. Sie umfasst technische, visuelle und inhaltliche Aspekte der Nutzerführung.

Wer ist gesetzlich verpflichtet, barrierefreie Websites anzubieten?

In der Schweiz betrifft das Behindertengleichstellungsgesetz (BehiG) öffentliche Stellen. In Deutschland verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) seit dem 28. Juni 2025 auch bestimmte Unternehmen dazu, barrierefreie digitale Angebote bereitzustellen. Für öffentliche Stellen gelten zusätzlich die Vorgaben der BITV 2.0.

Was ist WCAG?

Die Web Content Accessibility Guidelines (WCAG) sind internationale Richtlinien zur Erstellung barrierefreier Webinhalte. Sie definieren Prinzipien wie Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit.

Wie kann ich testen, ob meine Website barrierefrei ist?

Es gibt verschiedene Tools wie WAVE, axe oder Google Lighthouse, mit denen die Barrierefreiheit geprüft werden kann. Auch manuelle Tests, z. B. mit Screenreadern sind empfehlenswert.

Was kostet die Umsetzung einer barrierefreien Website?

Die Kosten hängen vom Umfang der Website und vom gewünschten WCAG-Level ab. Ein frühzeitiges Einplanen im Projekt spart meist Kosten. Auch eine schrittweise Optimierung ist möglich.