Skip to content 
To change
text size or colors 
WAI Site Design: Home Page
Page Contents
Note: This Web page is a working draft and should not be referenced or quoted under any circumstances.
related information: sketchpad
Design Notes
- Some of the <h2>s in the HTML might be necessary for proper structure markup and useful for people using the page non-visually; however, they do not all need to be shown in the visual rendering. (for example: <h2>Site Navigation</h2> and <h2>Quote</h2>)
- Above the fold:
- try to have all major section headings above the fold ([Who We Are], Announcements, Highlights)
- EOWG recommends having Tim's quote above the fold
- Announcements and Highlights will vary somewhat in number and length. Current Ipsum Lorem is in the middle of the range.
- We want people who are new to the page to easily see the "[Who We Are]" blurb and for repeat visitors to be able to easily "mask it out".
- Grouping: It might be good to group together the things that change, that is, announcements and highlights.
- We probably don't want Tim's photo on the home page - unless it fits nicely within the visual design. Anyway, don't want it to get too much focus, especially above the fold.
Content
- latest New Home Page content
Highlights
Purpose:
- provide a way to showcase different resources, since many people don't know what we have
- provide a space to address "hot" topics
- make the home page more "alive" with timely topics that change frequently
Examples of things that might go in highlights section:
- blurb on hot (non-tech) topic, such as standards harmonization
- blurb on just released documents
- upcoming WAI presentations
- XYZ government adopted WCAG, with a link to Policies
- technique addressing hot issue
- tip from a document, such as Evaluating Web Sites for Accessibility, with link to document
Notes:
- would not replace news/announcements as is currently on home page
- little nugget of information with link to more, not just be titles
- usually 30-40 words each (maybe less)
- would probably often have 2-4 highlights:
- some might stay longer and is a current high priority issue, such as standards harmonization
- some might change more frequently, perhaps every week, such as a technique or tip
- generally try to have one for "newbies" & one for more advanced, and one for "techies" & one for "fuzzies"
Revision History
- changes from previous version New Home 6@@
- added WCAG, XHTML, CSS logos
- @@
- changes from previous version New Home 5
- see also 5b and 5c versions and notes linked under sketchpad
- removed "to" and brackets from "to change text size or colors"
- edited text blurb and heading
- added "Getting Started" left nav & removed from other links
- changed "skip links, jump to content " to "skip to content"
- changes from pervious version New Home 4
- see also 4b and 4c versions and notes linked under sketchpad
- removed the expansion of Guidelines & Resources and WAI Groups
- added wording under About WAI
- changed " large font | small font ] [ high contrast | colors ]" to "[ to change text size or colors ]"
- added "Getting Started" to links (in structure under "Related Pages" H2, visually at end of left column)
- tweaked announcements to be more realistic and readable, specifically added subbullet for "lastest Working Drafts"
- changes from previous version New Home 3
- added site navigation
- combined About WAI and Quote sections into Introductions
- removed Guidelines and Resources text block placeholder
- removed Participating in WAI section, added single sentence under Introductions
- removed the illustration
- changed "Site Information" to "Related Pages"
- to "utility nav": added [large font | small font ], [ high contrast | colors ]; removed Guidelines & Resources, About WAI
- changes from previous version New Home 2
- replaced purpose with tag line (from EOWG 30 April)
- added About WAI (from EOWG 30 April)
- rearranged blocks
- Changed "Contact Us" <h2> "Site Information" and added "About this Site" & "WAI Site Map"
- removed "Getting Started" from utility nav
- added a third highlights (Sub C) (from EOWG 30 April)
- changes from previous version New Home 1:
- fixed link to Tim's photo
- made graphic for illustration
- made announcement text more representative in size and format
- shortened purpose statement
- under WAI Purpose, added <span> around More About WAI and Introduction to Web Accessibility and took them out of the <p>. changed "More About WAI" to "About WAI"
- moved "skip to content" as first item
- added date with highlight
- changed "More about Sponsoring WAI" to "Sponsoring WAI". added <span> and took out of <p>
- changed "Participation" to "Participating in WAI" and updated Ipsum lorem to be closer to anticipated length
- changed "Search" to "W3C Search"
- deleted <h2> "WAI Purpose"
- added WAI Search box (For now have W3C Search link. When we have a good WAI specific search, will probably put search box on home page, so want a design where that works.)
- updated Guidelines and Resources section & added links under it
- changed <h1>WAI to "Web Accessibility Initiative (WAI)"