« accessibility primer | Main | browse and search »

Thursday, 27 January 2005

sIFR

need to check this out further — Introducing sIFR: The Healthy Alternative to Browser Text

The following explains the sIFR process:

  1. A page is requested and loaded.
  2. Javascript detects if Flash 6 or greater is installed.
  3. If no Flash is detected, the page is drawn as normal.
  4. If Flash is detected, the HTML element of the page is immediately given the class “hasFlash”. This effectively hides all text areas to be replaced but keeps their bounds intact. The text is hidden because of a style in the stylesheet which only applies to elements that are children of the html.hasFlash element.
  5. The javascript traverses through the DOM and finds all elements to be replaced. Once found, the script measures the offsetWidth and offsetHeight of the element and replaces it with a Flash movie of the same dimensions.
  6. The Flash movie, knowing its textual content, creates a dynamic text field and renders the text at a very large size (96pt).
  7. The Flash movie reduces the point size of the text until it all fits within the overall size of the movie.

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8342027e953ef00d8354290ac69e2

Listed below are links to weblogs that reference sIFR:

Comments

The comments to this entry are closed.