Page Types

General

• Distinct Home page
• Content Pages:
  • Standard resource page (Invovling users example)
  • Overview pages (maybe similar to home page – we also have to see if we can reduce them when we combine resources or have a better intra-resource links)
    • Annotated navigation page (anno nav example) - may or may not have in redesign
    • multiple columns/horizontal sections in main body (Planning and Managing Web Accessibility, Tips for Getting Started, Perspectives)
  • full width needed, e.g., for big table (WCAG1-2)
    • This might also integrate into the usual non-full-width layout, I expect a possibility to have a table overlapping left and right of the main content column if needed
• Stand alone pages: Retired pages should have a design without a detailed navigation (but the main navigation) and basically only archived for archival purposes.

Types of Navigation

• Main navigation
• Resource sub navigation
  • in-suite navigation (How People Use the Web, business case, Developing Pres & Training)
  • in-page navigation within main content: Easy Checks, Accessibility Principles, faq)

Contained resources

• Tutorials — I expect them to move to the regular layout after the redesign — Eric (2016-09-15)
• BAD

Tools

• How to meet WCAG "quickref"
• Web Accessibility Evaluation Tools List
• WCAG-EM Report Tool

Interface elements

• expand-collapse
• ...
• highlight box (top of inaccessible)
• examples (middle of inaccessible)
• example e-mails (in inaccessible)

Page Content

• Masthead - all pages
  • W3C logo, WAI logo/wordmark
  • ? tagline
  • ? visible skip to contents link
  • ? change text size or colors
• Footer - all pages (26)
• Feedback box - most pages (27)
• Translations list (probably drop-down) - most "resource" pages
• ...

fyi

Existing WAI site logos, fonts, color, images: Current site assets (Eric's Dropbox)