E-mail List Archives

Re: conundrum with sufficient contrast on menu items


From: Concilio, Joan
Date: Nov 18, 2017 5:47PM

Hi Angela,

?If you don't want to move the media query sooner, you might take a look at a midrange breakpoint in which you put each menu item on two lines, still keeping space between them but allowing you to keep a larger font size. I'm not saying that would look ideal, and I'd probably go to hamburger at anything under 990 personally, but it's a thought!

All the best,


Joan Concilio, web specialist
Office of the Vice Dean for Research and Graduate Studies
<EMAIL REMOVED> | (o) 717-531-5674 | (m) 717-515-5555

Penn State College of Medicine, Mail Code H175
500 University Drive
PO Box 850
Hershey PA 17033-0850
From: Angela French < <EMAIL REMOVED> >
Sent: Friday, November 17, 2017 4:22 PM
To: WebAim Forum ( <EMAIL REMOVED> )
Subject: [WebAIM] conundrum with sufficient contrast on menu items

I'm in a real pickle trying to figure out how to keep sufficient contrast on my menu items on a new development site<development%20site> where I am trying to implement new branding colors. . At full desktop size, no problem, but as I shrink the browser (before I get into the media query that will bring shrink the menu to a hamburger menu) I begin to lose some of my menu items if I keep the font the same size. If I make the font smaller, then I will lose sufficient contrast.

Changing the colors is not an option. These are new branding colors our communications dept came up with .
The current site is here<https://www.sbctc.edu/>. It has the same contrast issues, but the font gets smaller to make the menu items not disappear.

I'm hoping someone has a solution I haven't thought of, other than changing the media query to bring in the hamburger menu sooner.

Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges