WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: help with contrast issue on button

for

From: Angela French
Date: Mar 7, 2017 2:46PM

But it is the white on orange that is failing.

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

if you change the font color to black on hover or focus...all is good

On Tue, Mar 7, 2017 at 1:44 PM, Lovely, Brian (CONT) < <EMAIL REMOVED> > wrote:

> 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
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> > >
> 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.
> > > archives at http://webaim.org/discussion/archives
> >



--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
"We shape our tools and thereafter our tools shape us." McLuhan, 1964