Zurück zum Kurs

P1 Eine öffentliche Website im Alltag betreiben

0 % erledigt: 0 von 8 Lektionen

Lektion 6 von 8 · Simulation

Die Hinweisleiste und wann Sie sie nutzen

Der Fortschritt wird nur auf diesem Gerät gespeichert. Mit einem kostenlosen LFW-Konto geräteübergreifend speichern.

Lehrplan0 von 8 erledigt

Simulation

Auswählen, was in die Hinweisleiste gehört, und sie dann korrigieren

Eine funktionierende Kopie des echten Bildschirms. Bedienen Sie sie wie das Original. Nichts, was Sie eingeben, verlässt diese Seite.

Diese Übung läuft in Ihrem Browser und braucht JavaScript. Der Lektionstext oben beschreibt dieselben Schritte.

Noch nicht erledigt.

Das Banner oben auf jeder Seite ist für dringende, zeitlich begrenzte Nachrichten, die viele Menschen betreffen. Nutzen Sie es selten, formulieren Sie kurz und nehmen Sie es rechtzeitig wieder herunter.

Notizen

Schritt 1 von 7

Einstieg

Die meisten öffentlichen Websites haben ein Banner, das oben auf jeder Seite erscheinen kann: eine Hinweisleiste. Sie ist das Lauteste auf der Website. Wird sie für alles genutzt, lernen die Menschen, darüber hinwegzuscrollen, und sie scrollen dann auch über den einen Hinweis hinweg, auf den es ankommt.

Schritt 2 von 7

Wofür die Hinweisleiste da ist

Nutzen Sie sie, wenn alle drei Bedingungen erfüllt sind:

  1. Dringend: Die Menschen müssen es heute wissen oder bevor sie sich auf den Weg machen.
  2. Zeitlich begrenzt: Es hat ein Ende, gemessen in Stunden oder Tagen.
  3. Betrifft viele Menschen: die meisten Besucherinnen und Besucher der Website, nicht nur die Teilnehmenden eines Programms.

Gute Anlässe:

  • Das Rathaus oder die Bibliothek ist heute geschlossen.
  • Ein Schneenotstand gilt, mit Parkregeln.
  • Für einen Teil des Ortes gilt ein Abkochgebot für Trinkwasser.
  • Online-Zahlungen sind bis zu einem genannten Zeitpunkt nicht möglich.
  • Ein Notfall ist im Gange, mit einem Link zur Notfallseite.

Nicht für die Hinweisleiste: Veranstaltungen, Feiern, Stellenangebote, neue Programme, Bitten um Teilnahme an Umfragen, eine Erinnerung, dass nächsten Monat Steuern fällig sind. Das gehört zu den Nachrichten, den Veranstaltungen oder auf die passende Seite.

Schritt 3 von 7

Ein Hinweis zur Zeit

Ist zweierlei gleichzeitig dringend, fassen Sie es in einer Zeile zusammen und verlinken Sie auf eine Seite, die beides behandelt, oder zeigen Sie das Dringendere. Ein Stapel aus drei Bannern schiebt die Seite auf dem Smartphone aus dem Bildschirm.

Schritt 4 von 7

In ein oder zwei Zeilen schreiben

Die Leiste fasst einen kurzen Satz und einen Link:

Das Rathaus ist am Montag, 12. Januar, wegen eines Wasserrohrbruchs geschlossen. Online-Dienste funktionieren. Zur Meldung über die Schließung (ein Link zur vollständigen Bekanntmachung)

Stellen Sie das Was und das Wann an den Anfang. Formulieren Sie den Linktext so, dass er sagt, wohin er führt. Schreiben Sie nicht „Hier klicken“ oder „Mehr Infos“.

Schritt 5 von 7

Das Ende festlegen, wenn Sie veröffentlichen

Entscheiden Sie vor der Veröffentlichung, wann der Hinweis wieder verschwindet. Unterstützt Ihr Editor ein Ablaufdatum, stellen Sie es ein. Wenn nicht, setzen Sie sich eine Kalendererinnerung für das Ende und benennen Sie eine Vertretung, die den Hinweis entfernen kann, wenn Sie nicht da sind.

Ändert sich die Lage vor dem Ende, aktualisieren Sie den Hinweis. Ist sie vorbei, entfernen Sie den Hinweis und schreiben Sie auf der verlinkten Seite, dass die Lage beendet ist.

Schritt 6 von 7

Barrierefreiheit der Leiste selbst

Die Hinweisleiste ist Webinhalt, also gilt der Standard WCAG 2.1 Stufe AA aus Titel II auch für sie:

  • Kontrast: Text muss sich ausreichend von der Hintergrundfarbe der Leiste abheben (Erfolgskriterium 1.4.3). Rote und gelbe Leisten fallen oft durch.
  • Nicht nur Farbe: Das Wort „Geschlossen“ oder „Notfall“ sollte sagen, um welche Art Hinweis es sich handelt, nicht nur die Farbe (1.4.1).
  • Kein Lauftext ohne Pause: Bewegte Inhalte, die länger als fünf Sekunden dauern, brauchen eine Möglichkeit, sie anzuhalten, zu stoppen oder auszublenden (2.2.2). Eine statische Leiste ist einfacher.
  • Eine Schließen-Schaltfläche, falls Ihre Leiste eine hat, muss mit der Tastatur funktionieren und eine Beschriftung haben, die ein Screenreader vorliest.

Prüfen Sie das einmal, wenn die Leiste eingerichtet wird, und erneut nach jeder Änderung am Design.

Schritt 7 von 7

Wer veröffentlichen darf

Legen Sie vorab fest, wer einen Hinweis veröffentlichen darf, wer ihn freigibt und wer veröffentlicht, wenn die übliche Person nicht da ist. Schreiben Sie die Namen auf. In einem Notfall sollte niemand nach einem Login suchen müssen. Der Kurs „Notfallmeldungen auf Ihrer Website“ behandelt den vollständigen Plan.

Quellen

Aufgabe

Ihre Aufgabe in Ihrer Einrichtung

Quiz

4 Fragen. Wählen Sie bei jeder eine Antwort und prüfen Sie dann. Zu jeder Antwort wird die Begründung angezeigt.

1. Was davon gehört in die Hinweisleiste der gesamten Website?
2. Wann sollten Sie entscheiden, wann ein Hinweis wieder verschwindet?
3. In Ihrer Hinweisleiste läuft Text über den Bildschirm. Was verlangt WCAG 2.1?
4. Was sollte der Hinweistext enthalten?
Antworten zeigen
  1. B. Das Rathaus ist heute wegen eines Stromausfalls geschlossen. Es ist dringend, zeitlich begrenzt und betrifft viele Menschen. Das andere gehört zu den Nachrichten oder Veranstaltungen.
  2. B. Wenn Sie ihn veröffentlichen. Legen Sie das Ende fest, wenn Sie veröffentlichen. Ein abgelaufener Hinweis bringt den Menschen bei, die Leiste zu übersehen.
  3. B. Eine Möglichkeit, ihn anzuhalten, zu stoppen oder auszublenden. Erfolgskriterium 2.2.2 verlangt eine Möglichkeit, bewegte Inhalte, die länger als fünf Sekunden dauern, anzuhalten, zu stoppen oder auszublenden.
  4. A. Was passiert, wann, und einen Link zu den Einzelheiten. Die Leiste hat ein oder zwei Zeilen. Sie nennt die Tatsache und verweist auf die Seite mit dem Rest.