WAI website redesign mockup for review - Monday comments

Hi WAI Coordination folks,

We are moving forward with redesigning the WAI website! Yeah! Alicia Frausto has developed a visual design mockup with input from EOWG's WAI Site Task Force. (At this point we have only a visual mockup. We will share HTML prototypes as soon as we get them at least semi-functional, so that you can review and comment on other aspects, such as screen reader usability.)

*Timing*: James (TF Facilitator) and Sharron (EOWG Co-Chair) request comments by Monday 6 February. If you cannot make that date, please e-mail <public-wai-eo-site@w3.org> with the date by which you can submit comments.

Mockups are available from:
 https://invis.io/H299QZZGZ#/215895933_Colors
More information about them is below.[1]

Please submit comments via GitHub, if possible. If not, you can send them to <public-wai-eo-site@w3.org>.
* To open a new issue, please use:
 https://github.com/w3c/wai-website-design/issues/new?title=Design%20Mockups:%20&labels=Feedback-Comment
* Please open a separate issue per topic.
* Before opening a new issue, please scan existing issues to avoid duplicates.
* Indicate the priority of each comment:
** Strong - this is an issue that must be addressed
** Medium - consider this issue and communicate how it was address in GitHub or discussion
** Discretionary - consider this issue and dispose of it as the designer and team wishes, no need for discussion

If you want to share aspects about the design that you particularly like or provide other input that doesn't fit in a GitHub issue, you can get e-mail to Alicia and the Task Force through:
 <public-wai-eo-site@w3.org>

Thanks for any feedback!

Best,
~Shawn


[1] About the mockups:
* Screen 1: Documents colors used for text with contrast rations, and colors used for graphics only.
* Screen 2: Documents font, text size, and colors for headings and body copy, used globally throughout site.
* Screen 3: Shows element styling for tables, email templates, accordion menu, and a sample infographic.
* Screen 4: Page layout for a primary navigation landing page.
** ‘Primary Nav 1’ in the blue header can be rolled-over to show a menu with secondary and tertiary page links. (This is a prototype for demo purposes, does not reflect full functionality of this menu.)
** Right sidebar shows sample components for including supporting content
** Footer is broken into two treatments – Page footer and footer global to the site
* Screen 5: Secondary page layout for a text heavy, long page. Left navigation links help the user jump to a section on the page.
* Screen 6: Secondary page for a ‘How-to Manual’ page type.
* Screen 7: Secondary page layout for an article or shorter text-based page. Includes sidebar components for a quote and related content.
* Screen 8: Sample Tutorial Page layout

###

Received on Thursday, 26 January 2017 21:42:59 UTC