Vorlage:SV Aufgabenliste und BITV/9.1.1 - Textalternativen: Unterschied zwischen den Seiten

VisuellWikitext

Version vom 3. August 2023, 09:40 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

Grafik-Bedienelemente

Absatz einfügen

Verlinkte, informative Grafik
Benötigt Alternativtext
Sollen das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.

Informative Grafik

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:

Details-Menü
Menü "alle Aktionen"

Layoutgrafik

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

Symbol-Droplet

Immer mit Text zusammen benutzen:

Richtig:

Zeitplan

Falsch:

@@ Zeile 1: / Zeile 1: @@
-<div class="databox">
+== Einleitung ==
-<div class="tbl">
-{|
-|-
-!Eigner:
-|Benutzername
-|-
-!Zeitraum / Meilenstein:
-|Welcher Zeitraum / Meilenstein ist berücksichtigt?
-|}
-</div>
-<div class="tbl">
-{|
-|-
-!Team /Abteilung / Projekt:
-|Wofür / für wen gilt diese Liste?
-|-
-!Status:
-| class="select" |'''offen''' / geschlossen
-|}
-</div>
-</div>
-==Aufgabenliste==
+=== Arten von Grafiken ===
-{| class="wikitable sortable" style="width:100%;"
-!Bereich / Thema
-!Aufgabe
-!Zugewiesen an
-! style="vertical-align:middle;text-align:center;" |Fällig am
-! style="vertical-align:middle;text-align:center;" |Status
-! style="vertical-align:middle;text-align:center;" |Priorität
-|-
-|(z.B., GUI)
-|Name dieser Aufgabe:  Beschreibung dieser Aufgabe
-|Benutzername
-| style="vertical-align:middle;text-align:center;" |tt.mm
-| style="vertical-align:middle;text-align:center;" |'''geplant''' / laufend / abgeschlossen
-| style="vertical-align:middle;text-align:center;" |1
-|-
-|
-|
-|
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |2
-|-
-|
-|
-|
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |1
-|-
-|
-|
-|
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |
-| style="vertical-align:middle;text-align:center;" |3
-|}
-==Backlog (nicht terminiert)==
+* Bedienelement
-Geben Sie mögliche Aufgaben an, die als nächstes berücksichtigt werden sollten. Sie werden  für dien aktuellen Zeitraum nicht berücksichtigt:
+* Informative Grafik
-*Name dieser Aufgabe: Beschreibung dieser Aufgabe
+* Layoutgrafik
-*Name dieser Aufgabe: Beschreibung dieser Aufgabe
+* Symbol
-===Anmerkungen===
+=== Beschreibungen ===
-Geben Sie bei Bedarf weitere Details zum Backlog an.
-==Außer Betracht==
+* <code>alt</code> = kurzer Alternativtext
-Geben Sie Aufgaben an, die für dieses Projekt nicht berücksichtigt werden:.
+* <code>longdesc</code> = Lange Beschreibung
-*Name dieser Aufgabe: Beschreibung dieser Aufgabe
+* <code>title</code> = Titel / Tooltip
-*Name dieser Aufgabe: Beschreibung dieser Aufgabe
-=== Anmerkungen ===
+==Bedienelement==
-Geben Sie bei Bedarf weitere Details an, warum diese Aufgaben außer Betracht sind.
+{{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
-__NOTOC__
+*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|}}]]