Accessi-Google PHP Source

<!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>