<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>[prototype] Google Search: web accessibility</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <!-- the style sheets --> <link rel="stylesheet" type="text/css" href="screen.css" media="screen" title="Default"/> <!-- dynamically generated style --> <style type="text/css"> <!-- <?php # print the dynamic style changes ######################################################## $hideMe = " { visibility: hidden; font-size: 0.0; height: 0; } "; if($pref1) { print " .resultEntry .linkDescription $hideMe "; } if($pref2) { print " .resultEntry .linkCategory, #category $hideMe "; } if($pref3) { print " .resultEntry .linkInfo $hideMe "; } if($pref4) { print " #stat1, #stat2 $hideMe "; } if($pref5) { print " #sponsored $hideMe "; } if($pref6) { print " .extraLinks $hideMe "; } if($pref7) { print " .embeddedLink $hideMe "; } ?> --> </style> </head> <body> <!-- accessibility panel --> <div id="accessWrapper"> <div id="access1"> <h1>Google Search</h1> <div class="nosee"> <a href="#results">Jump to Search Results</a> | <a href="#query">New Query</a> | <a href="#prefs">Preferences</a> </div> </div> <div id="access2"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Jump to Search Results"/></a> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New Query"/></a> <a href="#prefs"><img src="images/t.gif" width="1" height="1" alt="Preferences"/></a> </div> </div> <!-- title panel / search box --> <div id="searchWrapper"> <div class="extraLinks"> <ul> <li> <a href="index2.php">Advanced Search</a> </li> <li> <a href="prefs.htm">Preferences</a> </li> <li> <a href="lang.htm">Language Tools</a> </li> <li> <a href="tips.htm">Search Tips</a> </li> </ul> </div> <div id="queryBox"> <a name="query"></a> <label for="query">Enter your query</label><input type="text" id="query" name="query" size="25" value=" "/><label for="domain">Search Domain</label> <select id="domain" name="domain"> <option value="Web">Web</option> <option value="Images">Images</option> <option value="Groups">Groups</option> <option value="Director">Directory</option> <option value="News">News</option> </select> <label for="go">Go</label><input type="submit" id="go" name="go" value="Search"/> </div> </div> <!-- statistics row --> <div id="statWrapper"> <div id="stat1"> Searched the Web for <a href="#">web</a> <a href="#">accessibility</a> </div> <div id="stat2"> Results 1 - 10 of about 2,340,000. </div> </div> <div id="category"> <strong>Category:</strong> <a href="#">Computers > Software > ... > Clients > WWW > Browsers > Accessibility</a> </div> <!-- content --> <div id="content"> <a name="results"></a> <!-- result entry : 1 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://www.w3.org/WAI/"><strong>Web Accessibility</strong> Initiative (WAI) Home Page</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> Home page of W3C's <strong>Web Accessibility</strong> Initiative--resources for increasing <strong>accessibility</strong> of the <strong>Web</strong> for people with disabilities. ... Description: Guidelines and resources from the World Wide <strong>Web</strong> Consortium (W3C). </div> <div class="linkCategory"> Category: <a href="#">Computers > Internet > Web Design and Development > Accessibility</a> </div> <div class="linkInfo"> www.w3.org/WAI/ - 11k - Apr 8, 2003 </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 2 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://bobby.cast.org/">Welcome to Bobby Worldwide</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> ... click Submit. URL: Guidelines to use: Web Content Accessibility Guidelines 1.0 US Section 508 Guidelines. Bobby Sponsor IBM Logo. If ... </div> <div class="linkInfo"> bobby.cast.org/ - 8k - Apr 8, 2003 </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 3 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://www.webaim.org/">WebAIM - <strong>Web Accessibility</strong> in Mind (home)</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> Web Accessibility Information and Solutions. General Info introduction, laws, guidelines, articles, viewpoints. ... WAVE 3.0 Web Accessibility Tool now available. ... Description: Information, training, resources, guidelines and standards for Web accessibility and disability access... </div> <div class="linkCategory"> Category: <a href="#">Computers > Internet > Web Design and Development > Accessibility</a> </div> <div class="linkInfo"> www.webaim.org/ - 17k - Apr 8, 2003 </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 4 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://www-3.ibm.com/able/accessweb.html">IBM <strong>Accessibility</strong> Center: <strong>Web Accessibility</strong> Checklist</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> Web Accessibility. Use this checklist for: Web sites; Web applications ... IBM Web Accessibility Checklist. Last updated September 27, 2002. ... </div> <div class="linkInfo"> www-3.ibm.com/able/accessweb.html - 21k - Apr 8, 2003 </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 5 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://trace.wisc.edu/world/web/">Designing More Usable <strong>Web</strong> Sites</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> ... Getting Started: Making a Web Site Accessible - A resource for learning and understanding Web Accessibility. Web Access Tools. User Tools. ... Description: Research and links from the Trace Center, University of Wisconsin-Madison. </div> <div class="linkCategory"> Category: <a href="#">Computers > Internet > Web Design and Development > Accessibility</a> </div> <div class="linkInfo"> trace.wisc.edu/world/web/ - 32k - Apr 8, 2003 </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 6 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://aprompt.snow.utoronto.ca">A-Prompt Project</a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> ... The tool's evaluation and repair checklist is based on accessibility guidelines created and maintained by the Web Accessibility Initiative of the World Wide ... </div> <div class="linkInfo"> aprompt.snow.utoronto.ca/ - 7k </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 7 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://www.section508.gov/">Section 508: The Road to <strong>Accessibility</strong></a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> ... Using this web site, Federal employees and the public can access resources for .. GSA is committed to Section 508 compliance and accessibility of websites. ... Description: Official website for Section 508 of the US Rehabilitation Act. </div> <div class="linkCategory"> Category: <a href="#">Computers > Internet > Web Design and Development > Accessibility</a> </div> <div class="linkInfo"> www.section508.gov/ - 16k </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> <!-- result entry : 8 --> <div class="resultEntry"> <div class="linkTitle"> <h2><a href="http://www.webreview.com/2001/03_02/webauthors/index03.shtml">WebReview.com: March 2, 2001: Introducing <strong>Web Accessibility</strong></a></h2> </div> <div class="embeddedLink"> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New query"/></a> </div> <div class="linkDescription"> ... Introducing Web Accessibility. ... The first part of this series introduces you to the world of Web accessibility involving people with disabilities. ... </div> <div class="linkInfo"> www.webreview.com/2001/03_02/webauthors/index03.shtml - 20k </div> <div class="embeddedLink"> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Back to start of results"/></a> </div> </div> </div> <!-- the options panel --> <div id="optionsWrapper"> <!-- site preferences --> <form action="index.php" method="post"> <div id="preferences"> <a name="prefs"></a> <h2>Hide the following:</h2> <p> <?php ######################################################## # change the check boxes ######################################################## if($pref1) { $p1 = "checked"; } if($pref2) { $p2 = "checked"; } if($pref3) { $p3 = "checked"; } if($pref4) { $p4 = "checked"; } if($pref5) { $p5 = "checked"; } if($pref6) { $p6 = "checked"; } if($pref7) { $p7 = "checked"; } print <<<EOF <input type="checkbox" name="pref1" id="pref1" value="1" $p1/> <label for="pref1">Search result descriptions</label> <br/> <input type="checkbox" name="pref2" id="pref2" value="1" $p2/> <label for="pref2">Search result categories</label> <br/> <input type="checkbox" name="pref3" id="pref3" value="1" $p3/> <label for="pref3">Search result properties</label> <br/> <input type="checkbox" name="pref4" id="pref4" value="1" $p4/> <label for="pref4">Query statistics</label> <br/> <input type="checkbox" name="pref5" id="pref5" value="1"$p5/> <label for="pref5">Sponsored links</label> <br/> <input type="checkbox" name="pref6" id="pref6" value="1"$p6/> <label for="pref6">Navigation buttons</label> <br/> <input type="checkbox" name="pref7" id="pref7" value="1"$p7/> <label for="pref7">Embedded jump links</label> <br/> <input type="submit" name="changePrefs" id="changePrefs" class="button" value="Change Preferences"/><label for="changePrefs"> </label> EOF; ?> <a href="#results"><img src="images/t.gif" width="1" height="1" alt="Jump to Search Results"/></a> <a href="#query"><img src="images/t.gif" width="1" height="1" alt="New Query"/></a> </p> </div> </form> <!-- the sponsored links --> <div id="sponsored" name="sponsored"> <p> <strong><a href="http://www.LighthouseActs.com">All about Accessibility</a></strong> <br/> We test your site for accessibility and usability, and offer workshops! <a href="http://www.LighthouseActs.com">www.LighthouseActs.com</a> </p> <p> <strong><a href="http://www.ssbtechnologies.com/AskAlice">Is your site accessible?</a></strong> <br/> Find out for free with AskAlice(tm) from SSB Technologies <a href="http://www.ssbtechnologies.com/AskAlice">www.ssbtechnologies.com/AskAlice</a> </p> <p> <strong><a href="http://www.htmlvalidator.com">Check Web Accessibility</a></strong> <br/> Use CSE HTML Validator to check accessibility. For Windows. <a href="http://www.htmlvalidator.com">htmlvalidator.com</a> </p> </div> </div> <div id="bottomWrapper"> <div class="extraLinks"> <ul> <li> <a href="index.htm">Google Home</a> </li> <li> <a href="ads.htm">Advertise with Us</a> </li> <li> <a href="biz.htm">Business Solutions</a> </li> <li> <a href="options.htm">Services & Tools</a> </li> <li> <a href="jobs.htm">Jobs, Press, & Help</a> </li> </ul> </div> </div> <!-- compliance row --> <div id="compliance"> <a href="http://validator.w3.org/check/referer"><img src="images/compliance_xhtml.gif" width="80" height="15" alt="Valid XHTML 1.0 Strict"/></a> <a href="http://bobby.watchfire.com"><img src="images/compliance_bobby.gif" width="87" height="15" alt="Valid WCAG 1.0 AAA"/></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="images/compliance_css.gif" width="65" height="15" alt="Valid CSS"/></a> </div> </body> </html>