/Recht/CSS: Symbol vor externen Links

[Robert Bienert]

Moin Tim!

a.extern:before { content: url(../bilder/ZielKreuz.png); }

Die derzeit gängige Methode, auch in Alt-Browsern funktionierende Link-Icons mittels CSS zu realisieren sieht meines Wissens nach so aus:

a.extern {

padding-left:20px;
  background-image:url(../bilder/ZielKreuz.png);
  background-repeat:no-repeat;
}

  
Das werde ich mal ausprobieren, es sieht ja einleuchtend aus und entspricht meiner Idee, das ganze ein wenig zu automatisieren.  
  

> > Screenreader und Textbrowser sollten (hoffentlich) statt des Symbols eher mit dem title was anfangen können.  
>   
> Ein kurzer Test mit links und lynx ergibt, dass keiner der beiden in den Default-Einstellungen den Inhalt des title-Attributes anzeigt; auch in den Optionen habe ich keine Option dazu gefunden. Wenn tatsächlich jedes Zugangsgerät die Information „Externer Link“ bekommen sollte, dann würde ich eher die Einbindung in HTML als Bild wählen:  
>   
> `<img src="..bilder/Zielkreuz.png" width="15px" height=" alt="Externer Link:" title="Externer Link" longdesc="/impressum/">&nbsp;<a href="...">Klick mich!</a>`{:.language-html}  
  
… oder wie von [Cyx23](https://forum.selfhtml.org/?t=119704&m=768135) vorgeschlagen, nen entsprechenden Text dahinter.  
  

> Nebenbei bemerkt:  
>   
> • Ich weiss nicht, ob Dein Impressum wirklich juristisch wasserdicht ist, aber in dem Zusammenhang ist es eventuell sinnvoll.  
  
Naja, mein Impressum soll für mich ausreichen, dass nicht mal ein arbeitsloser Anwalt auf dumme Gedanken kommt.  
  

> Ich selber würde es aber nicht machen, weil:  
>   
> • Ich persönlich mag Icons mitten im Text nicht – ein steter Quell der persönlichen Ärgernis hier bei SELFHTML. Ich werde da immer aus dem Lesefluss herausgerissen.  
  
Das spräche dann wohl dafür, externe Links anders darzustellen, z.B. andere Farbe, kursiv, fett, … was weiß ich.  
  

> • Als wirklich sichtbar empfinde ich Dein Icon auch nicht; der schwarze Hintergrund tut da sein übriges.  
  
Wow, danke für den Hinweis. Solche Anmerkungen sind mir sehr wichtig. Da ich gerade dabei bin, das Layout der Seite zu verbessern, werde ich die Meinungen zu meinem Posting einfließen lassen.  
  

> Auch entgeht mir irgendwie die Metapher „Fadenkreuz“ → „Externer Link“. Eventuell möchtest Du ein anderes Icon nehmen.  
  
Ja, nachdem du ja nicht der einzige bist, der dieser Meinung ist. Ich  hatte da an eine Zielscheibe gedacht, aber es gibt Symbole, die mehr sagen.  
  
Danke schonmal und viele Grüße,  
Robert