Progressive Enhancement

Progressive Enhancement

Progressive Enhancement

  • Strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies
  • Uses web technologies in a layered fashion
  • Allows everyone to access the basic content and functionality of a web page using any browser or Internet connection
  • Provides an enhanced version of the page to those with better bandwidth or a more advanced browser

Progressive Enhancement Core Principles

  • Basic content should be accessible to all web browsers
  • Basic functionality should be accessible to all web browsers
  • Sparse, semantic markup contains all content
  • Enhanced layout is provided by externally linked CSS
  • Enhanced behavior is provided by unobtrusive, externally linked JavaScript
  • End-user web browser preferences are respected
  • A directory of Web Designers is available at http://www.web-development.com/

Sources