Barrierefreies Webdesign ermöglicht allen Besuchern und Suchmaschinen den uneingeschränkten Zugriff auf alle veröffentlichte Inhalte auf der Internetseite, wie zum Beispiel Publikation, Berichte oder Grafiken zuzugreifen.

Im folgenden werden die wesentlichen Elemente beschrieben die bei einem barrierefreien Webdesign und der Programmierung von Internetseiten und Internetportalen beachtet werden sollten, um technisch sowie inhaltlich einen ungehinderter Zugang zu den Informationen zu ermöglichen.


Grundelemente für barrierefreies Webdesign:

• Durch den Einsatz von XHTML und CSS wird das Layout von dem Template getrennt.
  
• Die Internetseite ist durch den Einsatz von semantischem Code logisch strukturiert. Verschiedene Ebenen der Überschriften "h1" bis "h3" können eingesetzt um den Inhalt nach Wichtigkeit zu gliedern. Navigationsmenüs werden mit Listen erstellt und für Formulare sollten relevante Elemente wie "fieldset", "label" und "legend" benutzt werden.
• Durch den Einsatz von a:focus können Links, Menüpunkte und Formularfelder hervorgehoben und somit die Navigation per Tastatur erleichtert werden.
  
• Für die verwendeten Grafiken und Bilder sollte das alt Attribut benutzt werden um eine Text Alternative für Benutzer mit Sehbehinderungen zur Verfügung zu stellen.
  
• Ein wichtiger Punkt ist grundsätzlich die Einhaltung von Webstandards. Internetseiten sollten in XHTML 1.0 erstellt und das Layout mit CSS umgesetzt werden. Das verwendete XHTML und CSS kann mit den W3C Validatoren validiert werden.
• Weitere Elemente sind die sogenannten "Sprunglinks" und "Access Keys". Diese ermöglichen sehbehinderten Besuchern eine einfache Navigation