Create textview through css for site

Tuesday 29 November 2005 6:06:15 pm

Hi Caxca, you can use different CSS media types to do what you need, when you link to you CSS you should define a media type for that CSS file, for example:

<style type="text/css" media="screen">
    @import url("stylesheets/screenstyle.css");
</style>

You sound like you want a stylesheet for "screen readers", in that case you could use:

<style type="text/css" media="screen">
    @import url("stylesheets/screenstyle.css");
</style>

<style type="text/css" media="aural">
    @import url("stylesheets/auralstyle.css");
</style>

The screen stylesheet will be used if the site is accessed by a pc (screen media, anything with a monitor) while the aural stylesheet will be used if the site is accessed by a screen reader (if it supports the aural media type, most should).

You can find more info here:
http://www.w3.org/TR/REC-html40/present/styles.html#h-14.2.4
http://www.w3.org/TR/REC-CSS2/media.html#media-types
http://www.w3.org/TR/REC-CSS2/aural.html

<i>I'm not 100% sure what the support is like on most user agents, I think most of the latest screen readers have support for this though.</i>

Hope that helps, Cheers!

Pardon me while I burst into flames...