CSS: Bedeutung der px-Angabe von Margin (Außenabstand)

 Außen- und Innenabstand (margin und padding)

barrierefreies-webdesign-pfaffenhofen-ilm

Was ist barrierefreies Webdesign?

Viele Menschen haben Probleme beim Sehen oder Hören haben oder eine Lese-Rechtschreibschwäche haben. Barrierefreiheit ist für 10% unerlässlich, für 30% notwendig und für alle hilfreich. Vielen Menschen können Webdesigner das Leben leichter machen, wenn sie beim Layout einiges beachten:

Um Personen, die Probleme mit Kontrasten haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Beim barrierefreien Webdesign verwendet man einfache Farben, keine leuchtenden.
  • Die Texte sollen in einfacher deutscher Sprache geschrieben sein. Keine Umgangssprache. Keine geflügelten Worte.
  • Formatiere den Text linksbündig, vermeide Blocksatz.
  • Verwende sprechende Buttons, wie zum Beispiel "Audio Dateien". Verwende keine unklaren oder unvorhersehbaren Buttons, wie "Hier klicken!.
  • Baue einfache und einheitliche Layouts. Vermeide komplexen oder überladene Layouts.


Um Personen, die Probleme beim Hören haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Die Texte sollen in einfacher deutscher Sprache geschrieben sein. Keine Umgangssprache. Keine geflügelten Worte.
  • Nutze Untertitel oder biete Abschriften von Videos an.
  • Nutze ein geradliniges, logisches Layout.
  • Formatieren den Text! Verwende Überschriften und Unterüberschriften, Listen. Vermeide Blocksatz.
  • Biete den Nutzern einen Dolmetscher an, wenn es um Buchung oder Termine geht.


Um Personen, die Legasthenie haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Nutze Bilder und Diagramme für wichtigen Text. Vermeide Blocksatz.
  • Bevorzuge linksbündigen Text und ein einheitliches Layout. Vermeide unterstrichene Wörter, italic oder Großbuchstaben.
  • Überlege, ob Du andere Formate, wie Audiodateien oder Videos anbieten kannst.
  • Halte den Inhalt kurz, klar und einfach.
  • Der Nutzer soll den Kontrast zwischen Text und Hintergrund wechseln können.

Um Personen, die eine Sehbehinderung haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Verwende einen guten Kontrast (z. B. gelb/schwarz) und eine lesbare Schriftgröße
  • Veröffentliche alle Informationen auf der Internetseite, biete sie nicht nur als Download an.
  • Verwende nicht nur Farben, sondern eine Kombination von Farben, Formen und Text.
  • Verfolge ein lineares, logisches Layout. Verteile Deinen Inhalt nicht auf die gesamte Internetseite.
  • Setze Buttons und Benachrichtigungen in Zusammenhang.

 

Um Personen mit einer körperlichen Behinderung zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Klickbare Aktionen (wie zum Beispiel Ja oder Nein) sollten groß sein und gut anklickbar.
  • Gib freien Textfeldern ausreichend Platz.
  • Designe für die Tastatur oder sprachgesteuerte Nutzung
  • Behalte in Erinnerung, dass auch die Mobile Ansicht und der Touchscreen benutzt werden könnte
  • Biete Tastaturkürzel an

Um Personen mit Screen Reader zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:

  • Formatiere den Text anständig mit Tags
  • Verfolge ein lineares, logisches Layout. Verteile Deinen Inhalt nicht auf die gesamte Internetseite.
  • Nutze HTML 5 mit Überschriften-Tags, Navigations-Tag, Label-Tag.
  • Beachte, dass mit der Tastatur gesteuert wird!
  • Verwende sprechende Buttons, wie zum Beispiel "Kontaktiere uns". Verwende keine unklaren oder unvorhersehbaren Buttons, wie "Hier klicken!.

 

Noch mehr Informationen zum barrierefreien Webdesign

Die aktuellen Richtlinien können auf der Webseite des W3C nachgelesen werden: https://www.w3.org/TR/2008/REC-WCAG20-20081211/.

Bei der Aktion Mensch gibt es einen Text, ob die Website barrierefrei ist: https://www.einfach-fuer-alle.de/.

Vor-Ort-Service

Gerne können wir bei Ihnen Zuhause oder im Büro vorbeikommen und alles gleich bei Ihnen erledigen.

Unser Vor-Ort-Service ist von Montag bis Freitag von 9.00 bis 17.00 Uhr unterwegs.

Gutachtenerstellung

Blitzeinschlag in der EDV? Überspannungsschaden am PC? Wir erstellen ein Gutachten zur Vorlage bei der Versicherung.

Fernwartung

Durch die Fernwartungssoftware haben wir die Möglichkeit bestimmte Softwareprobleme ohne Vor-Ort-Termin zu lösen.

Nach der Terminvereinbarung bauen wir eine verschlüsselte Verbindung auf.

Umzugs-Service

Ein Umzug kann sehr stressig sein. Wir helfen Ihnen beim Umzug Ihrer IT, damit Sie eine Sorge weniger haben.

Werkstatt-Service

Unsere PC-Werkstatt befindet sich im Gewerbegebiet Wolnzach, Stanglmühle 2, im 1. OG von Elektro Neuber.

Bitte rufen Sie uns an, bevor Sie zu uns kommen, um Wartezeiten zu vermeiden.

Rückruf-Service

Angerufen? Es meldet sich der Anrufbeantworter? Dann sind wir bei einem Kundentermin. Wir rufen Sie gerne zurück.

Büro-Öffnungszeiten

Unsere Büro ist für Sie von Montag bis Donnerstag zwischen 13.00 und 17.00 Uhr besetzt. Am Freitag zwischen 13.00 und 15.00 Uhr.

Außerhalb dieser Zeiten sind wir sehr gerne nach Vereinbarung für Sie da.

EDV-Hilfe-Blog

Sie haben ein PC-Problem? Oder Fragen? Schreiben Sie uns eine E-Mail und wir beantworten Ihre Frage in unserem Blog.