Styleguide - d-NRW

V: Piktogramme dürfen nicht als Hintergrundbilder realisiert werden und müssen mit sinnvollen
Alttexten versehen sein. Kommen Programmicons, zum Beispiel im Downloadbereich, zum Einsatz,
werden sie der verfügbaren Datei vorangestellt.
Innerhalb des Contentbereiches gibt es unterschiedliche Möglichkeiten Links anzulegen:
• Funktionen, zum Beispiel für Bestellungen oder Download von Dateien.
• Textlinks als Inhaltsverzeichnis, die direkt zu den entsprechenden Positionen im gleichen
Contentbereich führen.
• Sprungmarken, die zur inhaltlichen Gliederung innerhalb des Contentbereiches verwendet
werden.
• Textlinks, die zu anderen Seiten innerhalb der eigenen Internetpräsenz führen, zum
Beispiel zur Fortsetzung eines Textanrisses.
• Links zu externen Internetadressen.
Links, welche die eigene Internetpräsenz verlassen, sollen immer in einem weiteren,
separaten Browserfenster geöffnet werden.
V: Das Verlassen der Website ist durch ein Icon mit einem entsprechenden Alttext
anzukündigen. Das die ‚Website verlassen’ symbolisierende Icon ist verpflichtend.
E: Die Wortwahl der Links kann jeder Betreiber frei wählen. Es werden im Sinne der
Einheitlichkeit folgende Vorschläge gemacht:
o Die Benennung soll eindeutig und kurz sein.
o Die Bezeichnungen sollen dem allgemeinen deutschen Sprachgebrauch entsprechen.
Abkürzungen sowie so genanntes "Amts- bzw. Behördendeutsch" sind zu vermeiden.
o Interne Dateinamen dürfen nicht verwendet werden.
• Funktionen werden in einer einfachen Form benannt:
o "Drucken", anstelle von "Print-Version" und Ähnlichem (Die Anzeige einer
Druckversion auf dem Bildschirm ist bei Einsatz eines entsprechenden CSS nicht
notwendig.)
o "Bestellen", anstelle von "Broschüre bestellen" etc.
o "Download" oder "PDF-Download", anstelle von "Herunterladen" und Ähnlichem.
• Verweise, die der Fortsetzung von Textanrissen dienen, tragen eine Bezeichnung, aus denen
eindeutig der Inhalt der Zielseite hervorgeht.
E: Die gleichlautende mehrfache Verwendung von "mehr" oder "weiter" auf einer Seite ist zu
vermeiden.
0.5.5.5 Schriften
V: Im Contentbereich wird die Systemschrift Verdana verwendet.
E: Wenn Überschriften, Thementitel oder ähnliches als Grafiken gesetzt werden, ist darauf zu
achten, dass die Zugänglichkeit des Textes und die semantische Auszeichnung mit entsprechenden
HTML-Tags (h1, h2, b, legend, u.ä.) gewährleisten ist. Dies ist zur Gewährleistung der Barrierefreiheit
wie zur Suchmaschinenoptimierung einer Seite unerlässlich.
Seite 35 von 47