Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Links zu externen Seiten kennzeichnen #259

Open
Koala opened this issue Feb 3, 2023 · 6 comments
Open

Links zu externen Seiten kennzeichnen #259

Koala opened this issue Feb 3, 2023 · 6 comments

Comments

@Koala
Copy link
Contributor

Koala commented Feb 3, 2023

Anstatt Links als "extern" zu kennzeichen (im Menü) oder gar nicht (im normalen Text) möchte ich anregen, Links die zu externen Seiten führen, durch einen kleinen Pfeil oder ähnlichem zu kennzeichnen. Eventuell wäre das sogar Redaxo/FOR einheitlich machbar?
Diskussionen dazu gern auch über Slack.

Zum Beispiel ganz simpel so:

<a href="https://friendsofredaxo.github.io/tricks/">REDAXO-Tricks &#x2197; </a>

grafik

Hier findet sich eine schöne Übersicht:
https://www.w3schools.com/charsets/ref_utf_arrows.asp

Wie wird das heutzutage mit externen Links gehandhabt? Beim klick darauf heist es "Huch, bin im selben Browser-Tab aber auf einer anderen Seite und finde nicht mehr zur ursprünglichen Seite zurück" oder gleich einen neuen Tab öffnen lassen?

@alxndr-w
Copy link
Contributor

alxndr-w commented Feb 3, 2023

Wie wird das heutzutage mit externen Links gehandhabt?

Best practice ist wohl, es dem Nutzer zu überlassen, häufige Praxis ist es zu forcieren.

@eaCe
Copy link
Contributor

eaCe commented Jun 29, 2023

https://css-tricks.com/use-target_blank/

@Koala
Copy link
Contributor Author

Koala commented Oct 23, 2023

Hier gibt es auch eine gute Variante, die für alle externen Links taugt, ohne jeden einzelnen Link von Hand anpassen zu müssen.

https://css-irl.info/styling-external-links-with-attribute-selectors/

@alxndr-w
Copy link
Contributor

@Koala hast du denn den @eaCe verlinkten Artikel gelesen?

@eaCe
Copy link
Contributor

eaCe commented Oct 23, 2023

@alxndr-w ich denke, dort geht es nur um das Kennzeichnen eines externen Links, das bezieht sich nicht auch _blank. Das hatte ich nur falsch angenommen.

@Koala
Copy link
Contributor Author

Koala commented Oct 23, 2023

Ja, habe ich gesehen. Das bezieht sich aber auf den zweite Teil (die Frage) meines Beitrages.
Mir geht es hauptsächlich um das kenntlich machen eines (externen) Links, um auf den ersten Blick erkennen zu können, ob ich von der Seite weggeführt werde oder nicht, ohne den Fokus zum Inhalt zu verlieren.
Auf Systemen, mit denen die Zieladresse eines Links durch überfahren mit einem Mauskursor irgendwo im Browser (meist links unten) ersichtlich ist, kann ein externer Link zwar erkannt werden, der Fokus auf den Inhalt geht aber verloren.

Bei Mauszeigerlosen (Touch) Systemen ist der Benutzer dem Überraschungseffekt völlig ausgesetzt, ohne die Wahl zu haben, ob er die Seite im selben Browsertab verlassen möchte, oder den Link in einem neuen Tab öffnen möchte.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

3 participants