Collected by Elizabeth Janson Home Page |
|
Media TypesMedia types aren't restricted to screen and print. In the future, we might also be able to use:
Print itRemember the first time you printed out a Web page? It was disappointing. What's optimized for the screen can look odd on paper. With CSS2, you can actually have a different set of stylesheet rules depending on the media. That is, you could have one style for your page on-screen and a different style for your page when printed. This is done with @media. @media screen { The above code tells the browser to display white Verdana text on a black background on-screen. But if the page is printed, it will be in black Times text on a white background. Each page is easily optimized for its output method. The sample style sheet provided by W3C concentrates on page margin, Colour wiselyTwo web sites -Visibone have clear charts showing 3 common forms of colour blindness 'Can Color-blind Users see your site' gives very clear descriptions of the problems, especially for people who loose colour vision due to age.
One in twenty white men are colour blind. mo We don't buy things we can't use.movemoven We don't hit web pages we can't read.moven
DO use blue, yellow, white and black if you really must use colours to distinguish items. These combinations are less likely to be confused than others.
DO have a strong, bright contrast between foreground and background colours- not only for your page text but also in your images. Even totally colour blind readers can differentiate similar colours which contrast bright with dark.
DO provide labels next to any coloured indicators. For instance, if you have a red warning light and a green OK light, write "WARNING" and "OK" next to each one, or use numbers or symbols (avoid crosses and ticks as their interpretation varies internationally). Consider some kind of sonic, flashing or animated indication.
Good programers remember to provide access for special users 7.3 Recognized media typesA CSS media type names a set of CSS properties. A user agent that claims to support a media type by name must implement all of the properties that apply to that media type. The names chosen for CSS media types reflect target devices for which the relevant properties make sense. In the following list of CSS media types, the parenthetical descriptions are not normative. They only give a sense of what device the media type is meant to refer to.
Media type names are case-insensitive. Due to rapidly changing technologies, CSS2 does not specify a definitive list of media types that may be values for @media. Note. Future versions of CSS may extend this list. Authors should not rely on media type names that are not yet defined by a CSS specification. |
CSS begins here |
|
This page is part of Elizabeth Janson's web site
http://www.oocities.org/elizatk/index.html
Tetbury residents in the Eighteenth Century my Australian Family History and Barrie, our Family Poet. |