|
|
Zeile 1: |
Zeile 1: |
| == 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
| |
| *Sollen das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.
| |
|
| |
| == Informative Grafik ==
| |
| {{WCAGBox|9.1.1.1b Alternativtexte für Grafiken und Objekte}}
| |
| *Benötigt Alternativtext
| |
| *Kann auch Text-Alternative benötigen
| |
| Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift. (Erst ab neueren Versionen).
| |
|
| |
| === 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 ==
| |
| {{WCAGBox|9.1.1.1c Leere alt-Attribute für Layoutgrafiken}}
| |
| *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|}}]]
| |