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

The andreas03 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 does 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.

Open source is freedom!

If you like this layout and would like to use it in any way, you are free to do so. This design is released as open source, which means that you are free to make any changes you may want to. I kindly ask that you leave the "Design by Andreas Viklund" link in the footer, but you are free to remove it if you want (or need) to. If you use this design for commercial purposes, please consider making a symbolic donation through my website.

Good luck with your new design!

Additional information: Download more of my free website templates from!