Zum Hauptinhalt springen

Barrierefreie Website, die jeder bedienen kann

Barrierefreiheit entscheidet sich nicht am Schluss in einem Prüfwerkzeug, sondern beim Bauen: bei Farben, Struktur und Formularen. Wir bauen deine Website so, dass sie mit Tastatur und vergrösserter Schrift funktioniert und ein Screenreader sie gliedern kann, und prüfen sie nach WCAG 2.2 AA.

Illustration zum Thema Barrierefreie Website

Kurz erklärt

Eine barrierefreie Website lässt sich auch mit Seh-, Hör-, motorischen oder kognitiven Einschränkungen nutzen – mit Screenreader, nur mit der Tastatur oder mit stark vergrösserter Schrift.

Der international verwendete Massstab sind die Web Content Accessibility Guidelines (WCAG) des W3C, aktuell in der Fassung 2.2. Geprüft wird meist gegen die mittlere Stufe AA: Kontrast, Bedienbarkeit, Textalternativen und eine saubere Struktur.

Eine technische Vorgabe für die Websites privater Unternehmen nennt das Bundesrecht nicht; wer Dienstleistungen öffentlich anbietet, darf aber niemanden wegen einer Behinderung diskriminieren.

  • Kontrast gemessen, auch auf Farbverläufen
  • Jede Funktion mit der Tastatur bedienbar, der Fokus immer sichtbar
  • Überschriften, Alternativtexte und Formularfelder, die ein Screenreader versteht
  • Prüfung nach WCAG 2.2 AA mit Protokoll

Was eine barrierefreie Website bei uns umfasst

Acht Punkte, die wir beim Bauen umsetzen und vor dem Start prüfen:

  1. Kontrast: Normaler Text erreicht zu seinem Hintergrund mindestens 4,5:1, grosser Text 3:1 – gemessen, auch auf Farbverläufen
  2. Tastatur: Menü, Formulare und jeder Knopf lassen sich ohne Maus bedienen, und der Fokus ist jederzeit sichtbar
  3. Struktur: genau eine H1 je Seite, Überschriften in der richtigen Reihenfolge und die Sprache der Seite im Code, damit ein Screenreader gliedern und richtig vorlesen kann
  4. Alternativtexte: Bilder, die etwas aussagen, werden beschrieben; dekorative Bilder überspringt der Screenreader
  5. Formulare: Jedes Feld hat eine Beschriftung, die ein Screenreader vorliest
  6. Klickflächen von mindestens 44 × 44 Pixeln, damit auch Menschen mit eingeschränkter Feinmotorik treffen
  7. Bewegung: Wer im Betriebssystem «Bewegung reduzieren» eingestellt hat, sieht keine Animationen; was länger als fünf Sekunden von selbst läuft, hat einen Pause-Knopf
  8. Prüfung nach WCAG 2.2 AA mit Protokoll, als eigene Position in der Offerte

Was du davon hast

Keine Erklärung auf der Website, dass sie barrierefrei sei, sondern:

  1. Eine Website, deren Tastaturbedienung, Vergrösserung und Kontrast geprüft sind und deren Struktur ein Screenreader lesen kann – geprüft, nicht angenommen
  2. Ein Protokoll, das zeigt, was nach welchem Kriterium geprüft wurde und was offen ist
  3. Gut lesbare Texte und klare Formulare, die allen Besuchern helfen, auch am Handy im Sonnenlicht
  4. Barrierefreiheit im Entwurf geplant, nicht nach dem Start nachgerüstet
  5. Keine Versprechen, die niemand halten kann: kein «100 % barrierefrei» und keine Rechtsgarantie

Wann eine barrierefreie Website besonders zählt

Und wann wir dir nicht helfen können:

  • Zu deiner Kundschaft gehören ältere Menschen oder Menschen, die mit Vergrösserung oder Screenreader arbeiten
  • Gemeinden, Verbände oder andere Auftraggeber fragen dich nach Barrierefreiheit
  • Du verkaufst an Konsumentinnen und Konsumenten in der EU und willst den European Accessibility Act im Blick haben
  • Deine Website wird neu geplant, und Barrierefreiheit soll von Anfang an dabei sein
  • Deine heutige Website lässt sich kaum mit der Tastatur bedienen, und ein Relaunch steht ohnehin an
  • Nicht geeignet: wenn du ein Plugin suchst, das eine fertige Seite auf Knopfdruck barrierefrei machen soll – das bieten wir nicht an

So entsteht eine barrierefreie Website bei uns

Was in jedem Schritt passiert, was danach vorliegt und was du dazu beiträgst.

Die Schritte folgen den Etappen von ALPENIQ ASCENT, unserem Modell für den ganzen digitalen Aufstieg. ALPENIQ ASCENT ansehen

  1. 1. Etappe 1: Standort bestimmen

    Anforderungen klären

    Wer nutzt deine Website, verkaufst du in die EU, verlangt ein Auftraggeber eine bestimmte Stufe? Daraus folgt der Massstab, und ob die Prüfung mit Protokoll in die Offerte gehört.

    Ergebnis
    Der Massstab steht fest und ob die Prüfung mit Protokoll in die Offerte gehört
    Dein Beitrag
    Sagen, wer deine Website nutzt und ob du in die EU verkaufst
  2. 2. Etappe 2: Route planen

    Barrierefrei entwerfen

    Farben, Schriftgrössen, Fokus und Klickflächen legen wir im Entwurf fest. Den Kontrast messen wir, bevor gebaut wird.

    Ergebnis
    Farben, Schriftgrössen, Fokus und Klickflächen im Entwurf, Kontrast gemessen
    Dein Beitrag
    Entwürfe freigeben
  3. 3. Etappe 3: Substanz bauen

    Sauber bauen

    Eine H1 je Seite, Überschriften in Reihenfolge, Beschriftungen an jedem Formularfeld, Alternativtexte und reduzierte Bewegung, wo sie eingestellt ist.

    Ergebnis
    Eine Website mit sauberer Struktur, Beschriftungen und Alternativtexten
    Dein Beitrag
    Bilder liefern und sagen, was darauf zu sehen ist
  4. 4. Etappe 4: Präzise umsetzen

    Prüfen

    Mit Werkzeugen und von Hand: Tabulator-Reihenfolge, Vergrösserung, reduzierte Bewegung und Kontrast. Was ein Werkzeug nicht beurteilen kann, prüft ein Mensch.

    Ergebnis
    Tastatur, Vergrösserung, reduzierte Bewegung und Kontrast geprüft
    Dein Beitrag
    Kein Aufwand für dich
  5. 5. Etappe 4: Präzise umsetzen

    Protokoll und Abnahme

    Du bekommst das Protokoll: was geprüft wurde, nach welchem Kriterium und was offen ist. Erst dann geht die Seite live.

    Ergebnis
    Ein Protokoll: was geprüft wurde, nach welchem Kriterium und was offen ist
    Dein Beitrag
    Das Protokoll lesen und die Seite freigeben

Passt das zu dir?

Ehrlich vorab, damit keiner von uns Zeit verliert.

Passt, wenn …

  • Du lässt eine neue Website bauen oder planst einen Relaunch
  • Du willst wissen, nach welchem Massstab geprüft wurde
  • Kunden oder Auftraggeber fragen dich nach Barrierefreiheit

Passt nicht, wenn …

  • Du willst eine Garantie, dass deine Website rechtlich genügt
  • Du suchst ein Plugin, das eine fertige Seite auf Knopfdruck barrierefrei macht

Was es kostet

Projekte bei ALPENIQ Growth beginnen bei CHF 1'000. Den Rahmen rechnen wir dir im Strategiegespräch vor, mit allen Posten. Einen Preis nennen wir, sobald der Umfang steht.

Preise und Modelle ansehen

So kannst du mit uns arbeiten

  • ProjektFestpreis

    Klarer Umfang, fester Preis.

  • Growth PartnershipUmsatzbeteiligung

    Online-Marketing ohne Projektkosten. Wir verdienen an dem mit, was nach den Werbekosten bleibt.

Häufige Fragen

Warum ALPENIQ?

Wir prüfen zuerst uns selbst. Bei jeder Änderung, die auf unsere Website geht, laufen feste Stichprobenseiten automatisch durch eine Prüfung nach den Regeln von WCAG 2.1 AA. Den Kontrast auf unseren Farbverläufen rechnen wir zusätzlich an jedem Farbstopp nach, weil die üblichen Werkzeuge ihn dort nicht messen. Was die Richtlinie verlangt und was in der Schweiz rechtlich gilt, steht im Glossar unter Barrierefreiheit (WCAG).

Und wir versprechen nur, was sich prüfen lässt: einen Massstab, eine Prüfung und ein Protokoll – kein Siegel und keine Rechtsgarantie. Steht ohnehin eine neue Website an, beginnt das bei Website erstellen lassen oder beim Website-Relaunch.

Deine nächsten Schritte

Das Strategiegespräch ist kostenlos. Danach entscheidest du.

  1. 1. Strategiegespräch, 30 Minuten

    Wir hören zu und schauen an, wo du stehst und welcher Schritt dich jetzt am schnellsten weiterbringt. Einen Preis nennen wir erst, wenn der Umfang steht.

  2. 2. Zusammenfassung und Offerte

    Du bekommst schriftlich, was wir verstanden haben, und eine Offerte, in der jeder Posten steht. Ob du sie annimmst, entscheidest du.

  3. 3. Kick-off und Umsetzung

    Im Kick-off fliesst alles aus dem Gespräch ins Konzept. Danach arbeiten wir den Ablauf ab, Schritt für Schritt.

    Zum Ablauf

Du weisst, dass digital mehr drin ist.
Höher denken beginnt mit einem Gespräch.

30 Minuten, ehrlich und konkret: Wir schauen an, wo dein Unternehmen digital steht, und welcher Schritt dich jetzt am schnellsten weiterbringt.

Wir setzen Cookies, um zu verstehen, wie diese Website genutzt wird, um unsere Anzeigen bei Google und Meta zu zeigen und zu messen und um unsere E-Mails über Klaviyo auf deine Interessen abzustimmen. Notwendige Cookies sind immer aktiv; alles andere nur mit deiner Einwilligung. Mehr dazu in der Datenschutzerklärung