zum Inhalt
Webdesign & Programmierung
  Jetzt kontaktieren

Sie sind hier: Website-Erstellung > Barrierefreiheit

Das LILAC-media Barrierefrei-Bedien-Panel: Für eine inklusive und barrierefreie Website

Eine barrierefreie Homepage zu gestalten bedeutet, eine Website so zu konzipieren, dass sie für alle Menschen – auch jene mit Einschränkungen – uneingeschränkt nutzbar ist. Barrierefreiheit, Webzugänglichkeit und Inklusion sind zentrale Aspekte, um digitale Barrieren abzubauen.

Bei allen Seiten, die wir mit dem LILAC-CMS erstellen, legen wir großen Wert auf die vier zentralen Prinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Darüber hinaus haben wir das Barrierefrei-Bedien-Panel entwickelt, um die Nutzerfreundlichkeit von barrierefreien Websites durch verschiedenste Assistive Technologien zu verbessern und barrierefreies Design zu fördern.

Merkmale einer barrierefreien Homepage: Zugänglichkeit und Usability

Wahrnehmbarkeit  

Unsere Designs bieten durchgehend gute Farbkontraste, sodass Inhalte klar und deutlich auf jedem Bildschirm dargestellt werden. Zusätzlich versehen wir alle bildbasierten und visuellen Elemente mit aussagekräftigen Alternativtexten, um die Zugänglichkeit für Screenreader, Braillezeilen und andere unterstützende Technologien zu gewährleisten.

Bedienbarkeit

Alle unsere Seiten lassen sich vollständig über die Tastatur bedienen – eine Maus ist nicht erforderlich. Interaktive Elemente sind klar beschriftet und erhalten einen sichtbaren Fokus beim Auswählen. Zudem verzichten wir bewusst auf flackernde Inhalte und unnötige Animationen, die potenziell epileptische Anfälle auslösen könnten. Falls Animationen notwendig sind, stellen wir sicher, dass alle Informationen auch auf alternativen Wegen zugänglich bleiben.

Verständlichkeit

Wir strukturieren Inhalte klar und nachvollziehbar, indem wir sie sinnvoll in Überschriften und Absätze gliedern. Die Texte entwickeln wir in enger Zusammenarbeit mit unseren Kunden, um eine maximale Verständlichkeit zu garantieren.

Für jede Seite kann darüberhinaus eine Version in Leichter Sprache erstellt werden, um die Barrierefreiheit für Menschen mit Lern- und Leseschwierigkeiten zu verbessern.

Robustheit

Für uns ist es selbstverständlich, sauberen HTML-Code zu erstellen, der von sämtlichen Browsern und unterstützenden Technologien problemlos verarbeitet wird. Mit gezielt eingesetzten ARIA-Attributen verbessern wir die Zugänglichkeit einzelner Elemente, und durch Responsive Design stellen wir sicher, dass unsere Websites auf allen Endgeräten optimal dargestellt werden.

Leichte Sprache

Leichte Sprache ist ein spezieller Sprachstil, der darauf ausgelegt ist, Inhalte verständlich und barrierefrei für Menschen mit Lernschwierigkeiten, geistigen Behinderungen oder verminderten Deutschkenntnissen zu machen. Sie zeichnet sich durch kurze Sätze, einfache Wörter, klare Strukturen und eine verständliche Ausdrucksweise aus. Dabei werden komplexe Begriffe vermieden oder erklärt, um Missverständnisse zu vermeiden und die Inhalte zugänglich zu machen.

Das Ziel der Leichten Sprache ist es, möglichst vielen Menschen den Zugang zu wichtigen Informationen zu ermöglichen, sei es bei Behörden, in der Pflege, bei Gesundheitsinformationen oder in der öffentlichen Kommunikation. Sie schafft Inklusivität und fördert die Gleichberechtigung, da sie Menschen mit unterschiedlichen Fähigkeiten die Teilhabe am gesellschaftlichen Leben erleichtert.

Warum ist Leichte Sprache so wichtig? Weil sie Menschen die Möglichkeit gibt, eigenständig Entscheidungen zu treffen, sich zu informieren und am gesellschaftlichen Leben teilzunehmen. Sie trägt dazu bei, Vorurteile abzubauen und eine inklusive Gesellschaft zu fördern. Durch die Verwendung von Leichter Sprache wird Transparenz geschaffen und die Kommunikation für alle verständlicher.

Das Lilac-cms bestitzt eine Funktion, mit der für jeden Inhalt eine barrierefreien Version in "Leichte Sprache" erstellt werden. Die Funktion ermöglicht die Kennzeichnung, wenn eine Version in Leichter Sprache verfügbar ist, und bietet eine einfache Möglichkeit, diese Version für Nutzer sichtbar zu machen. Somit wird die digitale Zugänglichkeit erhöht und die Nutzerfreundlichkeit für Menschen mit Lernschwierigkeiten verbessert.

Das Lilac-Barrierefrei-Panel: Für barrierefreie Bedienung und Navigation

Bedienung

Das Barrierefrei-Bedien-Panel ist sowohl über die Tastatur als auch mithilfe der Maus zugänglich. Um das Panel zu öffnen, drückt man die TAB-Taste. Ein einfacher Klick auf das Symbol   in der linken unteren Ecke genügt, um es mit der Maus zu aktivieren. Das Panel bietet einerseits eine Auswahl an Einträgen, die den schnellen Zugriff auf verschiedene Bereiche der Seite ermöglichen. Andererseits können unterschiedliche Hilfsfunktionen aktiviert werden.

Tastaturnaviagtion

Das Barrierefrei Einstell Panel lässt sich durch das Drücken der TAB-Taste aktivieren. In diesem Panel finden Sie Funktionen, die es Ihnen ermöglichen, zu unterschiedlichen Bereichen der aktuellen Seite zu navigieren und zu anderen Seiten der Website zu gelangen.

  Barrierefreies Menü: Hier wird das Menü der kompletten Website gezeigt, durch das Sie mit der TAB-Taste navigieren können.

  Zum Seiteninhalt springen: Damit gelangen Sie direkt zum Beginn des Inhaltsbereiches und überspringen damit den Kopfbereich, in dem häufig allgemeine Infos zu finden sind.

  Inhaltselemente anzeigen: Dieser Punkt wird angezeigt, wenn der Seiteninhalt durch Überschriften in mehrere Blöcke unterteilt wird. Damit gelangen Sie auf langen Seiten direkt zum gewünschten Bereich.

  Zur Fußzeile springen: Damit gelangen Sie ganz ans Ende der Seite. dort befinden sich häufig die Adresse und wichtige Informationen sowie Links zu anderen wichtigen Bereichen der Homepage

  Suche: Geben Sie hier einen Suchbegriff ein und durchsuchen Sie die Site.

Hilfsfunktionen

Unsere Homepages bieten die Möglichkeit, verschiedene Funktionen, die für Sehbehinderte interessant sein können, zu aktivieren:

  Modus für Sehbhinderte: Der Kontrast zwischen Schrift und Hintergrund wird vergrößert. Die Schrift wird in gelb auf schwarzem Hintergrund gezeigt

  Nachtmodus: Hintergrungfarbe wird auf schwarz gestellt und etwaige Hintergrundbilder verschwinden. Die Schrift wird auf weiß gesetzt

 Bilder ausblenden: blendet alle Bilder aus, um Ablenkungen zu vermindern

  Mauszeiger vergrößern: Der Mauszeiger wird in doppelter Größe dargestellt

  Lesbare Schrift aktivieren: Schmuckschriften werden entfernt und stattdessen eine einfache serifenlose Schrift ersetzt

  Überschriften hervorheben: Überschriften erster und zweiter Stufe (H1- und H2) werden in schwarz vor gelbem Hintergrund dargestellt

  Hyperlinks hervorheben: Alle Verweise (Links und andere klickbare Elemente) werden in schwarzer Schrift vor gelbem Hintergrund angezeigt

Weitere Informationen zum Thema Barrierefreiheit auf Websites haben wir in diesem Blogbeitrag zusammengestellt.

  
  

Inhaltsverzeichnis:

Barrierefreiheit Optionen ( erneutes Öffnen über: Hochstelltaste + b ) Barrierefreies Menü öffnen Zum Seiteninhalt springen Inhaltselemente anzeigen Zur Fußzeile springen
Modus für Sehbehinderte aktivieren Nachtmodus aktivieren Alle Bilder ausblenden Mauszeiger vergrößern Lesbare Schrift aktivieren Überschriften hervorheben Hyperlinks hervorheben Leichte Sprache aktivieren
Barrierefreies Menü ( erneutes Öffnen über: Hochstelltaste + m ) 1 2 Website-Erstellung 2.1 Konzept 2.2 Webdesign 2.3 Responsive Design 2.4 Texte für die Website 2.5 Rechtliches und DSGVO 2.6 Website Preise 2.8 Barrierefreiheit 3 Website-Pflege 3.1 Pflege 3.2 Modernisierung 3.3 Lilac-cms 3.4 Jobs-Modul 4 Programmierung 4.1 Wann sinnvoll? 4.2 Agile Arbeitsweise 4.3 Eigene Entwicklungen 4.4 Digitalisierung 4.5 Komplexität? 5 Webagentur 5.1 Team 5.2 Geschichte 5.3 Was uns wichtig ist 6 Referenzen 6.1 Referenzen nach Branchen 6.2 Neue Websites 6.3 Kundenstimmen 7 Blog Impressum Datenschutz
Inhaltselemente dieser Seite ( erneutes Öffnen über: Hochstelltaste + i ) Merkmale einer barrierefreien Homepage: Zugänglichkeit und Usability Leichte Sprache Das Lilac-Barrierefrei-Panel: Für barrierefreie Bedienung und Navigation