Keine Bearbeitungszusammenfassung |
K ((Benutzername entfernt) (Logbucheinzelheiten entfernt)) |
||
| (7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
=== Arten von Grafiken === | === Arten von Grafiken === | ||
* Bedienelement | * Bedienelement (Web-Entwickler) | ||
* Informative Grafik | * Informative Grafik (Inhaltsverantwortliche) | ||
* Layoutgrafik | * Layoutgrafik (Web-Entwickler) | ||
* Symbol | * Symbol (Inhaltsverantwortliche) | ||
==Bedienelement== | ==Bedienelement== | ||
[[Datei:BITV-content-UI graphics.png|alternativtext=3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und | [[Datei:BITV-content-UI graphics.png|alternativtext=3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen, Benutzermenü und Seitenaktionen|mini|150x150px|Grafik-Bedienelemente|ohne]] | ||
*Verlinkte, informative Grafik | *Verlinkte, informative Grafik | ||
*Benötigt Alternativtext | *Benötigt Alternativtext | ||
* | *Soll das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen. | ||
== Informative Grafik == | == Informative Grafik == | ||
*Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite). | *Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite). | ||
*Benötigt Alternativtext | *Benötigt Alternativtext | ||
*Kann auch Text-Alternative benötigen (z.B. | *Kann auch eine Text-Alternative benötigen (z.B. bei einem Organigramm). | ||
Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift (wäre für Bildschirmlesegeräte besser, [https://de.wikipedia.org/wiki/Wikipedia:Barrierefreiheit Beispiel]). Dies geht erst ab neueren Versionen). | |||
=== Beispiel === | |||
[[Datei:19220.jpg|alternativtext=Infografik eines Geschäftsteams, die wie Zahnräder zusammenarbeiten.|ohne|mini|Teamarbeit zahlt sich aus]] | |||
=== Galerie === | === Galerie === | ||
<gallery widths="300" heights="300"> | |||
Datei:stsv alle aktionen.png|alt=Menü mit ausgewähltem Menüpunkt | 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 | Datei:stsv Quelltext bearbeiten.png|alt=Ausgewählter Menüpunkt 'Quelltext bearbeiten' im Alle-Aktionen-Menü|Menü "alle Aktionen" | ||
</gallery> | </gallery> | ||
| Zeile 41: | Zeile 43: | ||
=== Symbol-Droplet === | === Symbol-Droplet === | ||
Immer mit Text zusammen benutzen:<br> | Immer mit Text zusammen benutzen, da Droplet-Symbole nicht vorgelesen werden:<br> | ||
'''Richtig:''' | '''Richtig:''' | ||
{{Icon|bi bi-clock|}}Zeitplan | {{Icon|bi bi-clock|}}Zeitplan | ||
| Zeile 51: | Zeile 54: | ||
{{Icon|bi bi-clock|}} | {{Icon|bi bi-clock|}} | ||
== Bildschirmlesegerät == | |||
* Media-Viewer kann im Benutzermenü deaktiviert werden. | |||
Aktuelle Version vom 26. April 2024, 09:59 Uhr
Einleitung
Arten von Grafiken
- Bedienelement (Web-Entwickler)
- Informative Grafik (Inhaltsverantwortliche)
- Layoutgrafik (Web-Entwickler)
- Symbol (Inhaltsverantwortliche)
Bedienelement
- Verlinkte, informative Grafik
- Benötigt Alternativtext
- Soll das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.
Informative Grafik
- Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite).
- Benötigt Alternativtext
- Kann auch eine Text-Alternative benötigen (z.B. bei einem Organigramm).
Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift (wäre für Bildschirmlesegeräte besser, Beispiel). Dies geht erst ab neueren Versionen).
Beispiel
Galerie
Details-Menü
Menü "alle Aktionen"
Layoutgrafik
- Nicht von Inhaltsverantwortlichen erstellt, kann aber in Vorlagen vorkommen. Bei der Erstellung neuer Vorlagen müssen Bilder immer überprüft werden (gibt es Layoutgrafiken vs. Informationsgrafiken?)
- 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, da Droplet-Symbole nicht vorgelesen werden:
Richtig:
Zeitplan
Falsch:
Bildschirmlesegerät
- Media-Viewer kann im Benutzermenü deaktiviert werden.
