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
28
votes
5answers
5k 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 ...
20
votes
7answers
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 ...
2
votes
2answers
46 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 ...
0
votes
1answer
44 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' ...
0
votes
1answer
74 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 ...
1
vote
3answers
128 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 ...
3
votes
2answers
255 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 ...
2
votes
2answers
252 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
1answer
58 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 ...
1
vote
0answers
40 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
1answer
46 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 ...
3
votes
4answers
243 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 ...
4
votes
2answers
89 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
vote
1answer
326 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
3answers
277 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 ...
1
vote
3answers
66 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 ...
5
votes
2answers
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 ...
1
vote
1answer
48 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 ...
1
vote
2answers
139 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
1answer
139 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
1answer
48 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....
3
votes
2answers
410 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 ...
0
votes
2answers
84 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 ...
1
vote
3answers
192 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
1answer
189 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 ...
3
votes
1answer
153 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 ...
52
votes
4answers
4k 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
3answers
122 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....
0
votes
3answers
527 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 ...
0
votes
0answers
50 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
4answers
136 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 ...
9
votes
5answers
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,...
2
votes
2answers
586 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 ...
2
votes
2answers
235 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
4answers
2k 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 ...
4
votes
4answers
348 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, ...
4
votes
5answers
3k 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 ...
0
votes
5answers
897 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 ...
3
votes
4answers
1k 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
3answers
280 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 ...
1
vote
0answers
44 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
3answers
671 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 ...
0
votes
1answer
55 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 ...
0
votes
1answer
73 views

Link CTA to another page - Can it say "[Action] now"?

I've seen in a couple places both web and mobile where a hyperlinked phrase serves as a CTA. Its form is something like, "Redeem now for..." or "Enroll now.." Clicking or tapping the link leads to a ...
0
votes
1answer
112 views

How to indicate to a user that an image/emoji is clickable

I'm building an app where a user goes by an emoji.. that is their "profile name" so to speak. The problem I'm having is that it's not very intuitive that you can tap on a users emoji to get their ...
0
votes
1answer
94 views

Links within an iPhone app

Imagine an iPhone app with a tab bar (5 items) and a link to the user's profile in the header. Now let's say that you're somewhere in tab 5 and you'd like to make a link to a screen within the user's ...
1
vote
1answer
156 views

Why do some companies ask the users to "Text for a link" to download the app?

I've noticed several websites that ask for a phone number to link to either the Apple Store or Google Play to download their native app. (Example below) and I've also seen a few sites display links to ...
0
votes
1answer
28 views

Best way to link from an informative teaser text to additional informations?

What is the best way to link from a block of information (essentially text, like a small block of teaser text) to additional information? In the past I usually saw words (especially buzzwords) ...
0
votes
3answers
961 views

What is the difference among link styles?

There are three types of link styling: line underline, dashed underline and dotted underline. What is the difference among them and in what cases each of them should be used? Often I see dashed links ...
2
votes
3answers
990 views

WCAG AA Compliance and Card Patterns

Question on product cards and WCAG AA compliance. We are specifically questioning the link styles of this clickable cards—which take you to a new page. Each card you see has a focus + hover state ...

1
2 3 4 5
7