linea21-core
[ class tree: linea21-core ] [ index: linea21-core ] [ all elements ]
Packages:
linea21-core
linea21-externals
linea21-languages
linea21-modules
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. 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="Cascading 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="Cascading Style Sheet">CSS</abbr>)
  135.     style sheets for layout. Even if your browser does not support <abbr
  136.         title="Cascading 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>Warning - responsability</h2>
  144. <ul>
  145.     <li>The content published on this site is not the property of <a
  146.         href="<?php echo SITE_LINEA_URL; ?>">Linea21</a>, we can't assure the
  147.     warranty of a perfect data accessibility on this website.</li>
  148.     <li>Do not hesitate to send us your critics or remarks regarding the
  149.     website accessibility: <a href="mailto:<?php echo MAIL_LINEA; ?>"><?php echo MAIL_LINEA; ?></a></li>
  150. </ul>
  151.  
  152. <h2>References</h2>
  153. <ul>
  154.     <li><a href="http://www.w3.org/TR/WCAG20/"
  155.         title="Web Content Accessibility Guidelines (WCAG) 2.0" hreflang="en">Web Content Accessibility Guidelines (WCAG) 2.0(<abbr title="World Wide Web Consortium">W3C</abbr>)
  156.     home page</a>.</li>
  157.     <li><a href="http://diveintoaccessibility.org/"
  158.         title="a Mark Pilgrim explanation of why to build up accessible website">a
  159.     Mark Pilgrim explanation of why to build up accessible website </a>.</li>
  160. </ul>
  161.  
  162. <h2>Free tools</h2>
  163. <ul>
  164.     <li><a href="http://validator.w3.org/" hreflang="en">W3C MarkUp
  165.     Validation Service</a> : Page syntax check <abbr
  166.         title="HyperText Markup Language ">HTML</abbr> and <abbr
  167.         title="eXtensible HyperText Markup Language">XHTML</abbr>.</li>
  168.     <li><a href="http://jigsaw.w3.org/css-validator/" hreflang="en">W3C CSS
  169.     Validation service</a> : Cascading stylesheet conformity check.</li>
  170.     <li><a href="http://www.w3.org/People/Raggett/tidy/"
  171.         title="Clean up your Web pages with HTML TIDY" hreflang="en"><abbr
  172.         title="HyperText Markup Language ">HTML</abbr> Tidy</a> : un outil qui
  173.     corrige rapidement la plupart des erreurs de syntaxe sur le langage <abbr
  174.         title="HyperText Markup Language ">HTML</abbr> et donne quelques
  175.     conseils d'accessibilité.</li>
  176.     <li><a href="http://www.delorie.com/web/wpbcv.html" hreflang="en">Web
  177.     Page Backward Compatibility Viewer</a> : to ensure the compatibility of
  178.     your website with old browsers.</li>
  179.     <li><a href="http://lynx.isc.org/release/" title="Lynx software page"
  180.         hreflang="en">Lynx</a> : a (dinosaur) text navigator.</li>
  181.     <li><a href="http://artax.karlin.mff.cuni.cz/~mikulas/links/"
  182.         title="Links softaware" hreflang="en">Links</a> : another text
  183.     navigator, for Unix and OS/2.</li>
  184. </ul>
  185. </div>
Documentation generated on Thu, 20 Mar 2014 16:49:37 +0100 by phpDocumentor 1.4.1