Design tips for links - Deepstash

Keep reading for FREE

Design tips for links

Design tips for links

  • Make links large enough, and include enough space between them and other links, so they are easy to click for a visitor with Parkinson’s disease or rheumatism.
  • Make sure the colour-contrast ratio between text and background is at least 4.5:1 and, for the underlining itself at least 3:1. Googling colour contrast analyser will bring up plenty of free tools and add-ons that will calculate the contrast ratio for you.

4

20 reads

MORE IDEAS ON THIS

Internal links

Internal links

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

Open in a new window or a new tab?

Open in a new window or a new tab?

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

Linking to an e-mail address or a telephone number

Linking to an e-mail address or a telephone number

Compare these two ways of linking:

  • Please don’t hesitate to e-mail or to call us.
  • Please don’t hesitate to send a message to

12

59 reads

Linking to a file

Linking to a file

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

What’s in a link, anyway?

What’s in a link, anyway?

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

    When to underline a link?

    When to underline a link?

    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

    Giving It A Name

    Giving It A Name

    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:

    • Use an image or font icon and add the word “Twitter...

    3

    11 reads

    Embedding an image in a link

    Embedding an image in a link

    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

    The Golden Rule

    The Golden Rule

    Compare these two sentences:

    The first link text is meaningless, you hav...

    13

    58 reads

    Semantics matters

    Semantics matters

    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

    CURATED FROM

    More like this

    Tips for Revision

    • Give yourself time between writing the first draft and looking at it again for revision. A few hours can give you enough time to see it with fresh eyes that are more likely to spot trouble areas.
    • Read your paper out loud. Sometimes speaking the words help...

    Tips from time blocking experts

    • Place buffers in between tasks.
    • Schedule your breaks too. 
    • Use the right daily time management strategies to stay on track. 
    • Overestimate how long things will take (at least to start). 
    • Put in time for downtime, relaxation, and learning. 
    • Make sure the...

    Simple tips to improve your health

    Simple tips to improve your health

    1. Focus on improving your mind, by building self-awareness.
    2. Adopt a dog: If you make sure to walk it twice a day, you boost your enery while also getting the emotional benefits of dog adoption.
    3. Get your 30 a week: Aim for at least 30 different plant-based f...

    stash-superman-illustration

    Explore the World’s

    Best Ideas

    200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

    An Idea for Everything

    Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

    Knowledge Library

    Powerful Saving & Organizational Tools

    Save ideas for later reading, for personalized stashes, or for remembering it later.

    # Personal Growth

    Take Your Ideas

    Anywhere

    Organize your ideas & listen on the go. And with Pro, there are no limits.

    Listen on the go

    Just press play and we take care of the words.

    Never worry about spotty connections

    No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

    Get Organized with Stashes

    Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

    Join

    2 Million Stashers

    4.8

    5,740 Reviews

    App Store

    4.7

    72,690 Reviews

    Google Play

    samz905

    Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

    Shankul Varada

    Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

    Ashley Anthony

    This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

    Sean Green

    Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

    Jamyson Haug

    Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

    Laetitia Berton

    I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

    Giovanna Scalzone

    Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

    Ghazala Begum

    Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

    Read & Learn

    20x Faster

    without
    deepstash

    with
    deepstash

    with

    deepstash

    Access to 200,000+ ideas

    Access to the mobile app

    Unlimited idea saving & library

    Unlimited history

    Unlimited listening to ideas

    Downloading & offline access

    Personalized recommendations

    Supercharge your mind with one idea per day

    Enter your email and spend 1 minute every day to learn something new.

    Email

    I agree to receive email updates