JAWS Bildschirmleser Hinzufügen von tabIndex von -1 zu Anker mit Bildern

Question

Ich habe drei Anker-Tags, eines mit Text innerhalb und zwei mit Bildern mit gültigen Alt-Text. Das Anchor-Tag mit Text im Inneren funktioniert gut mit JAWS und wird richtig gelesen. Aus irgendeinem Grund wird jedoch bei den Ankern mit dem Bild drinnen ein tabIndex von -1 angewendet, was bedeutet, dass sie übersprungen werden.

Dies wird in IE 9 getestet. Gibt es einen Grund, warum dies auftreten sollte? Gibt es einen Weg, das zu verhindern?

Answer 1

JAWS automatisch tabindex = "- 1" hinzufügen, um Tags zu verankern, die href = "javascript: void (0)" haben. Ich habe href = "#" verwendet, um das gleiche Problem zu lösen wie Ihres.

Answer 2

Ich hatte ein ähnliches Problem mit JAWS Einstellung der tabindex von Links auf -1. Dies war mit IE9 mit JAWS 14.0

Das Problem wurde durch eine Einstellung in JAWS unter "Web/HTML/PDFs" -> "Links" namens "Filter fortlaufende doppelte Links" verursacht. JAWS beschreibt die Funktion wie folgt:

Diese Option steuert, ob aufeinanderfolgende Links, die auf denselben Standort verweisen, ein grafischer und ein Text, gefiltert werden. Wenn ausgewählt, wird nur der Textlink angekündigt. Dieses Kontrollkästchen ist standardmäßig ausgewählt.

Zum Beispiel, sagen wir mal Sie ein Symbol/Text-Link-Paar haben, die beide das gleiche tun:

<a href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 
<a href="javascript:void(0)" onclick="test();">TEST</a> 

Mit der Einstellung checked JAWS wird das Bild aus der Tab-Reihenfolge nur den Text verlassen entfernen Link wie folgt:

<a tabindex="-1" href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 
<a href="javascript:void(0)" onclick="test();">TEST</a> 

Aus meiner Erfahrung und einigen grundlegenden Tests, die ich glaube, dies gilt nur, wenn ein Bild Link durch einen doppelten Textlink und nicht umgekehrt folgt. Dies gilt auch für alle doppelten Bildverknüpfungen, die dem Bild/Text-Paar folgen.

Das Problem, das ich lief, war, dass JAWS schien nur das href Attribut zu vergleichen und andere Attribute wie onclick oder onkeydown nicht berücksichtigt. Kombinieren Sie dies mit dem Entfernen von Duplikaten, die auf Bildverknüpfungen angewendet werden, die dem ursprünglichen Bild/Text-Linkpaar folgen, und Sie können mit einem Fall enden, bei dem eine Bildverknüpfung nach einem Bild-/Textverknüpfungspaar nicht angezeigt wird. Beispiel:

<a href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 

<a href="javascript:void(0)" onclick="test();">TEST</a> 

<a href='javascript:void(0)' onclick="dontTest();"> 
    <img src="untitled2.png" title="Test" alt="Test"> 
</a> 

Ergebnis:

<a tabindex="-1" href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 

<a href="javascript:void(0)" onclick="test();">TEST</a> 

<a tabindex="-1" href='javascript:void(0)' onclick="dontTest();"> 
    <img src="untitled2.png" title="Test" alt="Test"> 
</a> 

Hinweis: die Tatsache, dass die href-javascript:void(0) gesetzt ist rein zufällig. Dieses Verhalten sollte unter Verwendung eines beliebigen Werts für href reproduzierbar sein, solange der Wert für alle Verknüpfungen gleich ist.

Ich hoffe, das hilft jemandem.