E-Mail Schutz im Impressum durch CSS und Javascript

Zum Theme E-Mailschutz im Impressum gibt es unzählige Ratgeber und Hinweise. Ebenso gibt es in gleicher Anzahl die unterschiedlichsten Meinungen. Wer sich damit beschäftigen kann das gerne ausführlich tun. Suche anschmeißen und los gehts.

Dieser Artikel ist eher als Merkzettel gedacht um den schnellen Zugriff auf Codeschnippsel zu gewährleisten.

Vorweg:

1. Es besteht die Pflicht nach §5 TMG mindestens im Impressum der Webseite eine E-Mail anzugeben.
2. Es muss eine schnelle elektronische Kontaktaufnahme möglich sein – also ist dies mit einem Bild nicht abgetan
3. Man sollte an diejenigen denken die mit Screenreadern arbeiten. Eine Zugänglichkleit muss auch für Diese gewährleistet sein.

… Angaben, die eine schnelle elektronische Kontaktaufnahme und unmittelbare Kommunikation mit ihnen ermöglichen, einschließlich der Adresse der elektronischen Post…

Ich habe mit folgender Kombination gute Erfahrungen gemacht; Man schreibe seine E-Mail rückwärts und läßt sie durch CSS wieder richtig herum in der Seite anzeigen. Man hat aber dabei das Problem, dass man die E-Mail dann nicht einfach kopieren und sie zum schreiben verwenden kann. Wenn man eine Webseite hat bei der das notwendig ist, kann man auch mit einer mailto-Alternative arbeiten die sich in einem Javascript versteckt.

Beispiel E-Mail CSS-Rückwärtsschreibung:

ohne Code:  mail.adresse@maildomain.de mit Code aber nicht rückwärts geschrieben:  mail.adresse@maildomain.de mit Code rückwärts geschrieben:  ed.niamodliam@esserda.liam 

mail.adresse@maildomain.de
<span style="unicode-bidi: bidi-override; direction: rtl;">
  mail.adresse@maildomain.de
</span>
<span style="unicode-bidi: bidi-override; direction: rtl;">
  ed.niamodliam@esserda.liam
</span>

Beispiel E-Mail CSS-Rückwärtsschreibung und Clickbares mailto:

Damit die Mailadresse auch noch klickbar ist und die Funktionalität des direkten Outlook bzw. anderen Maildienst greifen kann, muss etwas Javascript verwendet werden.

mit Code rückwärts geschrieben und clickbar gemacht:  ed.niamodliam@esserda.liam 

<a onclick="mailsend(this,'de','mail.adresse','maildomain');" href="#">
  <span style="unicode-bidi: bidi-override; direction: rtl;">
    ed.niamodliam@esserda.liam
  </span>
</a>

Damit dies natürlich auch funktioniert, müsst Ihr irgendwo auf der Seite diese kleine JS-Script ablegen.

<script>
function mailsend(mail,p1,p2,p3) {
  var ca;
  ca = "mailto:" + p2 + "@" + p3 + "." + p1;
  mail.href = ca;
  return (1);
}
</script>

Viel Erfolg!