Questions tagged [hyperlinks]
Hyperlinks indicate that clicking on a piece of text or image will take you to related information.
345
questions
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 ...
