# Could we change the color of the accepted answer check for color blind people?

So I just figured out that stack exchange exists like 2 months ago and I am now just getting active in the wonderful world of cross validated and its great.

One thing I came across just now is I spent 10 minutes trying to figure out why I could not accept an answer. I was thinking I did not have the privilege, but I looked at the list and it is not on there (why would it be, you should be able to accept answers if you can ask questions). Then I sorted out that I had accepted an answer, but the color change from the grayed out check mark to the accepted check mark does not tickle the cones in my eye enough for me to notice the difference (rather, one set of cones in my eye is on permanent vacation and the other cones can't be bothered to take over the work, slackers, I know).

I realize that I can just hover over it and it will say accepted x amount of time ago, so its not the end of the world, but red/green color blindness is pretty common (other color blind folks would likely have an issue as well), so I was wondering if it would be possible to make it a different color (a darker more pronounced green would do it for me, though I can't speak for all color blind people). For an example of something that works, check out the darker green in stack overflow, that works just fine for me, though it might not fit the layout of cross validated as well.

I guess a color blind mode would solve the problem as well, but that seems like a bit of overkill, given that the only time it has bugged me so far is on the accept answer check.

• Thank you for bringing this to our attention. (I usually check for possible red/green confusion, but it did not occur to me that green could be confused with gray!) Perhaps @Jin could take a look? Probably a solution could be as simple as using the same (dark) green for the checkmark as for the voting symbols. – whuber Feb 29 '12 at 18:56
• Thanks for the response. Its strange when it comes up. The only times it matters for me is the red green color blind test (you know the circles), stop signs obscured by leaves (whoops!) and occasionally on websites. Hard to quantify exactly when on websites and it generally doesn't matter, but the fix is usually painless. I am terrible at color matching games though. – asjohnson Feb 29 '12 at 19:21
• I totally agree with asjohnson's as I have the same problem. Please do something about it. Darker green and or clearly lighter grey would be great (I think the best would be to change both colours). For me the basic issue is also that there is too little contrast between the colors. – Henrik Mar 4 '12 at 14:21
• Could this be fixed by, e.g. use of a larger tick mark when the answer has been accepted, or adding in a title "Accepted Answer" above the relevant answer? It would appear that a change in the form used to identify the accepted answer might be more useful. – Michelle Mar 26 '12 at 3:02
• I imagine a larger tick mark would be more noticable and text would be another solution that would get it done. I guess I would have to check the specific solution to be certain, but I don't see why either of them would not work. – asjohnson Mar 26 '12 at 13:51
• +1 It's a reasonable request--designers ought to pay attention to this issue. In the meantime, note that when you hover the mouse over an arrow corresponding to a vote you already cast, the hovertext will end in "(click again to undo)". – whuber Sep 4 '15 at 14:56
• I am confused by what you mean by saying that I have already had my votes locked on a few questions by trying to up-vote them when they were already up-voted. Trying to upvote an already upvoted or downvoted question does not lead to any consequences! You get a notification saying that your vote is locked. The vote is locked automatically after a short delay (I think it's 5 min) following the original voting; it is not the attempt to re-vote that locks it! – amoeba Sep 4 '15 at 15:13
• @amoeba thanks. That makes sense. I was confused by the message I was getting. Anyway I think I up-voted and then forgot and tried again because it looked similar to the neutral color. – pbible Sep 5 '15 at 1:50
• I'm not color blind but I have one crummy monitor that I can't tune really well so gradients are always washed out. On that monitor the colors are very close, and it is worse on Meta. – Erik Sep 18 '15 at 17:20
• @whuber I'd like to add that I too have trouble distinguishing between a pressed and unpressed vote arrow, as the color contrast ratio (CR) between the two is extremely poor. On the main site, the colors are Unpressed #818185 : #027187 Pressed, CR = 1.46:1, and on Meta, Unpressed #818185 : 3b3b3b Pressed, CR = 2.89:1. Both are failing ratios according to WCAG, which requires 4.5:1. Using [Flux](justgetflux.com) at night makes the CR even worse, due to the faint blue tinge of the buttons getting completely erased. – Iwillnotexist Idonotexist Sep 29 '15 at 21:39
• @AnnaLear, could you explain what has changed, after the tag status-completed was added into this question? We were talking about this in the chat (ten fold room), but we couldn't figure it out. Thanks. – Andre Silva Oct 7 '15 at 12:49
• @AndreSilva ... I was on the wrong post. Sorry about that. – Adam Lear Oct 7 '15 at 13:55

Maybe, there is a workaround for this.

I am using Stylish on Chrome to visualize accepted-answers on CV exactly equal to Stack Overflow. I think the green color used on the main site is too light.

The bellow code is a summary of what I got from blah238's answer on GIS SE, and Brock Adams's answer on Stack Overflow SE. And there is also the Old CheckMark's answer on Meta Stack Overflow SE.

Here it goes:

1- Install the Stylish on Google-Chrome (it can be used with Mozilla Firefox too, but not sure about other web navigators).

2- Type on Stylish the following code:

div.status.answered-accepted, div.status.answered-accepted strong {
background: rgb(117, 132, 92) !important;
color: #e1e818 !important;
}

background-color: rgb(117, 132, 92) !important;
color: #e1e818
}

.vote .vote-accepted-on {
background-position: 0% 0%;
}


The last part of the code refers to altering the checkmark. The checkmark image provided in the code is cutted a little bit but Brock Adams's answer provide an alternative way to one upload an own picture that can be used with background-image argument (the image needs to be uploaded on the server already with the desired color/aspect).

3- Still on Stylish set the "Applies to" field to:

URL starting with --> https://stats.stackexchange.com/

Here are some examples/screenshots for the above code: 1, 2 and 3.