E-Mail Adresse vor Spamrobots verstecken
Hier nun eine Methode E-Mail Adresse vor Spambots mit CSS und ohne den Einsatz von Javascript zu verstecken:
<style type="text/css">
/*<![CDATA[*/
/*]]>*/
</style>
<p class="rev">ed.revres@hci</p>
In der Klasse rev wird mittels unicode-bidi:bidi-override und direction: rtl die Textrichtung umgekehrt.
Wenn man nun im Quelltext die E-Mail Adresse von hinten nach vorne eintippt, erscheint sie für den User in der richtigen Schreibweise.
Leider lässt sich mit dieser Methode der mailto Link nicht verschlüsseln. Man könnte aber die CSS Methode beispielsweise mit diesem JavaScript kombinieren und die E-Mail Adresse wäre für Spambots unkenntlich, für den User aber sowohl lesbar als auch anklickbar.
Ein Nachteil bleibt aber bestehen:
Ohne CSS ist die E-Mail Adresse spiegelverkehrt. Das ist hinsichtlich der Barrierefreiheit und der Ausgabe mit Screenreadern natürlich ein Nachteil.
Browserkompatiblität:
Die CSS Eigenschaft unicode-bidi wird von fast allen modernen Browsern unterstützt:
- Netscape ab Version 6
- Mozilla ab Version 1
- Firefox ab Version 1
- Internet Explorer ab Version 5 – außer IE 5 Mac
- Opera ab Version 6
Ob diese Eigenschaft vom Safari unterstützt wird ist mir leider nicht bekannt.
Popularity: 20% [?]
