title: Access

Main content:

<p class="first">
The Flexy Template has inbuilt accessibility features to help visitors enjoy the site. Please <a href="<txp:site_url />contact/">get in touch</a> (access key 9) if you have any questions. You are free to alter and use this document on your site in any way you like.
</p>
<h2>AccessKeys</h2>
<p>Some browsers allow jumping to certain links by pressing certain keys specified on the web site.  On Windows, you can key in <kbd>Alt</kbd> + an access key; on Macintosh, you can key in <kbd>Ctrl</kbd> + an access key.</p>
<p>All Flexy pages specify the following access keys:</p>
<ul>
<li>Access key 1 - Home Page</li>
<li>Access key 4 - Search</li>
<li>Access key 9 - Contact/Feedback Form</li>
<li>Access key 0 - This accessibility document</li>
</ul>
<h2>Visuals</h2>
<ol>
<li>Flexy uses cascading style sheets so that the content is less cluttered and easily readable with styling turned off.</li>
<li>Flexy uses relative sized fonts, allowing users to use the "text size" option that visual browsers have.</li>
<li>Flexy uses a style switcher so resizing the page is simple. Reading may be easier in the alternate style. Optimal screen resolutions are 800 x 600, 1024 x 768 and above.</li>
</ol>
<h2>Navigating</h2>
<ol>
<li>In the head of every page there is <code>link rel</code> = help, home, contents, previous, next and navigation to help people with text-only browsers get around. Users of some visual browsers may access these features too.</li>
<li>To prevent some users having lots of keys or buttons to press, main content is near the beginning. The page order is: Breadcrumbs trail, search, Skip to Navigation link, logo, main content, main navigation, style switcher, secondary navigation.</li>
<li>All pages include search input (access key 4).</li>
<li>To help find things easily, the search results page includes the Site Map and a further list of all articles.</li>
<li>Labels are used on form inputs to increase the landing space and for easy tabbing.</li>
</ol>
<h2>Standards Adherence</h2>
<ol>
<li>Flexy article templates try to use wherever possible <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a> guidelines for semantics and structure. H1 tags are used for main headlines, H2 tags for main titles, H3 H4 and H5 tags for subtitles.  This structure helps screen-reader users to scan the page more easily.</li>
<li>Flexy pages are valid <a href="http://validator.w3.org/"><acronym title="extensible hypertext markup language">XHTML</acronym> 1.0 Strict.</a></li>
</ol>
<h2>Recommended Reading</h2>
<ol>
<li>For a clearly written insight into accessibility, please visit <a href="http://diveintoaccessibility.org/">Dive Into Accessibility.</a> The documents on that site are the basis for this document.
</li>
</ol>


Excerpt: <p>A short re-usable accessibility statement outlining features built into the Flexy Template that help users have a hassle-free visit.</p>

metadesc: Accessibility statement outlining features built into the Flexy Template such as access keys, link rel, content order, skip navigation, alt text, standards, alternative styles and validation

metakeyw: access statement,web standards,Flexy template,textpattern template,access keys,navigation aids,relative fonts,semantics and structure

twocol: yes

Cat1: docs
Cat2: nav
Section: articles

PUBLISH
