Navigation

This site is at beta test stage! Comments are welcome. Contributions are sought and will be published with acknowledgement.

 

home page

quick overview

 

flow chart

site index

contact us

site use

 

contribute now!

 

©Liddy Nevile

Acknowledgements

 

Styles for special devices

Most content developers think only of hte browsers with whcih they are familiar - usually something like Netscape and Internet Explorer. in fact, they forget that many users choose to print material they find of value, and so they will need a print stylesheet. users with special needs may want a Braille stylesheet, or some other one. In develping a stylesheet for a site, or page, it can be helpful if the folowing two sections are added, catering for printers and screen readers, in the absence of anything better. It is also essential that users are reminded that they can have their own personal stylesheet even for the standard browsers, and they can be helped to create these, if necessary. user's chosen stylesheets can be set to over-ride the content author's stylesheets, and good authors will have this expecattion. They may want to remind users of the possibility.

The following sections of stylesheets were copied from the W3C stylesheet.


/* ****************** Style for printing ************** */
@media print {
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
blockquote,
pre { page-break-inside: avoid }
ul, ol, dl { page-break-before: avoid }
.navbar { background-color: #fff ; border-color: #000 ;
border-width: 1px }
a.navlink, a.bannerLink { font-weight: normal }
}..

/* ****************** Style for speech ************** */
@media aural {
h1, h2, h3,
h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90 }
h1 { pitch: x-low; pitch-range: 90 }
h2 { pitch: x-low; pitch-range: 80 }
h3 { pitch: low; pitch-range: 70 }
h4 { pitch: medium; pitch-range: 60 }
h5 { pitch: medium; pitch-range: 50 }
h6 { pitch: medium; pitch-range: 40 }
li, dt, dd { pitch: medium; richness: 60 }
dt { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn { pitch: high; pitch-range: 60; stress: 60 }
s, strike { richness: 0 }
i { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u { richness: 0 }
a:link { voice-family: harry, male }
a:visited { voice-family: betty, female }
a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


Last updated: 8 March 2002