Barrierefreies Webdesign mit XHTML und CSS

Neben einem guten und ansprechenden Webdesign sind heutzutage eine standardkonforme Webseiten-Erstellung und eine Optimierung der Texte für das Ranking in Suchmaschinen wie Google zwingend erforderlich.


Früher genügte es, dass die Webseite ins Internet gestellt wurde. Heute ist es wichtig, dass die Internetseiten auch von den Kunden gefunden werden. Eine standardkonforme Webseiten-Erstellung sorgt für eine korrekte Darstellung in allen Browsern, macht Ihre Seiten zugänglich für gehandicapte oder behinderte Menschen und wird von Suchmaschinen und im Speziellen von Google mit einem guten Ranking belohnt.


Webdesign kommt von Design

Das Erste, was ein potentieller Kunde wahrnimmt, wenn er Ihre Webseite aufgerufen hat ist das Webdesign. In den ersten Sekunden entscheidet der Kunde, ob er die Informationen, Produkte oder Leistungen auf Ihren Internetseiten findet oder nicht.


Vom Layout zum Webdesign

Vom Scribble zur fertigen Webseite

Eine ganz wichtige Rolle spielt dabei neben den richtigen Informationen ein ansprechendes Webdesign, das Vertrauen schafft, übersichtlich ist und die Informationen klar gegliedert darstellt. Außerdem muss das Design der Erwartungshaltung und den Vorlieben der Zielgruppen entsprechen. Ein Shop für Skaterbedarf benötigt ein völlig anderes Webdesign als die Internetseite einer Bank.


Mediendesign Wilhelm bietet Ihnen erstklassiges Webdesign für jeden Bedarf. Sie erhalten keine vorgefertigten Templates, jedes Webdesign wird speziell nach Ihren Wünschen und Anforderungen sowie auf Grundlage Ihres Corporate Design erstellt. Sollten Sie bisher über keine einheitliche Corporate Identity verfügen oder ein Redesign wünschen, sprechen Sie mich an, ich berate Sie gerne.


Standardkonforme Webseiten-Erstellung mit CSS und XHTML

Die Internet-Standards, die vom W3C (World Wide Web Consortium) empfohlen werden, ermöglichen es Webseiten zu erstellen, die


  • ein hohes Maß an Zugänglichkeit, speziell für behinderte Menschen, bieten
  • auf unterschiedlichen Systemen (Windows, MAC, Linux) und mit verschiedenen Browsern (z.B. Internet Explorer, Mozilla, Opera, Safari) eine einheitliche Darstellung gewährleisten
  • einfach aktualisiert und verändert werden können
  • schnelle Ladezeiten und eine Reduzierung der übertragenen Datenmengen bieten

Mediendesign Wilhelm erstellt Webseiten mittels CSS und XHTML. Die Webseiten mit den Inhalten werden in XHTML erstellt, das Webdesign wird über CSS festgelegt. Das ermöglicht eine Trennung von Webdesign und Inhalten. Dadurch müssen Änderungen am Design und Layout nicht mehr einzeln an jeder Unterseite vorgenommen werden, sondern können einfach und zeitsparend in einer Datei geändert werden.


XHTML Quelltext

Beispiel-Quelltext einer Webseite in XHTML

CSS Formatierung

Formatierung der Webseite über eine CSS-Datei


Barrierefreies Webdesign

Barrierefreie Webseiten-Erstellung bedeutet Internetseiten zu erstellen, die uneingeschränkt von allen Besuchern genutzt werden können. Besonders Menschen mit Behinderungen sowie altersbedingten Einschränkungen haben besondere Anforderungen an Internetseiten. Außerdem sind die meisten Optimierungen für barrierefreiheit auch zur Suchmaschinenoptimierung wichtig.


Barrierefreies Webdesign beinhaltet unter anderem:


  • Nutzbarkeit der Webseiten mit Screen Reader und Text-Browser
  • Navigation ohne Maus mittels Tastatur (Accesskey und Tabulator)
  • Schrift mit hohen Kontrasten und freier Skalierbarkeit, ohne das Layout zu zerstören
  • Verzicht auf JavaScript

Webdesign für jedes Aufgabengebiet

Die Anforderungen an eine Webseite sind vielfältig wie die Kunden selbst. Ich entwickle Webseiten, die Ihren Bedürfnissen entsprechen. Dies reicht von einer einfachen Webvisitenkarte bis zu einem umfangreichen Online-Shop oder einem Content Management System.


Webhosting und Domainverwaltung

Neben der Erstellung Ihrer Webseite erledige ich auf Wunsch auch die Registrierung Ihrer Domain sowie das Hosting Ihrer Webseite. Natürlich übernehme ich auch die Einrichtung und Konfiguration des Servers für Sie.


Wartung und Pflege Ihrer Webseite

Meine Leistungen hören nicht nach dem Design und der Programmierung Ihrer Internetseite auf. Sie erhalten z.B. entweder eine Beratung bezüglich der suchmaschinengerechten Aufbereitung Ihrer Daten oder ich übernehme diese Aufgabe für Sie. Außerdem übernehme ich auf Wunsch auch die Wartung und Aktualisierung Ihrer Webseite entweder auf Stundenbasis oder im monatlichen Gesamtpaket. Fordern Sie einfach ein unverbindliches Angebot an. Ich freue mich schon auf die Zusammenarbeit mit Ihnen.


Beispiele und Referenzen

Ein Bild sagt mehr als tausend Worte lautet ein Sprichwort. Um sich einen besseren Überblick zu verschaffen, können Sie sich einige Beispiele von mir erstellter Webseiten ansehen.


Ihre individuelle Webseite - Webdesign vom Profi

Gerne unterbreite ich Ihnen ein indivduelles Angebot für Webdesign und Programmierung Ihrer Webseite. Teilen Sie mir einfach Ihre Anforderungen und Wünsche mit oder lassen Sie sich über die technischen Möglichkeiten und die anfallenden Kosten beraten. Ich freue mich auf Ihre Anfrage.


Link XHTML Validator Link CSS Validator Bookmark and Share