Skip to main content

Layout Barrierefrei Flat Design

Webdesign Barrierefrei
Barrierefreie Webauftritte

Layout CSS3

Individuell oder Schablone?

Individuelle Gestaltung macht viel Arbeit, die meist niemand bezahlen will. Es ist einfacher, den CMS-Dialog zu bearbeiten und zu speichern.
So die Meinung von Webagenturen, die nur mit CMS arbeiten.
Ich hingegen entwickle für jeden statischen Webauftritt grundsätzlich ein individuelles Layout und Stylesheet.

Admin

Content-Management-System

Die meisten Webagenturen arbeiten mit CMS, denn sie sparen sich so den Aufwand für das Entwickeln und Implementieren neuer Webauftritte. Bei umfangreichen Websites, die mehrere Webredakteure bearbeiten und betreuen, ist das durchaus sinnvoll.

Statische Webauftritte mit bis etwa 30 Seiten brauchen weniger Aufwand gegenüber CMS-basierten Websites.
Der Webdesigner betreut selbst die Webseiten nach Bedarf sowohl inhaltlich und technisch inklusive SEO.

Flat Design

Mit meinem Knowhow programmiere ich alle Websites auch gern im modernen Nearly-Flat-Design. Das Layout passt alle Webseiten an die Breite des Browserfensters an und nutzt optimal den verfügbaren Platz. Flat-Design ist eine ideale Basis für responsives Webdesign.

Mit Responsive Webdesign sind Webseiten auf allen Endgeräten einschließlich mobiler Geräte benutzerfreundlich. Das betrifft die Darstellung der Webseiten ebenso wie deren Bedienung.

Eigenes Layout für die Website

Ich gestalte statische Webauftritte mit eigens codierten Stylsheets (CSS3) und HTML-Seiten (HTML5) inklusive PHP.
Statische Webseiten brauchen keine Datenbank und sind deshalb schnell und sicher.
Ein einfacher Texteditor (Programmeditor, zum Beispiel Notepad 2) reicht aus, um mit schlanken Quelltexten (perfektes CSS und HTML) die gesamte Website zu entwickeln.

Bilder - Barrierefreie Websites

Ausdrucksstarke Bilder verstärken intuitiv die Textaussage, ohne den Text zu ersetzen. Zum Text passende Bilder motivieren den Besucher oft erst zum Lesen des Inhaltes.

Mit dem mobilen Internet und Flat Design sind Vektorgraphiken zunehmend beliebt. Im SVG-Format lassen sich recht einfach Vektorgrafiken für Webseiten erstellen. Diese beschreiben Formen und Farbwerte mathematisch mit Vektoren anstatt mit Pixelgittern.

SVG-Dateien sind sehr kompakt und passen sich jeder Größe ohne Qualitätsverlust an. SVG-Grafiken lassen sich also verlustfrei skalieren und die Dateigröße bleibt dabei sehr gering.

Webauftritte barrierefrei

Barrierefreiheit bedeutet, dass die Webseiten von möglichst vielen Usern benutzbar sind. Das gilt vor allem für Menschen mit irgendwie eingeschränkten Fähigkeiten. Barrierefreies Webdesign beinhaltet die Entwicklung von Websites, die für alle zugänglich sind.

Blinde Nutzer wie auch Suchmaschinen verarbeiten den Seiten-Inhalt als reinen Text. Die visuelle Gestaltung geht dabei komplett verloren. Inhalte von Webseiten wollen sie daher auch ohne CSS, JavaScript und Bilder verstehen.

Videos auf Webseiten

Videos sind seit HTML5 problemlos mit dem Video-Tag einzubinden. Überdies sind Videos damit auch offline abspielbar. Schließlich sind Videos leichter als reine Textbeiträge passiv zu konsumieren.

Videos auf eigenem Webspace bringen auch technische Nachteile. So muss das Format von allen Geräten angezeigt werden. Auch der Server muss so leistungsfähig sein, dass er Videos vielen Nutzern gleichzeitig zur Verfügung stellen kann.

Ohne CMS und Datenbank

Statische Seiten liegen fertig auf dem Webserver vor und müssen nicht erst aus der Datenbank abgerufen werden. Die Seiten weisen deshalb eine deutlich höhere Geschwindigkeit für den Besucher auf.

Weitere Vorteile: Statische Webauftritte sind preiswert und nahezu unbegrenzt flexibel zugestalten. Statische Webseiten sind am sichersten, denn sie bieten keine Angriffsfläche gegen Hacker.

Webseiten in PHP ohne CMS und ohne Datenbank sind ebenso sicher. Der Parser arbeitet auf dem Server im Quelltext befindliche PHP-Anweisungen ab. Dann ersetzt er diese durch normales HTML und sendet den HTML-Code zurück zum Browser.

Vorteile: Neben den Vorteilen statischer Webseiten sind komplexe Funktionen wie Kontaktformulare und Rechentools möglich. Damit sind nutzerfreundliche Interaktionen auch mit statischen Webseite ohne Einschränkung möglich.

Google+ | Twitter