Skip to main content
170 votes
Accepted

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I suggest displaying the button in its disabled state and adding a tooltip explaining why it is disabled and how users can get the permissions to use this action. Not displaying the button: Users ...
Pectoralis Major's user avatar
130 votes

How to make text look *not* clickable

tl;dr → use familiar patterns Make the text objects look less like navigational tab controls. The elements seem unnecessarily divided: Place the search field in the main header. Make search look ...
plainclothes's user avatar
  • 21.3k
124 votes

How to make text look *not* clickable

Well, since people are trying to interact with this information, I'd use it as an advantage. As mentioned by Mattynabib, it really makes sense. However, if for some reason you prefer not to, the ...
Devin's user avatar
  • 38k
68 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

From your description, I think the answer is pretty clear. I get your concerns about some users' expectations but this button shouldn't be shown for a few reasons. A disabled button will only ...
moot's user avatar
  • 5,361
59 votes
Accepted

Should disabled elements be focusable for accessibility purposes?

I do work on a professional webapp for visually impaired, screen reader users. We do user testing regularly, and this has been raised many times during user test sessions that disabled elements that ...
Leths's user avatar
  • 1,987
44 votes

How to make text look *not* clickable

The grey text actually makes them look more clickable as they stand out from the rest of the header. I would change them to the same color as the rest of the text (black). Also, instead of "6 books ...
Big Daddy Dennis's user avatar
18 votes

Most appropriate way to show a disabled button

If they want to edit it, they have to either ask for permission from the owner or start afresh by creating their own item. If I understand it correctly, the only way to edit a particular item is to ...
Mike's user avatar
  • 3,125
16 votes

Should disabled elements be focusable for accessibility purposes?

This is a bit of a tricky one. Normally, with regular form elements, it would be best to fully remove anything you can't interact with or serves no purpose. However, that particular button you're ...
Roux Martin's user avatar
  • 14.2k
14 votes

Most appropriate way to show a disabled button

I would do something like Preview: I think play is not common and clear icon for preview. Eye / magnifying glass is a bit better, but still not perfect. Disabled button: you shouldn't hide actions ...
Runnick's user avatar
  • 1,753
12 votes

Should disabled elements be focusable for accessibility purposes?

As a marginal counterpoint to @Leths, a screenreader lets you get to every object on the page, whether disabled or not, unless they're specifically hidden from the screen reader using aria-hidden=true....
slugolicious's user avatar
  • 3,285
12 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

One massive reason for disabling (with explanation) the button rather than hiding it which has not been mentioned explicitly is that an experienced user will at some point end up using an ...
MD-Tech's user avatar
  • 321
11 votes

How to make text look *not* clickable

It's a matter of relative 'clickiness' as well. Make the unclickable items less clickable by making the rest more clickable. The phrase here is: 'affordance'. the position of the three not-clickable ...
Ideogram's user avatar
  • 681
10 votes

How to make text look *not* clickable

What can I do to make these three pieces of text seem totally unclickable? They're already grayed out as you can see. *sigh* In the olden days there used to be a standard that clickable text (a ...
Nick Gammon's user avatar
9 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

The main driving force should be user expectation. If the button is about a functionality that a user might expect to have, it should be there and the disabled state make it clear that it is not ...
Tom's user avatar
  • 190
6 votes

How to make text look *not* clickable

Since the numbers "6 books listed" "12 successful things" .. are more like highlights. I would try one of these to make it look like highlight or dashboard sort of numbers: Increase the font - it ...
Pavithra Olety's user avatar
6 votes

How to make text look *not* clickable

using inset text shadow gives the appearance of something set in stone: (with and without)
Namaskar's user avatar
  • 209
6 votes

Should disabled elements be focusable for accessibility purposes?

Edit: The logic is that only if an element responds to events it can be focused. However as @Leths comments from his experience this can be detrimental in some cases. So I guess the best thing to do ...
Alvaro's user avatar
  • 16.8k
6 votes

What is better for UX - hiding or disabling irrelevant buttons

I lean towards disabling unless there's a good reason to hide. If you hide a button that I'm looking for, then I'll waste time (and have to think) searching for it. To handle your concern around ...
AndyL's user avatar
  • 61
5 votes

How to make text look *not* clickable

You want to make the numbers bigger, change the font/color to differentiate them, and put them on top of the information they are describing. For example, check out the layout of a certain very ...
glassy's user avatar
  • 151
5 votes

Most appropriate way to show a disabled button

The better way to show under the conditions mentioned in your problem is to keep the edit button enabled. Do not Disable it. Let users click it. If the user has enough permissions, they will get to ...
Praasshant's user avatar
  • 1,416
4 votes

Signifying to user that field is editable

I opted for adding a text-muted fa-pencil icon floated to the right of field. Source: https://webapphuddle.com/inline-edit-design/
Geoffrey Hale's user avatar
4 votes

How should I show disabled state in table?

I always believe and trust that the discussions / feedback / debates always yield better (or best) options. So, here is the refined solution. Version 1 (first option) I did some brainstorming and ...
Deekshit-CUA's user avatar
4 votes

Should disabled elements be focusable for accessibility purposes?

Here is an example of the behavior I would expect from a wizard. In this case it is an uninstall dialog (the first program I could find to try it on). This is how it has been for as long as I can ...
arlyon's user avatar
  • 51
3 votes

What is the right way to visually mark that a selection is disabled

A disabled dropdown indicates that there are options in the dropdown but can't be selected because the feature is not active. But in this case there are no extra options, and the field applies so the ...
Alvaro's user avatar
  • 16.8k
3 votes

How to make text look *not* clickable

Theoretically you could make the text look a bit more "graphic" in nature, something more like a sort of a decoration on that panel; otherwise, I think graying it out is about as far as you can go - ...
Mattynabib's user avatar
  • 3,491
3 votes

WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?

Both are good answers, when taken together, but both are sort of wrong in some respects too. WCAG is technology agnostic so it is not going to say what technologies (such as javascript) must be ...
slugolicious's user avatar
  • 3,285
3 votes
Accepted

What is better for UX - hiding or disabling irrelevant buttons

Depends on the context. If you hide the button the user may feel confused and lost but would remove unnecessary elements from the screen, if you disable the button the user is aware of possible ...
Maisa Barros's user avatar
3 votes

Should read-only fields hide or disable icons?

Favor disabling over hiding the icons. A standard disabled <select> input still looks like a <select> input when disabled. This allows the user to expect a certain type of interaction ...
maxathousand's user avatar
  • 19.5k

Only top scored, non community-wiki answers of a minimum length are eligible