Timeline for How to make text look *not* clickable
Current License: CC BY-SA 3.0
9 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Aug 24, 2016 at 16:05 | comment | added | Devin | @NathanOsman, iOS, Android, Bootstrap, Angular, jQuery and Foundation colors for disabled state is.... gray. So it's a bit of a reach to call this the correct answer. Maybe for you, certainly not for the big majority of frameworks and commonly accepted patterns | |
| Aug 24, 2016 at 6:42 | comment | added | Mathieu K. | @Odexios, can't agree about it being the only difference. Elsewhere on this page, @ plainclothes and others point out that Instagram uses two lines of text. I would also note the placement: Instagram's positioning can't easily be mistaken for tabs nor a link bar. | |
| Aug 23, 2016 at 17:39 | comment | added | Jeff.Clark | I agree with this. It is the visual distinction (color change) that makes them stand out. I wanted to click on them also just by looking at them. | |
| Aug 23, 2016 at 9:32 | comment | added | gcali | Really surprised this wasn't more upvoted. It's also the only difference between OP's work and Instagram's example. | |
| Aug 21, 2016 at 21:48 | comment | added | Mark Amery | It's more than just that they stand out more - making text grey on the web frequently indicates specifically that it is clickable, including on some of the most popular sites out there. Look at e.g. the headings on a Google search, or the Facebook 'Like' and 'Share' buttons. The OP's assumption that grey text -> non-clickable isn't just wrong, it's precisely the opposite of what modern websites have trained users to think. | |
| Aug 19, 2016 at 8:48 | comment | added | Eric | This is also why it does work in the edited-in example: the Instagram stats are shown using the same colour as the main text. The assumption grey text colour -> greyed out -> non-interactable is wrong. | |
| Aug 18, 2016 at 0:33 | comment | added | Nathan Osman | Finally, the correct answer. I was scrolling down the page hoping someone would recognize this. When I looked at the OP's screenshot, it was immediately clear to me why the text looked like a link - it wasn't the same color as the header. | |
| Aug 17, 2016 at 19:22 | review | First posts | |||
| Aug 17, 2016 at 19:33 | |||||
| Aug 17, 2016 at 19:12 | history | answered | Big Daddy Dennis | CC BY-SA 3.0 |