Datei:300px-BlueSpice 3.1 - Notable Changes - Page NeighborhoodDE.png und BITV/1.1-Textalternativen: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
 
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, 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
3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und Benutzermenü
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:

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

Support-Hotline Icon

Symbol-Droplet

Immer mit Text zusammen benutzen:

Richtig:


Zeitplan

Zeitplan

Falsch:

Dateiversionen

Klicke auf einen Zeitpunkt, um diese Version zu laden.

Version vomVorschaubildMaßeBenutzerKommentar
aktuell11:05, 5. Okt. 2022Vorschaubild der Version vom 11:05, 5. Okt. 2022300 × 154 (23 KB)Prakti (Diskussion | Beiträge)

Keine Seiten verwenden diese Datei.

Metadaten

Keine Kategorien vergebenBearbeiten

Diskussionen