Hallo Shaack und Alle,
also wer nicht Techno-Bouble spricht, die mag folgende Ausführung ignorieren oder erst ab #4 lesen:
#1 Code: <span aria-hidden="true">...
- Das Span-element trägt selbst lediglich mit dem Attribut aria-hidden="true" zur Darstellung bei.
- Das Attribut aria-hidden="true" sorgt dafür, dass der Inhalt des Elementes für Screenreader / bildschirmleseprogramme nicht dargestellt wird. Dieses Attribut muss also zunächst entfernt werden.
- Ob das dann völligBeitragslose Span-Element selbst beibehalten oder auch gleich komplett gestrichen wird, bleibt der geneikten Häckse überlassen.
#2 Code: <svg ...
- Ein SVG-element zeigt eine Grafik an. Diese ist als solche für einen Screenreader nicht darstellbar.
- Für eine sinntragende Grafik, muss eine textliche Alternative angezeigt werden. Das klassische IMG-Element bietet dafür das Attribut "alt" an. Dieses wurde früher dafür verwendet, auf Terminals, die keine grafische Ausgabe erlaubten, statt den Bildern Texte anzuzeigen. Screenreader sind so gesehen Terminals ohne Grafikausgabe und zheigen daher den Alternativtext an.
- SVG-Grafiken sind zu einer Zeit eingeführt worden, da Mensch nicht mehr ernsthaft mit nicht-grafik-fähigen Displays aber noch nicht mit blinden Computer-Nutzer_innen gerechnet hat. Deswegen besitzt das SVG-Element keine Unterstützung für ein Alt-Attribut.
#3 Code: <svg role="img" aria-label="Stecknadel" viewBox= ...
- Wir haben dem SVG eine Rolle und einen Bezeichner gegeben:
-- role="img" sorgt dafür, dass Benutzeragenten wie z.B. eine Suchmaschine oder ein Screenreader wissen, dass es sich beim gegebenen Element um ein Bild handelt.
-- aria-label="Stecknadel" sorgt dafür, dass der Screenreader dieses Bild als "Stecknadel" ausgibt.
- Die Tatsächliche Ausgabe hängt vom verwendeten Screenreader und dem verwendeten Ausgabemedium ab.
-- Die NVDA-Braille-Ausgabe lautet "grf Stecknadel".
-- Die NVDA-Sprachausgabe lautet "GrafikStecknadel".
#4 Ergebnis:
- Die resultierende Ausgabe der gesamten Tabellenzelle hört sich bei NVDA so an: "Link, Grafik, Stecknadel - Alte Mailbox Nachrichten werden am 10.6. gelöscht".
- Dass hier das kurze Wort "Stecknadel" steht und nicht "Dieser Beitrag ist so wichtig, dass er oben angeheftet ist", mag beim ersten Lesen für eine kurze Denkbpause sorgen, aber eben nur beim ersten Lesen.
- Folgender möglicher Text, würde aber bei jedem außer dem ersten Lesen zu langen genervten Pausen führen:
-- Dies ist eine Stecknadel, die einem Donaudampfschifffahrtsgesellschaftskapitänsmützenband entnommen ist und in Folge seiner Wichtigkeit im aktuellen Kontext anzeigt, dass dieser Beitrag am Beginn der Übersicht stehen bleibt, auch wenn er gemäß der aktuellen Sortierreihenfolge weiter unten stehen müsste.
@Shaack: Und wo Du gerade das Forum anfasst: Bitte denke drann, dass ich innerhalb eines Threads noch immer nicht von Beitrag zu Beitrag springen kann :-(
Ad Astra
Teddy