Accessibility (dt.= Barrierefreiheit)

Die Zielgruppe der Stadtwerke Münster sind im Grunde alle Bürger und Bürgerinnen in Münster.

Wir legen großen Wert auf Barrierearmes und inklusives Design, um sicherzustellen, dass alle Nutzer und Nutzerinnen mit unseren Produkten und Dienstleistungen interagieren können.

Unser Ziel ist es, eine Website oder App bereitzustellen, die auf jedem Gerät zugänglich ist. Aus diesem Grund haben wir uns für die Nutzung der Web Content Accessibility Guidelines 2.1 des World Wide Web Consortiums entschieden. Diese Richtlinien formulieren Standards, die sicherstellen, dass unsere digitale Plattform zugänglich und benutzerfreundlich ist.

Beispiele

→ Visuelle Behinderungen: Dazu gehören Farbenblindheit, Sehschwäche und Blindheit. WCAG 2.1 stellt sicher, dass die Inhalte auf einer Website oder App für Screenreader optimiert sind und dass Farben und Kontraste so gestaltet sind, dass sie von Menschen mit visuellen Behinderungen leicht wahrgenommen werden können.

→ Motorische Behinderungen: Menschen mit motorischen Behinderungen haben möglicherweise Schwierigkeiten, eine Maus oder eine Tastatur zu bedienen. WCAG 2.1 stellt sicher, dass Websites und Apps auch mit einer Tastatur alle Funktionen und Inhalte nutzen können.

→ Kognitive Behinderungen: Menschen mit kognitiven Behinderungen haben möglicherweise Schwierigkeiten, Informationen zu verstehen oder sich zu konzentrieren. WCAG 2.1 stellt sicher, dass die Sprache und das Design auf der Website oder App einfach und klar sind und dass Benutzer keine überflüssigen Ablenkungen oder Hürden haben.

→ Hörbehinderungen: Menschen mit Hörbehinderungen haben möglicherweise Schwierigkeiten, Audioinhalte zu hören oder zu verstehen. WCAG 2.1 stellt sicher, dass alternative Texte und Transkripte für Audioinhalte vorhanden sind und dass Untertitelung und Gebärdensprache für Videoinhalte angeboten werden.

Tipps

  1. Ausreichender Farbkontrast
  2. Genügend Text- und Zeilenabstand
  3. Sauberer Code und semantisches HTML, z.B. Elemente im DOM logisch anordnen, Landmark Elemente und Aria Attribute setzen
  4. Überschriften verwenden, aber nicht damit gestalten: Sind die Überschriften so gesetzt, dass sie die hierarchische Ordnung des Inhalts der Seite gut vermitteln?
  5. Der Seitentitel (Browser-Titel der Seite) sollte das Thema bzw. den Zweck der Seite beschreiben
  6. Beschreibungen und Benennung von Bildern
  7. Den richtigen Fokus setzen: alle interaktiven Elemente, sollten einen geeignenten focus-State erhalten
  8. Linktext sollte deutlich den Zweck beschreiben (Don't "Mehr dazu" / Besser "Mehr zu unseren Strom-Tarifen")
  9. Skip links setzen, um Inhalte überspringen zu können

Linksammlung