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 2:55PM

Well, that's when you would try bumping up the font size and possibly bolding the text. I just used aXe and the developer tools in Chrome and bumped up the font size of the Current Button to 19px and font-weight bold and the button passed.

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

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 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.