Anwendung der Webrichtlinien Bund

Aufbau

Innerhalb der Richtlinien für das Webdesign Bund kann über die Reiter im Hauptmenu zu den einzelnen Kapiteln navigiert werden.

Auf der Startseite sind die Richtlinien für das Webdesign Bund zusammengefasst.

Unter "Richtlnien für das Webdesign Bund" wird der Aufbau, die Browserkompatibilität und die Installation beschrieben.

Unter den Reitern "Grundraster", "Navigationsmodule" und "Inhaltsmodule" sind die detaillierten Beschreibungen der einzelnen Elemente zu finden.

Unter dem Menupunkt "Beispielseiten" werden verschiedene Typen Webseiten vorgestellt. Diese werden in einem neuen Reiter geöffnet. Sie können dort skaliert und so die Darstellung in verschiedenen Auflösungen überprüft werden.

Angaben zu den Elementen

Auf den einzelnen Seiten ist das Element als erstes in einem skalierbaren Rahmen dargestellt. Mit dem Vergrössern und Verkleinern des Rahmens kann die Darstellung des Elements auf verschiedenen Ausgabegeräten überprüft werden (Responsiveness). Unterhalb der Darstellung des Elements sind eine kurze Beschreibung sowie der Code für die Umsetzung durch das Entwicklerteam aufgeführt.

Der Code kann kopiert und weiterverwendet werden.

Ebenfalls angegeben sind die Releasenotes. Diese informieren Entwickler über Änderungen am Code.

Unter der Rubrik "Beispielseiten" werden verschiedene Seitentypen präsentiert. Diese sind responsive und barrierefrei.

Unterstützte Webbrowser

Die Version 3.0 ist für folgende Browser-Versionen optimiert:

Desktop:

  • Internet Explorer 9 und höher
  • Safari 8 und höher
  • Firefox 40 und höher
  • Chrome 45 und höher

Mobile:

  • Safari und Chrome ab iOS 7 und höher
  • Chrome und/oder "default browser" und Firefox ab Android 5 und höher

Installation

Die Installationsangaben für die Verwendung der Richtlinien in einem Projekt finden sich auf Github.