(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
K ((Benutzername entfernt) (Logbucheinzelheiten entfernt)) |
||
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 | |||
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|}}]] |
Version vom 3. August 2023, 08:26 Uhr
Einleitung
Arten von Grafiken
- Bedienelement
- Informative Grafik
- Layoutgrafik
- Symbol
Beschreibungen
alt
= kurzer Alternativtextlongdesc
= Lange Beschreibungtitle
= Titel / Tooltip
Bedienelement
9.1.1.1a Alternativtexte für 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:
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: