linea21-core
[ class tree: linea21-core ] [ index: linea21-core ] [ all elements ]
Packages:
linea21-core
linea21-externals
linea21-languages
linea21-modules
linea21-templates
linea21-utils

Source for file tpl_accessibility.en.php

Documentation is available at tpl_accessibility.en.php

  1. <?php
  2. /**
  3.  * @package linea21.core
  4.  * @subpackage public
  5.  * @author linea21 <info@linea21.com>
  6.  * @version $id SVN
  7.  * @access public
  8.  * @license http://opensource.org/licenses/gpl-3.0.html
  9.  */
  10. ?>
  11.  
  12.  
  13. <?php
  14. // set HTML Title
  15. SetHTMLTitle('Linea21 web accessibility charter');
  16. ?>
  17.  
  18. <div id="accessibilite">
  19. <h1>Linea21 web accessibility charter</h1>
  20. <div class="h1_comment" id="h1_accessibility">This website is designed to be read by all users, independently of their handicaps, 
  21. and hardware devices.</div>
  22.  
  23.  
  24. <h2>Acces key</h2>
  25.     <p>Most of web-browsers allows user to open links by keys combination.
  26.     Under Windows, type alt + access-key.
  27.     Under Macintosh, type ctrl + access-key.
  28.     <br /> 
  29.     Each page has its own <span xml:lang="en">accesskey</span> : </p>
  30.     <dl>
  31.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['accessibility']['accesskey'] ?></kbd> : </dt>
  32.         <dd>accessibility charter</dd>
  33.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['home']['accesskey'] ?></kbd> : </dt>
  34.         <dd>Home</dd>
  35.         <dt xml:lang="en">Access key <kbd>2</kbd> : </dt>
  36.         <dd>Content</dd>
  37.         
  38.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['search']['accesskey'] ?></kbd> : </dt>
  39.         <dd>Search</dd>
  40.         
  41.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['news']['accesskey'] ?></kbd> : </dt>
  42.         <dd>News</dd>
  43.         
  44.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['project']['accesskey'] ?></kbd> : </dt>
  45.         <dd>Projects</dd>
  46.         
  47.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['directory']['accesskey'] ?></kbd> : </dt>
  48.         <dd>Directory</dd>
  49.         
  50.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['workgroup']['accesskey'] ?></kbd> : </dt>
  51.         <dd>Workgroups</dd>
  52.         
  53.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['publication']['accesskey'] ?></kbd> : </dt>
  54.         <dd>Publications</dd>
  55.         
  56.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['dashboard']['accesskey'] ?></kbd> : </dt>
  57.         <dd>Indicators dashboard</dd>
  58.         
  59.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['user-prefs']['accesskey'] ?></kbd> : </dt>
  60.         <dd>User account</dd>
  61.         
  62.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['user-registration']['accesskey'] ?></kbd> : </dt>
  63.         <dd>User account creation</dd>
  64.         
  65.         <dt xml:lang="en">Access key <kbd><?php echo $GLOBALS['links'][LANGUAGE]['logout']['accesskey'] ?></kbd> : </dt>
  66.         <dd>Log-out</dd>
  67.     </dl>
  68. <br style="clear:both;"/>
  69. <h2 style="margin-top:1em">Web standards respectful</h2>
  70.     <ul>
  71.         <li>Each page was validated on <abbr title="eXtensible HyperText Markup Language">XHTML</abbr> 1.0 Strict</li>
  72.         <li>Each page was tested with <a href="http://www-3.ibm.com/able/solution_offerings/hpr.html" title="Information" xml:lang="en" hreflang="en">Home Page Reader 3.0 (IBM® Accessibility Tool)</a>.</li>
  73.         <li>Each page respects a semantic structure. H1 tags are used for main titles, 
  74.         H2 tags are used for sub-titles. 
  75.         For exemple, on this page, <abbr title="Job Access With Speech">JAWS</abbr> software users can access the next section by keys combination : ALT+INSERT+3 </li>
  76.     </ul>
  77.  
  78.  
  79. <h2>Navigation helpers</h2>
  80.     <ul>
  81.         <li>Each page has navigation items and are related to others.
  82.         <br />
  83.         <pre>
  84.             <code>
  85. &lt;link rel="home" title="home" href="home" /&gt;
  86. &lt;link rel="search" title="search" href="search" /&gt;
  87. &lt;link rel="help" title="Linea21 accessibility charter" href="accessibility" /&gt;
  88.             </code>
  89.         </pre>
  90.         </li>
  91.         <li>All pages include a search field (access key <kbd>4</kbd>).</li> 
  92.     </ul>
  93.  
  94. <h2>Links</h2>
  95.     <ul>
  96.         <li>Most of the links have a "title" attribute given a description of the current link</li>
  97.         <li>Links are written to keep a semantic value even beyond the context.</li>
  98.         <li>Scripts langages are used to enhance navigation confort, but they can be disabled without reducing accessibility of the content.</li>
  99.     </ul>
  100.  
  101. <h2>Images</h2>
  102.     <ul>
  103.         <li>All ornamental images are <abbr title="Cascadind Style Sheet">CSS</abbr> included.</li>
  104.         <li>Images as content have descriptive tag <acronym title="Alternative">Alt</acronym>.</li>
  105.     </ul>
  106.  
  107. <h2>Forms</h2>
  108.     <ul>
  109.         <li>An effort was done to make forms accessible : the 'LABEL' tag gives sense to associated fields.</li>
  110.     </ul>
  111.  
  112. <h2>Graphic design</h2>
  113.     <ul>
  114.         <li>This website uses (<abbr title="Cascadind Style Sheet">CSS</abbr>) style sheets for layout.
  115.         Even if your browser does not support <abbr title="Cascadind Style Sheet">CSS</abbr>, the content is still readable.</li>
  116.         <li>This website only uses drelative font sizes, compatible with the "text size" option of your web-browser. Use the shortcut <kbd>ctrl + wheel mouse</kbd> to change the font size.</li>
  117.     </ul>
  118.     
  119. <h2>Alternatives style cheets</h2>
  120.     <ul>
  121.         <li>You can choose the style cheets you want to display the site with (see in the bottom of the page) : </li>
  122.         <li>Four styles are available : black and white, minimal, classic, no style.</li>
  123.     </ul>
  124.     
  125. <h2>Warning - responsability</h2>
  126.     <ul>
  127.         <li>The content published on this site is not the property of <a href="<?php echo SITE_LINEA_URL; ?>">Linea21</a>, we can't assure the warranty of a perfect data accessibility on this website.</li>
  128.         <li>Do not hesitate to send us your critics or remarks regarding the website accessibility: <a href="mailto:<?php echo MAIL_LINEA; ?>"><?php echo MAIL_LINEA; ?></a></li>
  129.     </ul>
  130.  
  131. <h2>References</h2>
  132.     <ul>
  133.         <li><a href="http://handy.univ-lyon1.fr/access/" title="Web Accessibility Initiative (WAI) home page">Web Accessibility Initiative (<abbr title="Web Accessibility Initiative">WAI</abbr> ) home page</a>.</li>
  134.         <li><a href="http://diveintoaccessibility.org/" title="a Mark Pilgrim explanation of why to build up accessible website">a Mark Pilgrim explanation of why to build up accessible website </a>.</li>
  135.     </ul>
  136.  
  137. <h2>Outils gratuits</h2>
  138.     <ul>
  139.         <li><a href="http://validator.w3.org/" hreflang="en">W3C MarkUp Validation Service</a> : Page syntax check <abbr title="HyperText Markup Language ">HTML</abbr> and <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>.</li>
  140.         <li><a href="http://jigsaw.w3.org/css-validator/" hreflang="en">W3C CSS Validation service</a> : Cascading stylesheet conformity check.</li>
  141.         <li><a href="http://bobby.watchfire.com/bobby/html/en/index.jsp" title="online free version of Bobby" hreflang="en">Bobby</a> : Accessibility Online tool based on <abbr title="Web Accessibility Initiative">WAI</abbr> and United States Government on accessibility recommandations.</li>
  142.         <li><a href="http://www.w3.org/People/Raggett/tidy/" title="Clean up your Web pages with HTML TIDY" hreflang="en"><abbr title="HyperText Markup Language ">HTML</abbr> Tidy</a> : un outil qui corrige rapidement la plupart des erreurs de syntaxe sur le langage <abbr title="HyperText Markup Language ">HTML</abbr> et donne quelques conseils d'accessibilité.</li>
  143.         <li><a href="http://www.delorie.com/web/wpbcv.html" hreflang="en">Web Page Backward Compatibility Viewer</a> : to ensure the compatibility of your website with old browsers.</li>
  144.         <li><a href="http://lynx.isc.org/release/" title="Lynx software page" hreflang="en">Lynx</a> : a (dinosaur) text navigator.</li>
  145.         <li><a href="http://artax.karlin.mff.cuni.cz/~mikulas/links/" title="Links softaware" hreflang="en">Links</a> : another text navigator, for Unix and OS/2.</li>
  146.     </ul>
  147. </div>
Documentation generated on Fri, 16 Oct 2009 09:40:05 +0200 by phpDocumentor 1.4.1