Vorlage:@/styles

CSS

.hide-at-sign-anti-mail-spam > span {
   position:    absolute;
   left:        -10000px;
   top:         auto;
   width:       1px;
   height:      1px;
   overflow:    hidden;
   white-space: nowrap;
}
.hide-at-sign-anti-mail-spam::before {
   content: "@";
}

Kopiervorlage

<templatestyles src="@/styles.css" />

Funktion

Die Adresse soll als Spamschutz maskiert werden.

Beim Auslesen der Seite wird ein veränderter Text generiert, der nicht oder nur mit hohem Aufwand als E-Mail-Adresse detektiert werden kann.
Beim C&P wird ein modifizierter Text erzeugt, der manuell als gültige E-Mail-Adresse im Mail-Formular korrigiert werden kann.
Die Darstellung sieht optisch unauffällig und nicht irritierend aus.
- Der Schriftfarbe, Schriftstil usw. wird gefolgt.
- Kann als Linktext in Verlinkungen benutzt werden.
Relativ barrierefrei; im Rahmen der Möglichkeiten.