Archiv:Referenz:BlueSpiceNamespaceCSS und BITV/1.1-Textalternativen: Unterschied zwischen den Seiten

VisuellWikitext

Version vom 3. August 2023, 09:26 Uhr

Einleitung

Arten von Grafiken

Bedienelement
Informative Grafik
Layoutgrafik
Symbol

Beschreibungen

alt = kurzer Alternativtext
longdesc = Lange Beschreibung
title = Titel / Tooltip

Bedienelement

9.1.1.1a Alternativtexte für Bedienelemente

Grafik-Bedienelemente

Absatz einfügen

Verlinkte, informative Grafik
Benötigt Alternativtext

Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift. (Erst ab neueren Versionen).

Informative Grafik

Benötigt Alternativtext
Kann auch Text-Alternative benötigen

Sonderinhalte

Diagramme (Drawio, BPMN) sind nicht barrierefrei und benötigen eine Textalternative (z.B. Tabellenformat)

Galerie

Screenshots zur Seitenleiste:

Details-Menü
Menü "alle Aktionen"

Layoutgrafik

Nicht von Inhaltsverantwortlichen erstellt
Leerer Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
- Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
- Einfaches Bild: Wiki fügt alt tag ohne Wert ein.

Symbol

Als Grafik eingebunden

Benötigt Alternativtext

Symbol-Droplet

Immer mit Text zusammen benutzen:

Richtig:

Zeitplan

Falsch:

@@ Zeile 1: / Zeile 1: @@
-{{BSExtensionInfo
+== Einleitung ==
-|status=stable
-|developer=HalloWelt
-|type=BlueSpice
-|edition=BlueSpice free, BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
-|active=Ja
-|compatible=BlueSpice
-|category=Skinning
-|license=GPL v3 only
-|features=
-{{BSVersion|bsvFrom=|bsvTo=4.1|bsvFeature=}}
-Mit der Erweiterung '''NamespaceCSS''' können Benutzer verschiedene CSS-Stile für verschiedene Namensräume verwenden. Dies kann sehr nützlich sein, um z.B. zwischen verschiedenen Handbüchern oder Wikibereichen zu unterscheiden.
-Der CSS-Code wird in den Inhalt der Seite ''<Namensraumname>_css'' geschrieben. Die Erweiterung prüft bei jedem Seitenaufruf, ob es eine "CSS-Seite" für den entsprechenden Namensraum gibt.
+=== Arten von Grafiken ===
-Beispiel: ''MediaWiki:User_css'' wirkt sich auf alle Seiten aus, die sich im Namensraum ''User'' befinden.
+* Bedienelement
+* Informative Grafik
+* Layoutgrafik
+* Symbol
-===Ab BlueSpice 4.2===
+=== Beschreibungen ===
-Namensraumspezifisches Styling kann direkt in ''MediaWiki:Common.css'' angewandt werden. Siehe [[Handbuch:Erweiterung/BlueSpiceNamespaceCSS|Hilfeseite zur Erweiterung]].
-}}
+* <code>alt</code> = kurzer Alternativtext
+* <code>longdesc</code> = Lange Beschreibung
+* <code>title</code> = Titel / Tooltip
+==Bedienelement==
+{{WCAGBox|9.1.1.1a Alternativtexte für Bedienelemente}}[[Datei:BITV-content-UI graphics.png|alternativtext=3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und Benutzermenü|mini|150x150px|Grafik-Bedienelemente|ohne|verweis=https://training-margit.bluespice.cloud/wiki/Datei:BITV-content-UI_graphics.png]]Absatz einfügen
+*Verlinkte, informative Grafik
+*Benötigt Alternativtext
+Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift. (Erst ab neueren Versionen).
+== Informative Grafik ==
+*Benötigt Alternativtext
+*Kann auch Text-Alternative benötigen
+=== Sonderinhalte ===
+Diagramme (Drawio, BPMN) sind nicht barrierefrei und benötigen eine Textalternative (z.B. Tabellenformat)
+=== Galerie ===
+Screenshots zur Seitenleiste:<gallery widths="300" heights="300">
+Datei:stsv alle aktionen.png|alt=Menü mit ausgewähltem Menüpunkt "alle Aktionen"|Details-Menü
+Datei:stsv Quelltext bearbeiten.png|alt=Ausgewählter Menüpunkt "Quelltext bearbeiten" im Alle-Aktionen-Menü|Menü "alle Aktionen"
+</gallery>
+== Layoutgrafik ==
+*Nicht von Inhaltsverantwortlichen erstellt
+*Leerer Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
+**Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
+**Einfaches Bild: Wiki fügt alt tag ohne Wert ein.
+== Symbol ==
+=== Als Grafik eingebunden ===
+*Benötigt Alternativtext
+[[Datei:support.png|alternativtext=Support-Hotline Icon|40x40px]]
+==== Symbol-Droplet ====
+Immer mit Text zusammen benutzen:
+Richtig:
+<br>[[Zeitplan 2023|Zeitplan]]
+{{Icon|bi bi-clock|}}Zeitplan
+Falsch:<br>
+{{Icon|bi bi-clock|}}
+[[Zeitplan 2023|{{Icon|bi bi-clock|}}]]