Handbuch:Erweiterung/SecureFileStore

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:

Technische Referenz: SecureFileStore

@@ Zeile 1: / Zeile 1: @@
-Diese Seite befindet sich im Aufbau.
+== Einleitung ==
+=== Arten von Grafiken ===
+* Bedienelement
+* Informative Grafik
+* Layoutgrafik
+* Symbol
+=== Beschreibungen ===
+* <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|}}]]