angle-downangle-leftangle-rightangle-upbarcodebubblescaret-downcaret-leftcaret-rightcaret-upcartcogcogscompassdesktopfacebookfilterlaptoplinkedinmailmobilepaper-plane-opaper-planephonetabletuserusersxing

Caritas Lebenswelten

Barrierefrei programmiert und gut strukturiert

Die Webseite für Menschen mit und ohne Behinderung

Die Webseite der Caritas Lebenswelten wurde passend zum neuen Corporate Design entwickelt. Um die umfangreichen Inhalte schneller erfassbar zu machen, können die einzelnen Abschnitte mit passenden Piktogrammen versehen werden. Die Piktogramme sind themenbezogen, so dass sofort klar ist, worum es in dem Text geht. Die Icons und die klare Strukturierung der Seiten erleichtern die Navigation auch für Menschen mit Behinderung und nicht so hohen Aufnahmefähigkeit.

Auf der Startseite sind die wichtigsten Menüpunkte schnell über die Marginalspalte zu finden.
Auf der Startseite sind die wichtigsten Menüpunkte schnell über die Marginalspalte zu finden.
Für allgemeine Bereiche wie Wohnangebote, Kitas und Caritas Lebenswelten wurde eine eigene Illustration entwickelt.
Für allgemeine Bereiche wie Wohnangebote, Kitas und Caritas Lebenswelten wurde eine eigene Illustration entwickelt.
Durch die klare Trennung von Foto und Muster, kommen sich die Elemente nicht in die Quere.
Durch die klare Trennung von Foto und Muster, kommen sich die Elemente nicht in die Quere.

Die Webseite ist barrierefrei

Für Menschen mit Sehbehinderung enthält die Seite eine Vorlesefunktion, so dass Texte auditiv erfasst werden können. Wer lediglich Probleme mit kleinen Schriften hat, kann darüber hinaus über die Buttons zum Vergrößern und Verkleinern die Schriftgröße individuell anpassen. Für blinde Menschen ist die Webseite so konstruiert, dass sie leicht zu navigieren ist und ein Screenreader sie vorlesen kann.

Die hohen Kontraste der Schrift zum Untergrund und die klare Trennung von Text und Bild bietet einen guten Lesekomfort und lenkt die Aufmerksamkeit gezielt von Element zu Element.

Dies ist eine Auswahl der Icons, welche am Text und in der Navigationsleiste zum Einsatz kommen.
Dies ist eine Auswahl der Icons, welche am Text und in der Navigationsleiste zum Einsatz kommen.
Die Webseite funktioniert unabhängig von der Browsergröße und dem Endgerät.
Die Webseite funktioniert unabhängig von der Browsergröße und dem Endgerät.
Die einzelnen Elemente der Einrichtungs-Muster tauchen immer wieder zur Identifikation auf.
Die einzelnen Elemente der Einrichtungs-Muster tauchen immer wieder zur Identifikation auf.
« Übersicht