> WAI Web site
redesign project > design summary
WAI Site Design:
Home Page
Version: 2004.11.09
Note: This Web page is a working draft
and should not be referenced or quoted under any circumstances.
related information: sketchpad
- 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
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)"
Document Information
@@ to do: check acronym tags, HTML & access check & validation
Editor: Shawn Lawton Henry. This Web page is is under development by the
WAI Site Task Force of EOWG. Last updated
$Date: 2004/11/09 18:02:17 $ by $Author: shawn $