Einfach für Alle

This is one of the best CSS layouts I've seen. Einfach für Alle , translated as 'Simply for All' is the exceptional work of Tomas Caspers. It is part of a German project related to empowering disabled users in a number of different ways.

The web site is a fine example of attractive and accessible design. Note the use of the <link> element for extra navigational aids (if you're using Mozilla), and you can select the skip navigation link by clicking on the 'Inhalt Überspringen' text.

Analysis

TOP2 analysis for Einfach für Alle
Object Types	Items	Technical	Organisation	Purpose
T Things either physical or logical	HTML /XHTML	XHTML 1.0 Strict	Requires careful management of coding and authoring to account for validating parsers. This site includes multiple CSS for different client side devices.	To enable content to be read by multiple devices and users to choose how they display the content.
	Animation and Graphic elements	Many small graphics or thumbnails to highlight pieces of content. and no animation. Images are predominately minimal palette indexed colour (quick to load, high contrast).	Must select appropriate images to convey message and highlight article being portrayed. Size images appropriately.	Highlight on the page a particular article so that the users eye is drawn to that content.
	Server Side and Client Side Scripting	JavaScript (unsure if other embedded language is used, I suspect that this site is using XML and a a server side parser).	Requires understanding of JavaScript or purchase of scripts. Must maintain accessible javascript, provide alternatives.	Provide functionality not found in HTML / XHTML. Uses the following scripts: cookies.js (to set cookies), fontsize.js (to change the font size on the page), toolbox.js (not sure), styleswitcher.js (to change the css styles).
	CSS	Multiple linked CSS style sheets used and offered.	Understand how to use CSS as a total layout tool.	Make site have aesthetic appeal and well designed but also offer a means for users to change appearance of site.
	Number of Pages	Approximately, 150 pages.	Publishing workflow must be established for material and graphic production. Must research new and emerging issues/content on an continuous basis.	Offers services, features and articles to support the notion of accessibility for all users to all sites.
	Colour Contrast	Colour palette or style guide that is suitable for those with vision impairedness.	Must consistently use the acknowledged style guide for all elements.	Promote the design to an inclusive audience, balancing the needs of the content equally.
	Text	Scalable text with CSS. Variable layout depending on style sheet that is chosen e.g., for PDA, for print etc.	Do not embed font tags to markup text, make sure that CSS classes are appropriate for what you want to display.	Provide text that can be changed in font style size and weight, proportionally. As well as changing the layout of the blocks of text.
	Navigation	Complicated structure based on magazine type structure with cover page, blurbs and then links to more detailed content. Based on a top level directory structure.	Maintain structure.	Allow for a easily interpreted by audience and maintainable site structure.
	Online Store	N/A	N/A	N/A
	User Customisation	Access key, table summary, caption elements added and extended alt tags, user can apply own CSS to the site.	Ability to consistently apply "special tags" as appropriate. High degree of training required.	Provide all functions and elements of the Web Access Guidelines.
O Organisation's, groups, collectives	The Organisation	A initiative of a "inclusiveness" action group. does not appear to have any commercial activities at all. It appears that the technical component of the site is either voluntary or an expressed interest.	Collective of reviewers and contributors linked by common cause to foster adoption and implementation of Accessibility for all web sites.	Foster adoption of Accessible standards and innovation for web sites.
	Target Audiences	Those interested in Accessibility.	Leverage from tight community and promotion of site as a prime example of an accessible site helps to increase awareness.	Expose product and genre to as wide an audience as possible.
	Other Sites	Provide links to external individuals, groups and organisation's.	Vet and validate the relevance of external sources of information.	Help users find out more about a particular article or reference.
	Web Developers	Contribute expertise to the knowledge pool.	Collection of like minded individuals and Organisation's that can promote and generate understanding of Accessibility.	Provide a medium (web) to promote and distribute advice and knowledge to the web community. Encourage adoption of standards and development of standards.
P People	Web master	Broad skill set to understand and implement CSS and design style to content. Must be able to continuously push the envelop of possibilities in Accessible web design.	Must be able to ensure that all functions of the organisation are aware and can support the effort to design for accessibility. Able to establish network of developers and content providers.	Develop a innovative and attractive web site to foster the development of Accessible web sites.
	Site Developer	Specialised skills and knowledge of CSS, JS and XHTML as well as Accessibility standards.	Desire to pursue accessibility as an integration of the web site.	Effectively and efficiently develop a site that embodies principles of accessibility and looks and feels good.
	Content Authors	Provide content and product for inclusion in the site.	Keep a level of enthusiasm for the group of contributors.Keep promoting the site and its principles to a wider audience.	Provide support and examples for enthusiasts of accessibility within europe and globally.
	Users	Access information and articles on accessibility and inclusiveness.	Provide a means for enthusiasts to communicate to each other via a blog.	Accessible site that has appeal and quality content.

(Hillier M. 2003)