Explore the World's Best Ideas
Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.
To make sure a link will work properly, use an <a> element, with an href containing a url. That way, all devices will know how to operate the link. Keyboard interactions, hover and focus, default styling and feedback
3
19 reads
MORE IDEAS ON THIS
To jump to a different point on the same webpage. That’s convenient for the visitor, who can skip large parts of the page and go straight to the content they’re interested in.
But take care to not only the visual but the keyboard focus should move to the destination. Modern browsers do this...
1
10 reads
the best thing is to give users control rather than making decisions for them. A browser’s standard (default) behaviour is always the most predictable and is what users expect.
That said, it’s perfectly all right to open a link in a new window or tab, as long as you let the user know that t...
12
48 reads
Compare these two ways of linking:
12
59 reads
How do you link to a file to be downloaded such as a PDF, a restaurant menu or a fact sheet, let’s say
Compare these two ways of linking a document:
10
34 reads
The link, these tiny things that we use in many places, in a sentence, as a nav link or even embedded in a call to action; but the common purpose between them are thus clicking a link could:
- Take the user:
13
219 reads
Underlining is the universal pattern for a link. Users get it right away. So use this pattern for links in paragraphs of text.
Links that are obviously links, such in navigation menus, don’t have to be underlined.
Oh, don't forget to read the image 😘
7
21 reads
Screen readers announce the content on a website, so there must be actual content to announce, in the form of text: an “accessible name”, as it is called.
There are several ways to add the accessible name to a link, for example:
3
11 reads
In some cases we want to add an image as a link and to be satisfied with the accessibility's aspect we will add some alt text that will describe our image.
but there is a tiny issue that will face our users that suffering from impaired vision when using a screen reader to read this text out...
9
27 reads
Compare these two sentences:
The first link text is meaningless, you hav...
13
58 reads
4
20 reads
Other curated ideas on this topic:
Developers often use anchor link to mark up interactive elements. The idea behind this is override the default link using JS and they will get button behavior.
At first glance, this makes sense. But there is a problem. Browsers still think it’s a link & right clicking it open the context me...
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Personalized microlearning
—
100+ Learning Journeys
—
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates