Seitenentwurf:Handbuch:Erweiterung/StatusBadges: Unterschied zwischen den Versionen

Margit Link-Rodrigue (Diskussion | Beiträge)
K (Benutzername entfernt) (Logbucheinzelheiten entfernt)
Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{DISPLAYTITLE:StatusBadges}}
{{DISPLAYTITLE:StatusBadges}}


Ein Status-Badge ist ein speziell formatierter farbiger Text, der den Status einer Informationseinheit anzeigt.
Ein Statusabzeichen ist ein speziell formatierter farbiger Text, der den Status einer Informationseinheit anzeigt.


== Ein Status-Symbol hinzufügen ==
== Ein Statusabzeichen hinzufügen ==
Status-Badges sind als [[Handbuch:Extension/ContentDroplets|Content-Droplet]] verfügbar.  
Statusabzeichen sind als [[Handbuch:Erweiterung/ContentDroplets|Content-Droplet]] verfügbar.  


# Setzen Sie den Cursor an die Stelle, an der das Status-Symbol erscheinen soll.
# Setzen Sie den Cursor an die Stelle, an der das Statusabzeichen erscheinen soll.
# Öffnen Sie das Menü „Content Droplets“<span class="inline-img">[[File:VE-ContentDroplets.png|alt=Content Droplet menu item of Visual Editor|30x30px]]</span>.
# Öffnen Sie das Menü „Content Droplets“<span class="inline-img">[[File:VE-ContentDroplets.png|alt=Content Droplet menu item of Visual Editor|30x30px]]</span>.
# Suche nach „Status-Abzeichen“.
# Suchen Sie nach „Statusabzeichen“.
# Fügen Sie das „Content Droplet“ ein.[[File:Content Droplet StatusBadge.png|alt=Inspector for the Content Droplet|center|thumb|650x650px|Content Droplet „Status-Badge“]]
# Fügen Sie das „Content Droplet“ ein.[[File:Content Droplet StatusBadge.png|alt=Inspector for the Content Droplet|center|thumb|650x650px|Content Droplet „Status-Badge“]]
# Gib deine Statusmeldung ein.
# Geben Sie eine Nachricht ein.
# Wählen Sie eine Farbe aus.  
# Wählen Sie eine Farbe aus.  
# Wählen Sie „helles Abzeichen“ aus, wenn Sie ein Abzeichen mit heller Hintergrundfarbe anzeigen möchten (optional).
# Wählen Sie „hell“ aus, wenn Sie ein Abzeichen mit heller Hintergrundfarbe anzeigen möchten (optional).
Um schnell ein weiteres Status-Symbol hinzuzufügen, können Sie das eingefügte Status-Symbol auswählen, kopieren (Strg+C) und an einer anderen Stelle auf der Seite einfügen. Wählen Sie das duplizierte Symbol aus und bearbeiten Sie anschließend dessen Text und Farbe.
Um schnell ein weiteres Statusabzeichen hinzuzufügen, können Sie das eingefügte Statusabzeichen auswählen, kopieren (Strg+C) und an einer anderen Stelle auf der Seite einfügen. Wählen Sie das duplizierte Abzeichen aus und bearbeiten Sie anschließend dessen Text und Farbe.


== Anpassung ==
== Anpassung ==
If you want to use a larger font-size in your wiki for badges, you can add the following rule to the page MediaWiki:Common.css (admin rights required):<syntaxhighlight lang="css">
Wenn Sie in Ihrem Wiki eine größere Schriftgröße für Badges verwenden möchten, können Sie die folgende Regel zur Seite "MediaWiki:Common.css" hinzufügen (Administratorrechte erforderlich):<syntaxhighlight lang="css">
/*status badge */
/*status badge */
.status-badge {
.status-badge {
Zeile 24: Zeile 24:


== Barrierefreiheit ==
== Barrierefreiheit ==
'''Verwendung von Farben:''' Achten Sie darauf, dass der Text auf einem Status-Symbol den Status eindeutig angibt. Verlassen Sie sich nicht allein auf die Farbe, um die Bedeutung zu vermitteln. Negative Zahlen sollten beispielsweise mit einer Erläuterung versehen sein (<code>-</code>), anstatt lediglich mit einem roten Hintergrund formatiert zu werden. {{WCAGref|use-of-color}}
'''Verwendung von Farben:''' Achten Sie darauf, dass der Text auf einem Statusabzeichen den Status eindeutig angibt. Verlassen Sie sich nicht allein auf die Farbe, um die Bedeutung zu vermitteln. Negative Zahlen sollten beispielsweise mit einem Vorzeichen versehen sein (<code>-</code>), anstatt lediglich mit einem roten Hintergrund formatiert zu werden. {{WCAGref|use-of-color}}


'''Bildschirmleseprogramme''' lesen das Abzeichen als Kombination aus Abzeichentyp („Status“), Farbe (z. B. „grün“) und Beschriftungstext vor: „Status: grün, abgeschlossen“.
'''Bildschirmleseprogramme''' lesen das Abzeichen als Kombination aus Abzeichentyp („Status“), Farbe (z. B. „grün“) und Beschriftungstext vor: „Status: grün, abgeschlossen“.

Aktuelle Version vom 20. Juli 2026, 11:58 Uhr


Ein Statusabzeichen ist ein speziell formatierter farbiger Text, der den Status einer Informationseinheit anzeigt.

Ein Statusabzeichen hinzufügen

Statusabzeichen sind als Content-Droplet verfügbar.

  1. Setzen Sie den Cursor an die Stelle, an der das Statusabzeichen erscheinen soll.
  2. Öffnen Sie das Menü „Content Droplets“Content Droplet menu item of Visual Editor.
  3. Suchen Sie nach „Statusabzeichen“.
  4. Fügen Sie das „Content Droplet“ ein.
    Inspector for the Content Droplet
    Content Droplet „Status-Badge“
  5. Geben Sie eine Nachricht ein.
  6. Wählen Sie eine Farbe aus.
  7. Wählen Sie „hell“ aus, wenn Sie ein Abzeichen mit heller Hintergrundfarbe anzeigen möchten (optional).

Um schnell ein weiteres Statusabzeichen hinzuzufügen, können Sie das eingefügte Statusabzeichen auswählen, kopieren (Strg+C) und an einer anderen Stelle auf der Seite einfügen. Wählen Sie das duplizierte Abzeichen aus und bearbeiten Sie anschließend dessen Text und Farbe.

Anpassung

Wenn Sie in Ihrem Wiki eine größere Schriftgröße für Badges verwenden möchten, können Sie die folgende Regel zur Seite "MediaWiki:Common.css" hinzufügen (Administratorrechte erforderlich):

/*status badge */
.status-badge {
    font-size:0.9em; /*default-size:0.75em */
}

Barrierefreiheit

Verwendung von Farben: Achten Sie darauf, dass der Text auf einem Statusabzeichen den Status eindeutig angibt. Verlassen Sie sich nicht allein auf die Farbe, um die Bedeutung zu vermitteln. Negative Zahlen sollten beispielsweise mit einem Vorzeichen versehen sein (-), anstatt lediglich mit einem roten Hintergrund formatiert zu werden. WCAG #use-of-color

Bildschirmleseprogramme lesen das Abzeichen als Kombination aus Abzeichentyp („Status“), Farbe (z. B. „grün“) und Beschriftungstext vor: „Status: grün, abgeschlossen“.