Monday, March 17, 2008

2010 Commonwealth Games Website Problems

The next Commonwealth Games in 2010, are to be held in Delhi, India. Unfortunately the official web site for the games, is not easy to use. It first has a Flash multimedia presentation which takes about 20 seconds to load on the average Internet connection and then displays a web page which fails a web accessibility test, with dozens of errors.

As a result the games web site will be difficult to use on old web browsers, on slow Internet connections, on hand-held devices and by people for whom English is not their first language. The games committee needs to get some of the excellent web designers India has to fix the site. Much of what applies to the Beijing Olympic Web site design, would be applicable to India.

Here are some of the errors reported by TAW (Web Accessibility Test), based on the W3C - Web Content Accessibility Guidelines 1.0 (WCAG 1.0):

Found issues:

Priority 1[WAI] Priority 1 accessibility issues. A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents. 34 automatically detected problems and 99 problems that require human review have been found.


1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video.



  • Human review required Verify that text equivalent for image is useful
  • Missing text equivalent for image (30)
    • Line 249: <img src="images/Home_Banner_01.jpg" width="100" height="147">
    • Line 250: <img src="images/Home_Banner_02.jpg" width="100" height="147">
    • Line 251: <img src="images/Home_Banner_03.jpg" width="100" height="147">
    • Line 252: <img src="images/Home_Banner_04.jpg" width="100" height="147">
    • Line 253: <img src="images/Home_Banner_05.jpg" width="100" height="147">
    • Line 254: <img src="images/Home_Banner_06.jpg" width="100" height="147">
    • Line 255: <img src="images/Home_Banner_07.jpg" width="100" height="147">
    • Line 256: <img src="images/Home_Banner_08.jpg" width="100" height="147">
    • Line 257: <img src="images/Home_Banner_09.jpg" width="100" height="147">
    • Line 258: <img src="images/Home_Banner_10.jpg" width="100" height="147">
    • Line 268: <img src="images/ico_1.gif" width="59" height="63">
    • Line 268: <img src="images/ico_2.gif" width="59" height="63">
    • Line 268: <img src="images/ico_3.gif" width="59" height="63">
    • Line 268: <img src="images/ico_4.gif" width="59" height="63">
    • Line 268: <img src="images/ico_5.gif" width="59" height="63">
    • Line 268: <img src="images/ico_6.gif" width="59" height="63">
    • Line 268: <img src="images/ico_7.gif" width="59" height="63">
    • Line 268: <img src="images/ico_8.gif" width="59" height="63">
    • Line 268: <img src="images/ico_9.gif" width="59" height="63">
    • Line 268: <img src="images/ico_10.gif" width="59" height="63">
    • Line 268: <img src="images/ico_11.gif" width="59" height="63">
    • Line 268: <img src="images/ico_12.gif" width="59" height="63">
    • Line 268: <img src="images/ico_13.gif" width="59" height="63">
    • Line 268: <img src="images/ico_14.gif" width="59" height="63">
    • Line 268: <img src="images/ico_15.gif" width="59" height="63">
    • Line 268: <img src="images/ico_16.gif" width="59" height="63">
    • Line 268: <img src="images/ico_17.gif" width="59" height="63">
    • Line 276: <img src="images/cwgindia.gif" width="100" height="100" border="0" usemap="#Map">
    • Line 280: <img src="images/ioa.gif" width="100" height="103" border="0" usemap="#Map3">
    • Line 284: <img src="images/cwg2008.gif" width="100" height="114" border="0" usemap="#Map4">


  • Human review required If describing the image will add information, you need to provide a description of the image with a valid longdesc attribute (34)
    • Line 249: <img src="images/Home_Banner_01.jpg" width="100" height="147">
    • Line 250: <img src="images/Home_Banner_02.jpg" width="100" height="147">
    • Line 251: <img src="images/Home_Banner_03.jpg" width="100" height="147">
    • Line 252: <img src="images/Home_Banner_04.jpg" width="100" height="147">
    • Line 253: <img src="images/Home_Banner_05.jpg" width="100" height="147">
    • Line 254: <img src="images/Home_Banner_06.jpg" width="100" height="147">
    • Line 255: <img src="images/Home_Banner_07.jpg" width="100" height="147">
    • Line 256: <img src="images/Home_Banner_08.jpg" width="100" height="147">
    • Line 257: <img src="images/Home_Banner_09.jpg" width="100" height="147">
    • Line 258: <img src="images/Home_Banner_10.jpg" width="100" height="147">
    • Line 268: <img src="images/ico_1.gif" width="59" height="63">
    • Line 268: <img src="images/ico_2.gif" width="59" height="63">
    • Line 268: <img src="images/ico_3.gif" width="59" height="63">
    • Line 268: <img src="images/ico_4.gif" width="59" height="63">
    • Line 268: <img src="images/ico_5.gif" width="59" height="63">
    • Line 268: <img src="images/ico_6.gif" width="59" height="63">
    • Line 268: <img src="images/ico_7.gif" width="59" height="63">
    • Line 268: <img src="images/ico_8.gif" width="59" height="63">
    • Line 268: <img src="images/ico_9.gif" width="59" height="63">
    • Line 268: <img src="images/ico_10.gif" width="59" height="63">
    • Line 268: <img src="images/ico_11.gif" width="59" height="63">
    • Line 268: <img src="images/ico_12.gif" width="59" height="63">
    • Line 268: <img src="images/ico_13.gif" width="59" height="63">
    • Line 268: <img src="images/ico_14.gif" width="59" height="63">
    • Line 268: <img src="images/ico_15.gif" width="59" height="63">
    • Line 268: <img src="images/ico_16.gif" width="59" height="63">
    • Line 268: <img src="images/ico_17.gif" width="59" height="63">
    • Line 275: <img src="images/logos/cwgnew.jpg" alt="CWG New Logo">
    • Line 276: <img src="images/cwgindia.gif" width="100" height="100" border="0" usemap="#Map">
    • Line 280: <img src="images/ioa.gif" width="100" height="103" border="0" usemap="#Map3">
    • Line 284: <img src="images/cwg2008.gif" width="100" height="114" border="0" usemap="#Map4">
    • Line 290: <img src="images/sheroonew1.jpg" alt="Sheru" width="89" height="150">
    • Line 344: <img src="images/News/1000daystogo.gif" alt="1000 Days Celebration" width="660" height="150">
    • Line 386: <img src="http://www.findlocalweather.net/forecast.php?forecast=hourly&pands=VIDP&place=New Delhi / Palam&state=In&config=png&alt=hwiccmet" border="0" alt="Click for the latest New Delhi / Palam weather forecast.">


  • Missing text equivalent for this image map area (3)
    • Line 278: <area shape="rect" coords="2,0,99,99" href="http://thecgf.com">
    • Line 282: <area shape="rect" coords="1,1,99,102" href="http://www.olympic.ind.in">
    • Line 286: <area shape="rect" coords="2,2,99,114" href="http://www.cygpune2008.com">



6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes.



  • Missing accessible alternative content in the body of IFRAME (1)
    • Line 289: <iframe src="clock.htm" height="150" width="150" frameborder="0" scrolling="no">


  • Human review required Verify that equivalents of dynamic content are updated and avaliable as often as the dynamic content. (9)
    • Line 6: <script language="javascript">
    • Line 198: <script language="JavaScript" type="text/JavaScript">
    • Line 241: <script src="Scripts/AC_RunActiveContent.js" type="text/javascript">
    • Line 347: <script type="text/javascript">
    • Line 351: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="220" height="310">
    • Line 358: <script type="text/javascript">
    • Line 360: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="225">
    • Line 374: <script type="text/javascript">
    • Line 376: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="300" title="News of CWG">



2.1 Ensure that all information conveyed with color is also available without color, for example from context or markup.



  • Human review required Check it through the whole document

4.1 Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).



  • Human review required Check it through the whole document

5.1 For data tables, identify row and column headers.



  • Human review required if this is a data table identify column and row headers (6)
    • Line 247: <table width="1000" border="0" cellspacing="0" cellpadding="0">
    • Line 269: <table width="1000" border="0" cellspacing="0" cellpadding="0">
    • Line 302: <table width="125" border="0" cellspacing="0" cellpadding="0" class="Menu" >
    • Line 340: <table width="660" height="452" border="0" cellpadding="0" cellspacing="0" >
    • Line 384: <table width="185" height="180" border="0">
    • Line 394: <table width="100%" border="0" cellspacing="0" cellpadding="0" class="Menu1">



5.2 For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.



  • Human review required If this is a multilevel table, should identify structural groups of rows and groups of columns (7)
    • Line 247: <table width="1000" border="0" cellspacing="0" cellpadding="0">
    • Line 269: <table width="1000" border="0" cellspacing="0" cellpadding="0">
    • Line 295: <table width="772" border="0">
    • Line 302: <table width="125" border="0" cellspacing="0" cellpadding="0" class="Menu" >
    • Line 340: <table width="660" height="452" border="0" cellpadding="0" cellspacing="0" >
    • Line 384: <table width="185" height="180" border="0">
    • Line 394: <table width="100%" border="0" cellspacing="0" cellpadding="0" class="Menu1">



6.1 Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document.



  • Human review required Ensure this document can be read without style sheets (7)
    • Line 16: <style type="text/css">
    • Line 245: <table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0" style="position:absolute; top:0px; left:0px; " bgcolor="#ffffff" >
    • Line 264: <a href="business_tenders.html" style="text-decoration:none; color:Blue">
    • Line 268: <div id="Layer1" style="position:absolute; width:1003px; height:60px; z-index:2; left: 0px; top: 84px;">
    • Line 383: <div id="apDiv6" style=" background-color:#ffe4b3" align="center" >
    • Line 412: <DIV style="position: absolute; top: 67px; left: 375px; width: 341px; height: 24px; font-size: 12pt; font-family:Arial; color:808080">
    • Line 413: <DIV style="position: absolute; top: 66px; left: 374px; width: 341px; height: 23px; font-size:12pt; font-family:Arial; color:white">



6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.



  • Human review required Verify that dynamic content is accessible or provide an alternative. (12)
    • Line 6: <script language="javascript">
    • Line 198: <script language="JavaScript" type="text/JavaScript">
    • Line 241: <script src="Scripts/AC_RunActiveContent.js" type="text/javascript">
    • Line 347: <script type="text/javascript">
    • Line 351: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="220" height="310">
    • Line 354: <embed src="videos/newanimlogo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="310">
    • Line 358: <script type="text/javascript">
    • Line 360: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="225">
    • Line 363: <embed src="videos/f2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="225">
    • Line 374: <script type="text/javascript">
    • Line 376: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="300" title="News of CWG">
    • Line 379: <embed src="images/Theme_of_CWG.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="300">


  • Human review required Missing accessible alternative content in the body of OBJECT (3)
    • Line 351: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="220" height="310">
    • Line 360: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="225">
    • Line 376: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="300" title="News of CWG">


  • Human review required Missing NOEMBED element with accessible alternative content for EMBED in this page (3)
    • Line 354: <embed src="videos/newanimlogo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="310">
    • Line 363: <embed src="videos/f2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="225">
    • Line 379: <embed src="images/Theme_of_CWG.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="300">



7.1 Until user agents allow users to control flickering, avoid causing the screen to flicker.



  • Human review required Check it through the whole document

8.1a Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies, if functionality is important and not presented elsewhere.



  • Human review required This element may not be accesible to all users. Please ensure there is an accesible interface to this object (12)
    • Line 6: <script language="javascript">
    • Line 198: <script language="JavaScript" type="text/JavaScript">
    • Line 241: <script src="Scripts/AC_RunActiveContent.js" type="text/javascript">
    • Line 347: <script type="text/javascript">
    • Line 351: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="220" height="310">
    • Line 354: <embed src="videos/newanimlogo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="310">
    • Line 358: <script type="text/javascript">
    • Line 360: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="225">
    • Line 363: <embed src="videos/f2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="225">
    • Line 374: <script type="text/javascript">
    • Line 376: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="300" title="News of CWG">
    • Line 379: <embed src="images/Theme_of_CWG.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="300">


...


No comments: