Beginner's Guide
If you convert to a layout into shades of gray, you gain an approximate idea of what colour-blind
people can see. However, the perception is very individual and depending on the severity of different
degrees of ametropia. Many colour-blind people, however, have learned during their life, what colours
are represented by what they see. They know, for example, that grass is green, and they can identify by
comparison and other shades of green.
Much more widespread than the total colour blindness is the so-called red-green colour blindness.
Affected by a genetic anomaly, people are not able to distinguish the colours red and green. Mixed
colours that contain these colour components are blurred for them.
Contrasts
Colours also play an important role in various other types of visual impairment, not only because of
the colour itself, but also a significant colour contrast can be helpful in the use of a web page.
Foreground and background colour within the text elements should form a distinct contrast, though
it is not possible to select the colour and contrast settings, which can meet all requirements. Black text on
white background achieves a maximum colour contrast. To avoid disturbing glare effects, a slight tinge of
the background can be useful. Some visually impaired people will need very strong contrasts to separate
the individual elements of content in a page from each other. For them, colour combinations such as
white text on a bright, contrasting orange background are not rich enough. In contrast, other strong
contrasts act as a radiation - the content is difficult to read.
BEEZ_20: DESIGN CHOICE
In the Beez 2.0-Template, you can choose between personal and nature design. The implementation
of the files nature.css and personal.css via the template parameters as well as the structure of the used CSS
files are the basis for this method.
Figure 1: Choose the Style
There are two more files which are responsible for the colour scheme.The position.css and the layout.css
are responsible for the overall positioning and spacing.
Joomla! 2.5 - Beginner’s Guide
Monday, 30 January 2012! Page 206