WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: help with contrast issue on button

for

From: Lovely, Brian (CONT)
Date: Mar 7, 2017 12:44PM


So, based on the formula, this text (which is 14px and normal weight) would have to be increased to at least 24px or 19px and bold.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: Tuesday, March 07, 2017 2:39 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] help with contrast issue on button

I see that I forgot to put the :hover color in since I was working with inline css on my experiment. Currently we scale back the intensity of the orange on hover. That is what I would do with the new button as well.

Angela French

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Swift, Daniel P.
Sent: Tuesday, March 07, 2017 11:37 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] help with contrast issue on button

Someone else might be able to speak more intelligently on the subject than me, but when I researched the algorithm about 6-12 months ago, I found that it was pretty involved. Now I just use this site and call it a day (link above signature).

I would be curious to know if what you found is even an issue since the color/font size passes on load but changes on hover ... the user already knows what the link is prior to interaction. Alternatively, since it seems like you don't have much choice with color, can you give some other indication (border, shadow, transition, transform, etc.) that the button is active or about to become active?

Contrast checker:
http://leaverou.github.io/contrast-ratio/



Dan Swift
Web Technical Specialist
Enterprise Services
West Chester University
The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.