Skip to: Site menu | Main content

Speed and accessibility!

This website template is made for all of you who want a quick-loading and solid XHTML/CSS website with light use of images and a strong focus on accessibility. The template conforms to the WCAG 1.0 Triple-A rating, and it works in all common browser types.

The idea behind the design

This Website template has a small file size, a simple layout for easy editing, good accessibility features and semantic markup. Five small images have been used for the design, adding only 3 kilobytes to the template load size (which is approximately 12kb).

The images are linked from the stylesheet, which means that they will not show up in browsers that do not support CSS. They can also be safely removed, since the images do not affect the layout in any way. In CSS-enabled browsers the removed images will be replaced by a background color. In browsers with no CSS support, there will be no difference. See examples of this by looking at the alternate versions listed under the menu.

What is 'accessibility' and why is it important?

Accessibility is about making your website available and understandable for everyone, including users with disabilities. W3 explains it in a great way at the Web Accessibility Initiative.

This template allows visitors to use the following accesskeys:
1 - Back to top | 2 - Skip to site menu | 3 - Skip to main content | 4 - Return to index.html

You can easily change these or add more accesskeys to make the site fit your needs, for example to allow easy access to each site menu link. Adding a logical tab order is recommended! And finally: the template allows browser-based font resizing, making sure that site visitors can enlarge the font size without breaking the page layout in any way.