mdkiller: <a title="..."> statt <img alt="...">

Hallo Forum!

Ich muss bei der Arbeit ein CMS benutzen, mit dem ich z.B. bei Bildern keine "alt"-Attribute einfügen kann. Es bietet sich mir jedoch die Möglichkeit, bei Links ein "title"-Attribut zu benutzen.

Mir stellt sich jetzt die Frage, wie sich unsere Seite wohl "anhört", wenn man Sie sich vorlesen lässt. Wird bei verlinkten Bildern dann einfach gar nichts gesagt oder erhält der User einen Hinweis darauf, dass hinter dem Bild ein Link mit dem Titel soundso steckt?

Für eure Antworten danke ich im Voraus!

Gruß

mdkiller

  1. Mir stellt sich jetzt die Frage, wie sich unsere Seite wohl "anhört", wenn man Sie sich vorlesen lässt. Wird bei verlinkten Bildern dann einfach gar nichts gesagt oder erhält der User einen Hinweis darauf, dass hinter dem Bild ein Link mit dem Titel soundso steckt?

    Moin,
    ich habe mir eine Probeversion von "Windows-Eyes" geladen.
    Die Probeversion läuft zwar immer nur eine halbe Stunde, dann muss der REchner neu gestartet werden, aber um die eigenen Seiten zu kontrollieren reicht die Zeit aus.
    Ich habe damit gute Erfahrungen gemacht.
    ... und man entdeckt dabei so manche Kleinigkeit.
    Eine Beispiel: statt 09:00 Uhr sollte man besser schreiben: 9 Uhr,
    dann wird es auch so vorgelesen, dass man es versteht.
    Gruß
    CPG

  2. Hallo mdkiller,

    Ich muss bei der Arbeit ein CMS benutzen, mit dem ich z.B. bei Bildern keine "alt"-Attribute einfügen kann. Es bietet sich mir jedoch die Möglichkeit, bei Links ein "title"-Attribut zu benutzen.

    Der verbreitete Screenreader JAWS (4.51) liest standardmäßig das title-Attribut eines a-Elements vor, sofern dieses gefüllt ist. Es lässt sich einstellen, in welcher Reihenfolge gesucht werden soll, es gibt auch eine Option, mit welcher sich wählen lässt, dass jeweils der längere Linktext vorgelesen wird (title-Attribut oder a-Elementinhalt). Das Manko ist, dass *entweder* der title-Attribut als Linktext vorgelesen wird *oder* der a-Elementinhalt. Das würde dir im Fall von <a href="..." title="Linktext"><img src="..." alt=""></a> entgegenkommen, ansonsten ist es meist störend, weil das title-Attribut normaleerweise eher Zusatzinformationen enthält, beispielsweise würde bei <a href="link" title="titel des links">bla <img src="grafik" alt="alternativtext des bildes" title="titel des bildes"> bla</a> lediglich »titel des links« als Linktext vorgelesen.

    Falls du/ihr die Seite wirklich barrierefrei machen wollt, solltet ihr langfristig zu einem CMS wechseln, welches Alternativtexte erlaubt, schließlich sind sie nicht nur für Blinde/Sehbehinderte mit Screenreadern/Brailleausgabe wichtig, sondern erfüllen in verschiedenen Situationen ihren Zweck, in welchen <a href="..." title="Linktext"><img src="..." alt=""></a> kein Workaround ist. Prinzipiell ist die Wurschtelei über das title-Attribut statt einem gewöhnlichen Linktext nicht hinreichend kompatibel.

    Wie es beim IBM Home Page Reader ist, weiß ich nicht mehr, du kannst dir die Testversion herunterladen:
    IBM HPR: http://www-3.ibm.com/able/solution_offerings/hprtrial3_de.html#download

    Andere Testversionen von Screenreadern:
    JAWS: http://www.freedomsci.de/serv01.htm - Version 5 beta habe ich noch nicht ausprobiert, 4.x ist momentan wohl die bessere Wahl.
    Hal: http://www.dolphinuk.co.uk/downloads/dl_hal.htm - Hal liest übrigens bei <a href="..." title="titel des links"><img src="..." alt=""></a> das title-Attribut als Linktext vor.
    Window Eyes: http://www.windoweyes.de/demo/ bzw. http://www.gwmicro.com/demo/ - Window Eyes bekomme ich bei mir nicht zum laufen (er spricht einfach nicht...). Vielleicht kann cpg exakt sagen, was Window Eyes bei dem oben genannten Beispiellink vorliest.
    Virgo: http://www.virgo4.de/html/download.htm - Habe ich noch nicht ausprobiert, soweit ich mich erinnere.

    Grüße,
    Mathias