Questions tagged [hyperlinks]

Hyperlinks indicate that clicking on a piece of text or image will take you to related information.

Filter by
Sorted by
Tagged with
0 votes
3 answers
132 views

Where should we place a "New Item" link

Context: In the "Returns" details page we have a form where we can add Items, that items represent what we want to send back(return) eg. 1pen and 2 notebook. So I have a list of "n"...
13 votes
4 answers
2k views

Change link color based in background color?

Our white-background webpages use the blue hyperlinks as shown in the image below. Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said ...
0 votes
2 answers
43 views

Space in-between font and icon on links

Is it good to have too much space in-between typography and icon (arrow) on a link? For instance, when looking at the Adidas website on tablet and mobile you notice that there is a lot of space in-...
0 votes
1 answer
38 views

What is the concensus on links or buttons on the context of nested routes?

Usually my rule of thumb was that links are for navigating and buttons for actions (form controls). For example, if I were to need an action that opens up a modal, I would use a button. But with React ...
  • 101
1 vote
1 answer
43 views

Displaying full e-mail adress or just using the link name Mail

Sometimes when you design contact information for people, in say a grid, you stumble upon individuals that have very long e-mail addresses. You could solve this by using extra-large space for e-mail ...
  • 7,244
0 votes
1 answer
118 views

When to include "Previous" and "Next" button or link?

Happy new year guys. I'm currently building a personal portfolio and I am thinking of including a "Next project", "Previous project" link where applicable to each individual ...
2 votes
1 answer
193 views

Best icon for linking to a different page on the same website? [closed]

Below is the current icon I'm using (top right of boxes). I'm worried that it looks like an external link. Is there a standard icon used for internal links? I was thinking about something similar to ...
  • 121
28 votes
5 answers
6k views

What are pros/cons of using buttons instead of plain links to download a document?

My company is using some rather bizarre download buttons associated with documents that can be downloaded: It looks like these are abused anchor (<a>) elements which show up in a browser as ...
  • 855
20 votes
7 answers
5k views

Odd click behavior where my users are clicking non-linked headings

Issue: Site users clicking the title tag of my website's product pages. Over the last six months a total of seven percent of my customers who visited product pages decided to click on the product ...
  • 308
2 votes
2 answers
216 views

Opinions on stretched-links and alternatives?

Stretched links allows to have a whole block as a link (without having to wrap all the content in the <a>, which would achieve the same by the way) One issue I see is that you can't select text ...
  • 219
0 votes
1 answer
138 views

Best pattern to display info on modal + link for more info

I am struggling in finding a good pattern for this problem, or maybe I am just overthinking. In a mobile app, my client wants to display important privacy information for kids, willing to 'disrupt' ...
  • 206
0 votes
3 answers
610 views

How should a screen reader pronounce links and buttons?

When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'? Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'? Also, how should the ...
2 votes
7 answers
635 views

Best practice for Styling links when used in tables and headings

Should links in data tables be styled like regular text links or only have some indication on hover? For example Shopify tables have default black text color and only change to blue on hover: I dont ...
4 votes
2 answers
1k views

Should I avoid underlined links on mobile app?

We have a discussion in my team about links into mobile apps. Developer said links shouldn't be underlined. But in complex mobile apps sometimes, we have link to different entities. I can see that ...
4 votes
2 answers
1k views

Should visited and unvisited links be of different color?

Every research-driven publication I've read has always said that different colors for visited and unvisited links are markedly better, and having them are the main reason I child themed twentysixteen ...
0 votes
1 answer
70 views

Is it bad practice to make the title of the page a link?

For example, on ux.stackexchange.com the question is a link to the current page. (for SEO purpose I suppose). But in order to select (and copy) a line of text, I usually triple click, which is not ...
  • 101
1 vote
0 answers
44 views

Best way to illustrate comments hyperlink on dropdown dashboard component?

I'm designing a dashboard with dropdown components. Every component is a "driver" group. The dropdown consists of questions within the survey that belongs to this driver. Every driver ...
2 votes
1 answer
65 views

Provide functionality from newer system

I have a question about cross-linking or embedding or if there is a more suitable option. The Requirement So we're developing a web app with new functionality, but our older system is still widely ...
  • 1,345
4 votes
4 answers
936 views

When linking to external websites from an app. Is it better to use web view or open in a browser?

I'm working on a travel app that sometimes needs to link to its web version for information that's not within the app itself. For this I believe using a web view makes sense. However there's also a ...
  • 10.6k
4 votes
2 answers
109 views

Should breadcrumbs contain non-navigation elements

I am working on an admin interface which uses a left menu as well as a breadcrumb at the top of the page. I have items grouped into different levels in the menu as below: In this menu, "...
  • 1,798
1 vote
1 answer
843 views

Text link size in mobile

I have a debate with my team about the size of text links on mobile. On one side are standards of accessibility and minimum tap sizes for fingers. On the other is Apple.com sign-in page where we have ...
0 votes
3 answers
1k views

Best way to display page full of links?

I have a page that looks like below. I shrunk it in dimensions to give a broad idea of the page. So it has categories and under them there are links. What would be some of the options in terms of ...
  • 121
2 votes
3 answers
90 views

Displaying sections in the UI in Support Search as additional results

We have a large application where sections of its UI may be hard to find. In an attempt to ease the user's navigation path, we plan on offering "shortcuts" from the Search functionality ...
  • 1,209
5 votes
2 answers
131 views

What's the name of the (old) experimental UX concept that revealed further details on demand?

The idea is of course similar to modern day spoilers but the concept proposal was quite old. Moreover, the details were revealed inside the text not separately, i.e. simply added further sentences to ...
  • 181
1 vote
1 answer
49 views

Link to Slack on site [closed]

I'm placing a link to a Slack channel on my site. Here are two options I'm struggling with Link opens default web browser and the Slack channel appears, if the user has already logged into Slack in ...
  • 172
1 vote
2 answers
153 views

How do I convince my boss that too many link colors are bad for accessibility?

I work at a really small company making websites for a specific clientele, an older female audience. My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
2 votes
1 answer
248 views

Having external links (hyperlinks) and multiple actions in the same dashboard page

I am working on a huge system which is meant to provide internal user to manage products' lifecycle. Thus, it's like a complicated dashboard containing lots of information and data grid and ...
1 vote
1 answer
73 views

How to differentiate navigation along the hierarchy from cross references

I noticed a pattern in the links in my web application: They either follow along the hierarchy (e.g. /projects/ -> /projects/5/ -> /projects/5/members/) or are cross references to a different place (e....
  • 113
3 votes
2 answers
569 views

What is a better position for 'send OTP by email' on sms OTP feature

I'm working on an OTP (one-time password) screen on a mobile app. The primary method of OTP is via SMS. There's also an option for sending OTP by email. Currently, my layout is like this, where I ...
  • 10.6k
0 votes
2 answers
139 views

Link-buttons and button-links

I'd like to hear your opinions whether or not using buttons that look like links (text links, especially when styled the same as links) and links that look like a buttons is a good practice. I feel ...
  • 689
1 vote
3 answers
257 views

The use of ellipsis in text paragraphs

In paragraphs of text on mobile, should we make use of ellipsis with a link, such as "read more” altogether, or keep them separated? What is best in terms of UX?
3 votes
1 answer
299 views

Is using different colors for internal and external links OK or what?

I'd like to use different colors for internal and external text links. Please tell me if you think this is a good or bad idea. I'm considering CSS choices on a new site/web app which will contain ...
  • 31
3 votes
1 answer
185 views

Do links to inaccessible sites make my website inaccessible?

My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
  • 33
52 votes
4 answers
5k views

Should a grammatical article be a part of a web link anchor

When hyperlinking a noun in a webpage (or in an application), which is a part of a longer text/sentence, should a grammatical article (such as "a" in English) be a part of a link anchor text? I.e., ...
0 votes
3 answers
156 views

Tab content is only a single link

One page of my website has several different related tabs. One of those tabs, however, only will contain a single link to an external site, which makes the page seem very empty when that tab is active....
  • 425
0 votes
3 answers
943 views

External Link / Leaving Website Link [closed]

I did a search and came across a similar question which didn't answer my question/angle. In my web app I am creating I have a number of links that go off my app to a third party. In the post I read ...
  • 11
0 votes
0 answers
56 views

Text input with links without using markdown-like conventions?

How to make a usable and understandable solution to provide (non-webmaster) user with the way to input text with one or more hyperlinks in it? Markdown-like solutions, which require the user to follow ...
1 vote
4 answers
161 views

How to solve UX vs screen reader accessibility problem?

I'm learning web-development and semantic html markup. Recently a tutorial suggested that because "Click here" or "Read more" anchor texts are not so descriptive to visually impaired users depending ...
  • 267
9 votes
5 answers
3k views

Is using a hyperlink to close a modal a poor design decision?

So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
  • 193
2 votes
2 answers
767 views

Where should I put the delete button?

I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion. Option 1 ...
  • 123
2 votes
2 answers
291 views

Is the absence of "Open in new tab" an antipattern?

Over the years with applications going more 'SPA' like I have noticed many sites using JavaScript click handlers for websites links which are visually a normal hyperlink (the login link on figma.com ...
2 votes
4 answers
4k views

Accessible tooltip with links

I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
  • 133
4 votes
4 answers
366 views

If we have to explain how to do something to a user, we have failed?

I was having this conversation the other day, well, a meeting where I heard If we have to explain how to do something to a user, we have failed. Now, in some circumstances, without a doubt, ...
  • 288
4 votes
5 answers
4k views

Hyperlink on red background

I am currently working on a website where I have a very prominent error box with the colour #e20413 and text in #FFF. However this, text contains two links that are blue and therefore not very ...
  • 159
0 votes
5 answers
2k views

Should phone numbers be clickable within our software on (desktop)?

We are working on cleaning up our system and identifying phone numbers so they will be detected and show up as links for mobile users. The question I have is should we make them show up as links for ...
  • 493
4 votes
4 answers
2k views

How to put multiple links in one text

I have a table which contains a list of ID's, each of the ID's will contain 2 links where the user can choose which link they want to open. What's the best way to present this feature? Here's what ...
6 votes
3 answers
304 views

Mark Link which blocks accesses from the EU because of the GDPR

I run a site for visitors from Germany who would like to visit the USA. Because of the GDPR more and more websites in the US block access from the EU like the LA Times, IHOP or Carrabbas. The access ...
  • 195
1 vote
0 answers
47 views

Gaps between active areas of menu items [duplicate]

What is a better solution to make gaps between active areas of menu items or place them close to each other? I'm asking just about active areas of links not about visual styles. For example, maybe ...
5 votes
3 answers
713 views

Is it best to open all external references in new tabs by default?

In my security webapp chausies.xyz/encrypt, I have the main webapp without any clutter for the general user, and then, at the bottom of the page, I list a bunch of external security references in case ...
  • 155
0 votes
1 answer
65 views

Link in running text on mobile device

we have a mobile app with a space of 1 row for running text on the first screen. It´s purpose is to announce an important news. For example: "We are preparing a new version of our app with lots of new ...
  • 31

1
2 3 4 5
7