linea21-core
[ class tree: linea21-core ] [ index: linea21-core ] [ all elements ]

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

Documentation generated on Thu, 03 May 2012 15:07:52 +0200 by phpDocumentor 1.4.1