WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessibility or usability recommendations for differentiating menus visually

for

From: Angela French
Date: Feb 9, 2017 1:45PM

Is this Sharepoint 2013? Is there anything you can do in the CSS to effect a border on the side of the menu that would create more separation?

Angela FRench

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Preast, Vanessa
Sent: Thursday, February 09, 2017 8:59 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Accessibility or usability recommendations for differentiating menus visually

Hi Jim,

The site is password protected within our LMS. I uploaded a screenshot.

Current Design appearance, with username and logos blurred: https://drive.google.com/file/d/0B0TDrqgrcX7_YTVPejlxb1RySU0/view?usp=sharing


Best,
Vanessa

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jim Allan
Sent: Thursday, February 09, 2017 10:01 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Accessibility or usability recommendations for differentiating menus visually

do you have a url?

On Thu, Feb 9, 2017 at 8:45 AM, Preast, Vanessa < <EMAIL REMOVED> >
wrote:

> Hello,
>
> I'm looking at a site design which is generally a "flat", minimalist,
> monochrome design of Black on very light grey. I, personally, am
> having trouble easily differentiating the menu from the content areas
> below. There is a thin line separating the menu from the body of the
> page. The body of the page contains two columns of "widgets", each
> with a title bar with a gradient background. The menu text is about
> the same size or smaller than the widget title bar text. The menu has
> no background shading different from the rest of the page.
>
> Is there any accessibility or usability advice about menus clearly
> distinguished from body text? (Please share the links/resources)
>
> I'm wanting to advise increasing the weight of the separator line,
> bolding the menu font and/or increasing the menu font to help
> differentiate the menu area from the rest of the page. I thinking
> that it would really help a user's ability to scan the page and
> quickly find what they need. All I could find for references were articles such as "Flat Design"
> https://www.w3.org/WAI/PF/cognitive-a11y-tf/wiki/Flat_Design, but
> these refer to buttons having a more 3-d appearance, not menus clearly
> differentiated from document body.
>
> Best,
> Vanessa
> > > 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