Externe Links bearbeiten

Hi,

ich würde gerne aufgrund der höheren Accessibility, die externen Links automatisch anpassen lassen.
Jeder externe Link soll eine Grafik erhalten und ein unsichtbares Span mit dem Inhalt "(externer Link)".

Es sollte im Grunde dann so aussehen: <a class="extern" href="#">Beispiellink <span class="extlink">(externer Link)</span></a>

Die Grafik kann ich zur Not auch mit folgendem CSS-Code einfügen. Daher geht es mir primär um den unsichtbaren Text.

a[href^="http:"] {
background: transparent url(../images/ic_arrow.gif) no-repeat 0px 6px;
padding-left: 15px;
}


a[href^="http://domain.de";],
a[href^="http://www.domain.de";]
{
background: transparent;
padding-left: 0px;
}

Weiß jemand eine Lösung oder ein Plugin?

Das hatte ich auch schon probiert, leider kann man so den Text nicht mit einbinden :(