Re: [WebAIM] Accessibility or usability recommendations for differentiating menus visually

Going back to the start:
> Is there any accessibility or usability advice about menus clearly distinguished from body text?

You could argue that menus are ‘user interface components’ and could be covered under interactive controls? (issue 10 that Glenda linked to).

More generally, designs which don’t differentiate functionality tend not to be very usable either:
https://www.nngroup.com/articles/flat-design/


And as such it affects everyone, not just people with disabilities. Having said that, I can see that someone zooming in would benefit from strong differentiators between areas of the page.

Maybe we could add a technique for Interactive Control Contrast regarding menus?

Cheers,

-Alastair


From: Glenda Sims <glenda.sims@deque.com>
Date: Friday, 10 February 2017 at 05:11
To: Scott McCormack <scott.mccormack@ssbbartgroup.com>
Cc: LVTF - low-vision-a11y <public-low-vision-a11y-tf@w3.org>
Subject: Re: [WebAIM] Accessibility or usability recommendations for differentiating menus visually
Resent-From: LVTF - low-vision-a11y <public-low-vision-a11y-tf@w3.org>
Resent-Date: Friday, 10 February 2017 at 05:11

Scott,

For any element on a page that you can interact with....the proposed SC Interactive Control Contrast
https://github.com/w3c/wcag21/issues/10 should have this covered.

If any essential visual information that is not interactive, the proposed SC Graphic Contrast https://github.com/w3c/wcag21/issues/9


And...realize that the "graphical objects" that are covered in proposed SC Graphic Contrast include anything that is conveying essential information (not in text).

We are using the WCAG 2.0 definition of essential. https://www.w3.org/TR/WCAG20/#essentialdef


G

glenda sims    |   team a11y lead   |    deque.com<http://deque.com>    |    512.963.3773

web for everyone. web on everything. -  w3 goals

On Thu, Feb 9, 2017 at 10:24 AM, Scott McCormack <scott.mccormack@ssbbartgroup.com<mailto:scott.mccormack@ssbbartgroup.com>> wrote:
Our current contrast requirements right now only cover text elements and specific graphics. We need to cover structural content like this as well. This type of thing doesn’t always covey information per se and it may be possible to read a page without this content but reading and comprehending becomes much more difficult when structural elements are inaccessible. I encounter a lot of pages with flat designs where they use very subtle color differences between elements making it difficult or impossible to distinguish between these colors making the separations invisible.

This may cover us https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Contrast_(Minimum)#SC_Text but we need to tweak it so it covers structural elements.

---
Scott McCormack
Principal Technical Consultant  -- IT Manager
SSB BART Group
scott.mccormack@ssbbartgroup.com<mailto:scott.mccormack@ssbbartgroup.com>
(415)624-2712<tel:(415)%20624-2712> (o)
www.ssbbartgroup.com<http://www.ssbbartgroup.com>


From: Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>>
Date: Thursday, February 9, 2017 at 8:02 AM
To: public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org<mailto:public-low-vision-a11y-tf@w3.org>>
Subject: Fwd: [WebAIM] Accessibility or usability recommendations for differentiating menus visually
Resent-From: <public-low-vision-a11y-tf@w3.org<mailto:public-low-vision-a11y-tf@w3.org>>
Resent-Date: Thursday, February 9, 2017 at 8:03 AM

Do we have anything to cover this? Interactive contrast? Graphic contrast?
---------- Forwarded message ----------
From: Preast, Vanessa <vanessa.preast@dmu.edu<mailto:vanessa.preast@dmu.edu>>
Date: Thu, Feb 9, 2017 at 8:45 AM
Subject: [WebAIM] Accessibility or usability recommendations for differentiating menus visually
To: WebAIM Discussion List <webaim-forum@list.webaim.org<mailto:webaim-forum@list.webaim.org>>


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
_______________________________________________
To manage your subscription, visit http://list.webaim.org/

List archives at http://webaim.org/discussion/archives

Address list messages to webaim-forum@list.webaim.org<mailto:webaim-forum@list.webaim.org>



--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315<tel:(512)%20206-9315>    fax: 512.206.9264<tel:(512)%20206-9264>  http://www.tsbvi.edu/

"We shape our tools and thereafter our tools shape us." McLuhan, 1964