Und natürlich muss der Text ins alt – ein title steht wenn überhaupt direkt im Linktag.

Zum einen sollte natürlich der alt tag nicht leer bleiben sondern ebenfalls mit “(Dieser Link öffnet ein neues Fenster)” markiert werden. Zum anderen stört mich etwas, dass z.B. beim Ausdrucken und Text Kopieren auch das Bild mit gezogen wird. Für den Ausdruck könnte man das ja ohne weiteres über CSS-Regeln für das Medium Print abfangen, aber wenn man den Text kopiert sind so immer die Bilder drin.

Auf jeden Fall ein interessanter Ansatz, der weiterverfolgt werden sollte.

Und für Screenreader und text-basierende Browser sind solche Methoden, die auf Hintergrundbildern basieren, nicht gangbar. Für die hilft nur, das Einfügen eines IMG-Tags hinter den Link. Wenn man auf Nummer sicher gehen will, muß man dies auf Serverseite tun. Viele Screenreader unterstützen aber mitlerweile auch JavaScript so dass folgende Abwandlung des obigen Javascripts hilfreich seien könnte:


function changeLinks()
{
var as,i,islink;
// alle links extrahieren
as=document.getElementsByTagName('a');
for(i=0;i < as.length;i++) { // das href aus dem link betrachten
islink=as[i].href;
// und dann schauen ob es zum selben Server geht
if (islink.indexOf(window.location.hostname)==-1)
{ // wenn es ein anderer Server ist Klasse und target ergänzen
as[i].className += ' newWinStyle';
as[i].target = "_blank";
var img = document.createElement("img");
img.src="/images/icons/link-icon_external.gif";
img.title = "Dieser Link öffnet ein neues Fenster";
img.alt = "";
img.border = 0;
img.className += ' newWinIcon';
as[i].appendChild(img);
}
}
}
// wenn der Browser DOMfähig ist, Funktion laden
if(document.getElementById && document.createTextNode)
{ window.onload=changeLinks; }