Das Erscheinungsbild der Bundesverwaltung im Web

Die Richtlinien für das Webdesign Bund (Webrichtlinien) definieren den gestalterischen Rahmen für das Erscheinungsbild der Websites von Bundesrat und Bundesverwaltung. Sie sind Teil des CD Bund, und sie sind für alle öffentlichen Websites der Bundesverwaltung verbindlich.

Ausnahmen

Ausnahmen vom Webdesign Bund sind für Kampagnen- und Partner-Websites möglich. Sie müssen von der Konferenz der Generalsekretäre der Departemente (GSK) genehmigt werden. Entsprechende Anträge sind bei der Fachstelle CD Bund der Bundeskanzlei einzureichen.

Benutzerfreundliche und barrierefreie Websites

Diese Webrichtlinien ermöglichen die Entwicklung moderner, benutzerfreundlicher und barrierefreier Webauftritte. Sie definieren die obligatorischen Markenelemente sowie die verbindlichen Navigations- und Inhaltsmodule. Sie führen weiterhin eine Reihe von Elementen ein, die direkt verwendet werden können.

Barrierefreiheit (Accessibility)

Die Bundesverwaltung ist gesetzlich verpflichtet, die Online-Informationen barrierefrei anzubieten. Die Vorgaben, Massnahmen und Hinweise für die Erstellung barrierefreier Websites sind im Kapitel «Barrierefreiheit» beschrieben.

Responsive Design

Die Anzeige ist für Webbrowser sowohl auf Desktop-Computern wie auch auf Laptops, Tablets und Smartphones optimiert.

Zielgruppen

Die Webrichtlinien richten sich an bundesinterne Projektleitende und externe Dienstleister. Projektleitenden bieten sie einen Überblick über die Gestaltungsvorgaben. Entwicklerteams können die Seitentypen und Elemente direkt verwenden. Sie sind in standardkonformem HTML-Code umgesetzt und können zusammen mit den CSS- und JavaScript-Dateien verwendet werden.

Obligatorische und empfohlene Elemente

Die beschriebenen Elemente und Module können drei Gruppen zugeordnet werden:

1. Markenelemente CD

Die Markenelemente identifizieren die Website eindeutig als Website des Bundes. Sie sind daher zwingen zu verwenden. Sie sind im CD Bund geregelt und dürfen in keiner Weise modifiziert werden. Änderungen dieser Elemente müssen von der GSK genehmigt werden. Es handelt sich um folgende Elemente:

  • Kennzeichnung der Website bestehend aus Bundeslogo und der Bezeichnung der Organisationseinheit
  • Rote Linie, die den Header abgrenzt
  • Fusszeile mit Copyright-Vermerk, Links auf Impressum und Rechtliches
  • Schrift "Frutiger"
  • Farbpalette

Die Markenelement sind in den Detailbeschreibungen mit dem folgenden Icon gekennzeichnet: CD

2. Verbindliche Elemente FIX

Verbindliche Elemente müssen nicht zwingend eingesetzt werden. Wenn sie jedoch verwendet werden, sind sie in ihrer Position und Gestaltung fix. Sie dürfen daher nicht modifiziert werden. Änderungen an diesen verbindlichen Elementen benötigen zwingend eine Genehmigung der Konferenz der Informationsdienste (KID). Es handelt sich um folgende Elemente:

  • Alle sonstigen Header-Elemente (Treecrumb, Service- Navigation, Suche, Themen A-Z)
  • Globalnavigation
  • Subnavigation in der linken Spalte
  • Breadcrumb
  • Social Media Links im Footer
  • Partner-Links im Footer
  • Sitemap im Footer
  • Social Sharing Funktion
  • Druck-Funktion
  • "Zurück zur Übersicht"-Link
  • Typografische Regeln

Verbindliche Elemente sind in den Detailbeschreibungen mit dem folgenden Icon gekennzeichnet: FIX

3. Flexible Elemente FLEX

Die Beschreibung aller weiteren Elemente sind Vorschläge. Sie können an die konkreten Bedürfnisse angepasst werden. Sie können frei erweitert und modifiziert werden. Das generelle Erscheinungsbild (Look & Feel) muss aber erhalten bleiben. Erweiterungen und Anpassungen an diesen Elementen können dem Webforum zur Aufnahme in die Webrichtlinien vorgeschlagen werden.

  • Facetten Navigation
  • Bildergalerie
  • Kontaktbox
  • usw.

Flexible Elemente sind in den Detailbeschreibungen mit dem folgenden Icon gekennzeichnet: FLEX

Darüber hinaus steht es jedem Projekt frei, im Rahmen des durch die Marken- und verbindlichen Elemente aufgespannten Rahmens eigene Elemente zu entwickeln. Diese neuen Elemente können dem Webforum zur Aufnahme in die Web-Richtlinien vorgeschlagen werden.

Überarbeitung und Weiterentwicklung

Die Entwicklung der Richtlinien, die Issues und Releases sind auf Github dokumentiert: Richtlinien für das Webdesign Bund. Fehlermeldungen und Anregungen sind dort einzugeben. Dafür ist ein Konto bei Github nötig. Anfragen dazu bitte per Mail an Webforum Bund.

Das Webforum Bund überprüft die Webrichtlinien periodisch auf Aktualität und Konformität mit den Entwicklungen im Web.

Bei Bedarf und in Absprache mit der KID, dem Informatiksteuerungsorgan ISB, den Leistungserbringern und der Fachstelle CD Bund leitet das Webforum Bund einen Releasewechsel ein.

Voraussetzung ist jeweils, dass die Finanzierung gesichert ist.

Änderungen der Markenelemente müssen von der GSK genehmigt werden, sonstige Änderungen der Webrichtlinien von der KID.