Testdatei für Einzelbuchstaben in einem <span>-Bereich

Zur Verwendung dieser Testdatei

Wie verhält sich ein Screen Reader, wenn in einem Wort ein Einzelbuchstabe zu Formatierungszwecken in einen <span> eingebettet wird?

Testbereich

Beispiel 1: Binnenbuchstabe als einfaches Textzeichen

In folgendem Beispiel wird der Buchstabe u jeweils in einem <span>-Bereich rot formatiert.

Erfahrungsberichte zum Beispiel

• JAWS 17 liest im Internet Explorer 11 korrekt Jupiduu! und Freundschaft Vor.
• JAWS 17 liest im Mozilla Firefox 53 korrekt Jupiduu! und Freundschaft Vor.

Beispiel 2: Binnenbuchstabe als Textgrafik

In folgendem Beispiel wird der Buchstabe u jeweils in einem <img>-Element mit einem Alternativtext rot formatiert.

Erfahrungsberichte zum Beispiel

• JAWS 17 liest erwartungsgemäß nicht Juppiduu! vor, weil jedes einzelne u erst semantisch als Grafik angekündigt wird.
• Es hilft auch nichts, das IMG-Element mit role="presentation" zu versehen, weil dadurch auch der Alternativtext als Attribut für den Screen Reader verborgen wird.