WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: help with contrast issue on button

for

From: Jim Allan
Date: Mar 8, 2017 9:54AM

does the text of the button have to be white? if you make the text color
black, then it works on the non-focused button and in the hover state.


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

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



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