Access to alternative representations of content - CSS3 Examples

Access to alternative representations of content

Written by jon on 11:30 AM

CSS2 lets users access alternative representations of content that is specified in attribute values when the following are used together:

  • attribute selectors.
  • the attr() function and the 'content' property'
  • the :before and :after pseudo-elements

In the following example, the value of the "alt" attribute for the IMG element is rendered after the image (visually, aurally, etc.):

IMG:after { content: attr(alt) }

Note that the value of the attribute is displayed even though the image may not be (e.g., the user has turned off images through the user interface).

Media types

The CSS2 "media types" (used with @media rules) allow authors and users to design style sheets that will cause documents to render more appropriately on certain target devices. These style sheets can tailor content for presentation on braille devices, speech synthesizers, or tty devices. Using "@media" rules can also reduce download times by allowing user agents to ignore inapplicable rules.

Related Posts by Categories



Widget by John | Interviewghost
  1. 0 comments: Responses to “ Access to alternative representations of content ”

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :