Skip to Content

HTML Document

URL: https://www.w3.org/WAI/demos/bad/before/home.html
HTTP Status: 200 OK
MIME Type: text/html
Last Modified: Wed, 18 May 2016 16:54:13 GMT
Download Time: Less than a second
Cookies: __cf_bm=5z_oqOO420GZEU3SH3OKE
Size: 24 KB
Depth: 0 clicks from home page
Charset: utf-8
Forms: 0 forms containing 1 controls
HTTP Headers:  15 headers
Links In:  1 pages
Links Out:  36 links
Images:  37 images
CSS:  1 files
JavaScript:  0 files
Issue Issues: 63 issue(s) found in 458 location(s)

1<HTML>

2 <HEAD>

3<TITLE>Welcome to CityLights! [Inaccessible Home Page]</TITLE> <STYLE>

4 #main * {

5 color: #000000;

6 font: normal 15px "Times New Roman", Times, serif;

7 text-decoration: none;

8 }

9 #main p{

10 margin: 6px 0;

11 }

12 #main a {

13 text-decoration: none;

14 color: #226C8E;

15 }

16 #main .headline {

17 margin-top: 0px;

18 color: #41545d;

19 font: 24px verdana;

20 font-family: impact;

21 text-decoration: none;

22 margin-bottom: 0px;

23 }

24 #main .subheadline {

25 padding:16px 0 6px 0;

26 color: #41545d;

27 font: 20px verdana;

28 font-family: impact;

29 text-decoration: none;

30 }

31 #content * {

32 margin: 0;

33 padding: 0;

34 }

35 #content p{

36 margin: 6px 0;

37 }

38 #content .newsbar {

39 background: #eeeee;

40 }

41 :root #content .newsbar {

42 float: left;

43 width: 100%;

44 }

45 #content .newsheadline img {

46 float: left;

47 padding: 0;

48 margin: 0 5px 15px 0;

49 }

50 #content .newsheadline {

51 width: 135px;

52 margin-right: 5px;

53 background: #ededed;

54 padding-right: 10px;

55 vertical-align: top;

56 display: inline-block;

57 }

58 #content .newsheadline a {

59 color: black;

60 font-weight: bold;

61 background: #ededed;

62 }

63 #content .newsheadline p {

64 font-weight: bold;

65 background: #ededed;

66 }

67 * html #content .newsheadline {

68 width: 138px;

69 display: inline;

70 }

71 :root #content .newsheadline {

72 float: left;

73 width: 128px;

74 display: inline;

75 }

76 #content .image {

77 width: 135px;

78 height: 119px;

79 padding: 0 5px;

80 margin-right: 5px;

81 background: #cccccc;

82 display: inline-block;

83 }

84 * html #content .image {

85 width: 138px;

86 display: inline;

87 }

88 :root #content .image {

89 float: left;

90 width: 128px;

91 display: block;

92 display: inline;

93 }

94 #content .story {

95 width: 135px;

96 margin-right: 5px;

97 background: #ededed;

98 vertical-align: top;

99 padding: 2px 5px 5px;

100 display: inline-block;

101 }

102 #content .story span {

103 }

104 * html #content .story {

105 width: 138px;

106 display: inline;

107 }

108 :root #content .story {

109 float: left;

110 width: 128px;

111 display: inline;

112 }

113 #content .headline {

114 clear: left;

115 color: #41545d;

116 margin-top: 5px;

117 padding-top: 1em;

118 font: 24px verdana;

119 font-family: impact;

120 margin-bottom: 15px;

121 text-decoration: none;

122 }

123 #content .midwidth {

124 height: 1px;

125 }

126 #content .clear {

127 clear: left;

128 }

129 </STYLE>

130 <LINK HREF="../css/meta.css" rel="stylesheet" type="text/css">

131 <SCRIPT type="text/javascript">

132 function ChangeColor(id, colour){

133 document.getElementById(id).style.backgroundColor=colour;

134 }

135 function switchImage(imgName, imgSrc){

136 if (document.images){

137 if (imgSrc != "none"){

138 document.images[imgName].src = imgSrc;

139 }

140 }

141 }

142 </SCRIPT>

143 <NOSCRIPT><B><FONT COLOR=RED>This page uses scripts!!!</FONT></B></NOSCRIPT>

144 <script src="../js/onload.js" type="text/javascript"></script>

145 </HEAD>

146 <BODY TEXT=#000000 BGCOLOR=#D7D7CD LEFTMARGIN=0px TOPMARGIN=0px MARGINWIDTH=0px MARGINHEIGHT=0px LINK=#226C8E VLINK=#226C8E ALINK=#226C8E>

147 <div id="meta-header">

148 <p id="skipnav"><a href="#page">Skip to inaccessible demo page</a></p>

149 <p id="logos"><a href="https://www.w3.org/" title="W3C Home"><img alt="W3C logo" src="../img/w3c.png" height="48" width="72" /></a><a href="https://www.w3.org/WAI/" title="WAI Home"><img alt="Web Accessibility Initiative (WAI) logo" src="../img/wai.png" height="48" /></a></p>

150 <h1><span class="subhead">Inaccessible Home Page</span><span class="hidden"> -</span> Before and After Demonstration</h1>

151 <p class="subline">Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>

152 <div id="mnav" class="inaccessible">

153 <ul>

154 <li class="first"><a href="../Overview.html">Overview</a></li>

155 <li class="current first"><span class="hidden">Current location: </span>Home

156 <div class="subnav"><ul>

157 <li class="inaccessible"><strong>Inaccessible:</strong><a class="page current"><span class="hidden">Inaccessible </span>Home Page</a><a href="./reports/home.html" class="report"><span class="hidden">Inaccessible Home Page </span> Report</a></li>

158 <li class="accessible"><strong>Accessible:</strong><a href="../after/home.html" class="page"><span class="hidden">Accessible </span>Home Page</a><a href="../after/reports/home.html" class="report"><span class="hidden">Accessible Home Page </span> Report</a></li>

159 </ul><a href="./annotated/home.html" class="annotoggle">Show <br>Annotations</a></div>

160 </li>

161 <li><a href="news.html">News</a></li>

162 <li><a href="tickets.html">Tickets</a></li>

163 <li><a href="survey.html">Survey</a></li>

164 <li><a href="template.html">Template</a></li>

165 </ul>

166 </div>

167 </div>

168 <div id="page">

169 <p class="skip" id="startcontent">Demo starts here</p>

170 <TABLE WIDTH=100% BORDER=0px CELLSPACING=0px CELLPADDING=0px BGCOLOR=#D7D7CD><TR VALIGN=MIDDLE><TD WIDTH=100% ALIGN=CENTER>

171 <TABLE WIDTH=800px BORDER=0px CELLSPACING=0px CELLPADDING=0px BGCOLOR=WHITE>

172 <TR HEIGHT=10px>

173 <TD WIDTH=10px BACKGROUND=./img/border_left_top.gif><IMG SRC=./img/border_left_top.gif WIDTH=10px HEIGHT=10px></TD>

174 <TD WIDTH=780px BACKGROUND=./img/border_top.gif><IMG SRC=./img/border_top.gif HEIGHT=10px></TD>

175 <TD WIDTH=10px BACKGROUND=./img/border_right_top.gif><IMG SRC=./img/border_right_top.gif WIDTH=10px HEIGHT=10px></TD>

176 </TR>

177 <TR>

178 <TD WIDTH=10px BACKGROUND=./img/border_left.gif><IMG SRC=./img/border_left.gif WIDTH=10px></TD>

179 <TD WIDTH=780px ALIGN=CENTER>

180 <TABLE WIDTH=780px HEIGHT=144px BORDER=0px CELLSPACING=0px CELLPADDING=0px BGCOLOR=WHITE>

181 <TR HEIGHT=86px>

182 <TD WIDTH=443px BACKGROUND=./img/top_logo_next.gif VALIGN=MIDDLE><DIV><A HREF=home.html><IMG SRC=./img/top_logo.gif WIDTH=443px HEIGHT=86px ALT="Red dot with a white letter 'C' that symbolizes a moon crescent as well as the sun. This logo is followed by a black banner that says 'CITYLIGHTS' which is the name of this online portal. Finally, the slogan of the portal, 'your access to the city', follows in a turquoise green handwriting style and with a slight slant across the top banner."></A></DIV></TD>

183 <TD WIDTH=24px VALIGN=MIDDLE><IMG SRC=./img/top_logo_next_end.gif WIDTH=24px HEIGHT=86px></TD>

184 <TD WIDTH=128px VALIGN=MIDDLE><IMG SRC=./img/top_weather.gif WIDTH=128px HEIGHT=86px></TD>

185 <TD WIDTH=22px VALIGN=MIDDLE><IMG SRC=./img/top_logo_next_start.gif WIDTH=22px HEIGHT=86px></TD>

186 <TD WIDTH=163px BACKGROUND=./img/top_logo_next.gif ALIGN=CENTER VALIGN=MIDDLE>

187 <SELECT ONCHANGE="location.href = this.value;">

188 <OPTION SELECTED>QUICKMENU ----&gt;

189 <OPTION VALUE="../offsite.html">Broadcasting

190 <OPTION VALUE="../offsite.html">Education

191 <OPTION VALUE="../offsite.html">Electricity

192 <OPTION VALUE="../offsite.html">Fire service

193 <OPTION VALUE="../offsite.html">Gas service

194 <OPTION VALUE="../offsite.html">Health care

195 <OPTION VALUE="../offsite.html">Police service

196 <OPTION VALUE="../offsite.html">Public Libraries

197 <OPTION VALUE="../offsite.html">Social services

198 <OPTION VALUE="../offsite.html">Social housing

199 <OPTION VALUE="../offsite.html">Telecommunications

200 <OPTION VALUE="../offsite.html">Town planning

201 <OPTION VALUE="../offsite.html">Transportation

202 <OPTION VALUE="../offsite.html">Waste management

203 <OPTION VALUE="../offsite.html">Water services

204 </SELECT>

205 </TD>

206 </TR>

207 <TR HEIGHT=7px>

208 <TD WIDTH=780px BACKGROUND=./img/mark.gif COLSPAN=5><IMG SRC=./img/mark.gif WIDTH=158px HEIGHT=7px></TD>

209 </TR>

210 <TR HEIGHT=25px>

211 <TD COLSPAN=5>

212 <TABLE WIDTH=780px BORDER=0px CELLSPACING=0px CELLPADDING=0px>

213 <TR HEIGHT=25px>

214 <TD BGCOLOR="#EDEDED" WIDTH=380px><FONT COLOR=BLACK FACE=Verdana SIZE=2>&nbsp;&nbsp;<B>Traffic:</B> Construction work on Main Road</FONT></TD>

215 <TD BGCOLOR="#FFFFFF" ALIGN=RIGHT ID="WEATHER"><FONT COLOR=BLACK FACE=Verdana SIZE=2><B>Today:</B>

216 <SCRIPT LANGUAGE="JavaScript">

217 var now = new Date();

218 var days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');

219 var months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');

220 var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

221 function fourdigits(number) {

222 return (number < 1000) ? number + 1900 : number;

223 }

224 today = days[now.getDay()] + " " + date + " " + months[now.getMonth()] + " " + (fourdigits(now.getYear())) + ", Sunny, 23&deg;C&nbsp;&nbsp;</FONT>";

225 document.all.WEATHER.setAttribute("BGCOLOR", "#EDEDED", 0);

226 document.write(today);

227 </SCRIPT></TD>

228 </TR>

229 </TABLE>

230 </TD>

231 </TR>

232 <TR HEIGHT=1px>

233 <TD WIDTH=780px BACKGROUND=./img/marker2_w.gif COLSPAN=5><IMG SRC=.img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

234 </TR>

235 <TR HEIGHT=25px>

236 <TD COLSPAN=5>&nbsp;</TD>

237 </TR>

238 </TABLE>

239 <TABLE WIDTH=780px BORDER=0px CELLSPACING=0px CELLPADDING=0px BGCOLOR=WHITE>

240 <TR WIDTH=780px>

241 <TD WIDTH=155px BGCOLOR=#E4E4E4 VALIGN=TOP>

242 <TABLE WIDTH=155px BORDER=0px CELLSPACING=0px CELLPADDING=0px>

243 <TR HEIGHT=1px>

244 <TD WIDTH=155px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

245 <TD WIDTH=1px BACKGROUND=./img/marker2_t.gif ROWSPAN=9 VALIGN=TOP><IMG SRC=./img/marker2_t.gif WIDTH=1 HEIGHT=30px></TD>

246 </TR>

247 <TR HEIGHT=34px>

248 <TD WIDTH=154px bgcolor="#EDEDED" id="home" onMouseOver="switchImage('nav_home', './img/nav_home2.gif'); ChangeColor('home','#FFF')" onMouseOut="switchImage('nav_home', './img/nav_home.gif'); ChangeColor('home','#EDEDED')"><A HREF="javascript:location.href='home.html';" onFocus="blur();"><img name="nav_home" src=./img/nav_home.gif width=88 height=27 hspace="15" border=0px></a></TD>

249 </TR>

250 <TR HEIGHT=1px>

251 <TD WIDTH=154px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

252 </TR>

253 <TR HEIGHT=34px>

254 <TD WIDTH=154px bgcolor="#EDEDED" id="news" onMouseOver="switchImage('nav_news', './img/nav_news2.gif'); ChangeColor('news','#FFF')" onMouseOut="switchImage('nav_news', './img/nav_news.gif'); ChangeColor('news','#EDEDED')"><A HREF="javascript:location.href='news.html';" ONFOCUS="blur();"><IMG SRC=./img/nav_news.gif name="nav_news" WIDTH=90 HEIGHT=21 hspace="12" BORDER=0px></A></TD>

255 </TR>

256 <TR HEIGHT=1px>

257 <TD WIDTH=154px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

258 </TR>

259 <TR HEIGHT=34px>

260 <TD WIDTH=154px bgcolor="#EDEDED" id="tickets" onMouseOver="switchImage('nav_facts', './img/nav_facts2.gif'); ChangeColor('tickets','#FFF')" onMouseOut="switchImage('nav_facts', './img/nav_facts.gif'); ChangeColor('tickets','#EDEDED')"><A HREF="javascript:location.href='tickets.html';" ONFOCUS="blur();"><IMG name="nav_facts" SRC=./img/nav_facts.gif WIDTH=105 HEIGHT=23 hspace="9" BORDER=0px></A></TD>

261 </TR>

262 <TR HEIGHT=1px>

263 <TD WIDTH=154px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

264 </TR>

265 <TR HEIGHT=34px>

266 <TD WIDTH=154px bgcolor="#EDEDED" id="survey" onMouseOver="switchImage('nav_survey', './img/nav_survey2.gif'); ChangeColor('survey','#FFF')" onMouseOut="switchImage('nav_survey', './img/nav_survey.gif'); ChangeColor('survey','#EDEDED')"><A HREF="javascript:location.href='survey.html';" ONFOCUS="blur();"><IMG SRC=./img/nav_survey.gif name="nav_survey" WIDTH=107 HEIGHT=32 hspace="8" BORDER=0px></A></TD>

267 </TR>

268 <TR HEIGHT=1px>

269 <TD WIDTH=154px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

270 </TR>

271 </TABLE>

272 </TD>

273 <TD WIDTH=20px><IMG SRC=./img/blank_5x5.gif WIDTH=20px HEIGHT=5px></TD>

274 <TD WIDTH=434px HEIGHT="600px" VALIGN=TOP id="main">

275 <p class="headline">Welcome to CityLights</p>

276 <p>Citylights is the new portal for visitors and residents. Find out what's on, book tickets, and get the latest news.</p>

277 <div id="content">

278 <div class="midwidth"><div></div></div>

279 <div class="newsbar">

280 <div class="newsheadline"><img src="./img/headline_middle.gif" width="23" height="24" align="absmiddle"> <a href="news.html" onFocus="blur();">Heat wave linked to temperatures</a></div>

281 <div class="newsheadline"><img src="./img/headline_middle.gif" width="23" height="24" align="absmiddle"> <a href="news.html" onFocus="blur();">Man Gets Nine Months in Violin Case</a></div>

282 <div class="newsheadline"><img src="./img/headline_middle.gif" width="23" height="24" align="absmiddle"> <a href="news.html" onFocus="blur();">Lack of brains hinders research</a></div>

283 <div class="clear"><div class="null"></div></div>

284 </div>

285 <div class="newsbar">

286 <div class="image" style="background: url(./img/panda-sm.jpg) center center no-repeat #cccccc" title="image"><div class="null"></div></div>

287 <div class="image" style="background: url(./img/oldenburgstudentviolin34.jpg) center center no-repeat #cccccc" title="image"><div class="null"></div></div>

288 <div class="image" style="background: url(./img/BrainInJar.jpg) center center no-repeat #cccccc;" title="image"><div class="null"></div></div>

289 <div class="clear"><div class="null"></div></div>

290 </div>

291 <div class="newsbar">

292 <div class="story"><span>After three years of effort city scientists now agree that the primary cause of the 2003 heatwave was hot air from our <a href="news.html" onFocus="blur();"><img src="./img/morearrow.gif" width="48" height="10" alt="" border="0" onMouseOver="this.src='./img/morearrow_a.gif'" onMouseOut="this.src='./img/morearrow.gif'" style="vertical-align: bottom"></a></span></div>

293 <div class="story"><span>Mayor: These kinds of crimes need more creative, effective punishments. For example, we could require compulsory <a href="news.html" onFocus="blur();"><img src="./img/morearrow.gif" width="48" height="10" alt="" border="0" onMouseOver="this.src='./img/morearrow_a.gif'" onMouseOut="this.src='./img/morearrow.gif'" style="vertical-align: bottom"></a></span></div>

294 <div class="story"><span>Brain donations: huge drop off in brain donations due to the great 'success' of 'Slow Traffic, Safe Streets' policy <a href="news.html" onFocus="blur();"><img src="./img/morearrow.gif" width="48" height="10" alt="" border="0" onMouseOver="this.src='./img/morearrow_a.gif'" onMouseOut="this.src='./img/morearrow.gif'" style="vertical-align: bottom"></a></span></div>

295 </div>

296 <hr style="visibility:hidden; clear:both;">

297 <p class="subheadline">Elsewhere on the Web</p>

298 <p>Please see the following websites for important information. Citylights take no responsibility for their content. For artichoke advice, call the number below.<br/><br/><span><img src="./img/list_bullets.gif" alt="bullet" border="0" align="absmiddle"> Killer bees. <a onFocus="blur();" href="../offsite.html" target="_blank">Click here</a>.<br/><img src="./img/list_bullets.gif" alt="bullet" border="0" align="absmiddle"> Onions. <a onFocus="blur();" href="../offsite.html" target="_blank">Click here</a>.</span><br/><br/><b>Artichoke advice telephone hotline: </b><img src="./img/telefon_white_bg.gif" alt="1234 56789" border="0" align="absmiddle"></p>

299 </div>

300 </TD>

301 <TD WIDTH=20px><IMG SRC=./img/blank_5x5.gif WIDTH=20px HEIGHT=5px></TD>

302 <TD WIDTH=151px VALIGN=TOP>

303 <TABLE WIDTH=151px BORDER=0px CELLSPACING=0px CELLPADDING=0px>

304 <TR HEIGHT=1px>

305 <TD WIDTH=1px BACKGROUND=./img/marker2_t.gif ROWSPAN=11 VALIGN=TOP><IMG SRC=./img/marker2_t.gif WIDTH=1px HEIGHT=30px></TD>

306 <TD WIDTH=151px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

307 </TR>

308 <TR HEIGHT=25px>

309 <TD WIDTH=150px BGCOLOR=#A9B8BF><FONT COLOR=#41545D FACE=Verdana SIZE=2>&nbsp;<B>Free Penguins</B></FONT></TD>

310 </TR>

311 <TR HEIGHT=106px>

312 <TD WIDTH=150px><DIV><IMG SRC=./img/teaser_right1.jpg WIDTH=150px HEIGHT=106px></DIV></TD>

313 </TR>

314 <TR>

315 <TD WIDTH=150px>

316 <TABLE WIDTH=150px BORDER=0px CELLSPACING=0px CELLPADDING=3px>

317 <TR>

318 <TD><DIV>&quot;Free penguins&quot; slogan at zoo benefit concert causes confusion among city rockers. Adjective or verb?<BR><A HREF=tickets.html ONFOCUS="blur();" STYLE="text-decoration:none;">Read More...</A></DIV></TD>

319 </TR>

320 </TABLE>

321 </TD>

322 </TR>

323 <TR HEIGHT=17px>

324 <TD>&nbsp;</TD>

325 </TR>

326 <TR HEIGHT=1px>

327 <TD WIDTH=150px BACKGROUND=./img/marker2_w.gif><IMG SRC=./img/marker2_w.gif WIDTH=78px HEIGHT=1px></TD>

328 </TR>

329 <TR HEIGHT=25px>

330 <TD WIDTH=150px BGCOLOR=#A9B8BF><FONT COLOR=#41545D FACE=Verdana SIZE=2>&nbsp;<B>More City Parks</B></FONT></TD>

331 </TR>

332 <TR HEIGHT=154px>

333 <TD WIDTH=150px><IMG SRC=./img/teaser_right2.jpg WIDTH=150px HEIGHT=154px></TD>

334 </TR>

335 <TR>

336 <TD WIDTH=150px>

337 <TABLE WIDTH=150px BORDER=0px CELLSPACING=0px CELLPADDING=3px>

338 <TR>

339 <TD>More parks and more green throughout the city at the price of already rare car parking spaces, how will this affect you?<BR><A HREF=survey.html ONFOCUS="blur();" STYLE="text-decoration:none;">Read More...</A></TD>

340 </TR>

341 </TABLE>

342 </TD>

343 </TR>

344 </TABLE>

345 </TD>

346 </TR>

347 </TABLE>

348 <TABLE WIDTH=780px HEIGHT=17px BORDER=0px CELLSPACING=0px CELLPADDING=0px BGCOLOR=#EDEDED>

349 <TR HEIGHT=17px>

350 <TD ALIGN=RIGHT><FONT COLOR=BLACK FACE=Verdana SIZE=1><a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2012 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>)</FONT></TD>

351 </TR>

352 </TABLE>

353 <!--// END FOOTER AREA //-->

354 <TD WIDTH=10px BACKGROUND=./img/border_right.gif><IMG SRC=./img/border_right.gif WIDTH=10px></TD>

355 </TR>

356 <TR HEIGHT=10px>

357 <TD WIDTH=10px HEIGHT=10px BACKGROUND=./img/border_bottom_left.gif><IMG SRC=./img/border_bottom_left.gif WIDTH=10px HEIGHT=10px></TD>

358 <TD WIDTH=780px HEIGHT=10px BACKGROUND=./img/border_bottom.gif><IMG SRC=./img/border_bottom.gif HEIGHT=10px></TD>

359 <TD WIDTH=10px HEIGHT=10px BACKGROUND=./img/border_bottom_right.gif><IMG SRC=./img/border_bottom_right.gif WIDTH=10px HEIGHT=10px></TD>

360 </TR>

361 </TABLE>

362 </TD></TR></TR></TABLE>

363 </div>

364 <div id="meta-footer" class="meta">

365 <hr>

366 <p><strong>Status:</strong> 20 February 2012 (see <a href="../changelog.html">changelog</a>) <br>Editors: <a href="https://www.w3.org/People/shadi/">Shadi Abou-Zahra</a> and the <a href="https://www.w3.org/WAI/EO/">Education and Outreach Working Group (EOWG)</a>. <br>Developed with support from <a href="https://www.w3.org/WAI/TIES/"><acronym title="Web Accessibility Initiative: Training, Implementation, Education, Support">WAI-TIES</acronym></a> and <a href="https://www.w3.org/WAI/WAI-AGE/"><acronym title="Web Accessibility Initiative: Ageing Education and Harmonisation">WAI-AGE</acronym></a> projects, co-funded by the European Commission <acronym title="Information Society Technologies">IST</acronym> Programme. [see <a href="../acks.html">Acknowledgements</a>]</p>

367 <p>[<a href="https://www.w3.org/WAI/sitemap.html" shape="rect">WAI Site Map</a>] [<a href="https://www.w3.org/WAI/sitehelp.html" shape="rect">Help with WAI Website</a>] [<a href="https://www.w3.org/WAI/search.php" shape="rect">Search</a>] [<a href="https://www.w3.org/WAI/contacts" shape="rect">Contacting WAI</a>] <br><strong>Feedback welcome to <a href="mailto:wai-eo-editors@w3.org" shape="rect">wai-eo-editors@w3.org</a></strong> (a publicly archived list) or <a href="mailto:wai@w3.org" shape="rect">wai@w3.org</a> (a WAI staff-only list).</p>

368 <div class="copyright"><p><a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2012 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> rules apply. Your interactions with this site are in accordance with our <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy statements.</p></div>

369 </div>

370 <!-- Piwik -->

371 <script type="text/javascript">

372 var _paq = _paq || [];

373 _paq.push(["setDomains", ["*.www.w3.org/WAI"]]);

374 _paq.push(['trackPageView']);

375 _paq.push(['enableLinkTracking']);

376 (function() {

377 var u="//www.w3.org/analytics/piwik/";

378 _paq.push(['setTrackerUrl', u+'piwik.php']);

379 _paq.push(['setSiteId', 328]);

380 var d=document, g=d.createElement('script'),

381 s=d.getElementsByTagName('script')[0];

382 g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js';

383 s.parentNode.insertBefore(g,s);

384 })();

385 </script>

386 <noscript><p><img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328"

387 style="border:0;" alt="" /></p></noscript>

388 <!-- End Piwik Code -->

389</body>

390</html>