title: How to fade in an entire web page -- accessibly
body: <p>A client has asked that their home page begin blank (only the logo and background image visible) and then fade in the navigation and content after a second or two. </p>
  
  <p>I could start with the content hidden via CSS and fade it in with jQuery. Unfortunately this violates progressive enhancement: the site would be completely unusable until active code runs, causing problems for the visually impaired using screen readers, among others. </p>
  
  <p>The two work-arounds I've considered are Flash and the <code>&lt;noscript&gt;</code> tag. Flash seems overkill since it isn't used elsewhere on the site; also, the home page is content-heavy with a constantly updating set of news items, sort of a light blog. The  <code>&lt;noscript&gt;</code> tag won't help the visually impaired who use screen readers, since their browsers usually have scripting enabled. </p>
  
  <p>Am I missing a solution? Or is this just not a good idea? </p>