Web pages are hard to design. One of the major reasons they are hard to design is because there are so many different browsers that can be used to view them. You've got your basics IE, Firefox, Opera, and Safari, oh, and now Chrome. Then you've got cell phones and PDAs as well as gaming systems, printers, text browsers, screen readers, and so on. And most of these browsers have multiple versions with different attributes as well.
This is the most common browser support plan designers have. Most designers feel that they should be supporting all, or at least as many browsers as they possibly can. But honestly, this is impossible. If there are 5 major browsers, IE has over 7 versions, Firefox has over 3, Opera has over 9, Safari over 3, and now Chrome has come out. So even if you try to support just the 2 latest versions of each common browser you're looking at 10 browsers, 8 of which you'll have to test on both Macintosh and Windows – so that's 18 tests for every page. And that's not even close to all, or even most, of the browsers available.
Graded Browser Support
A more effective way to support your customers is to use graded browser support. Graded support allows you to provide something for all your customers. Graded support also looks at what browsers can handle, rather than the browsers themselves. These are the steps you should take to implement graded browser support on your site:
- Do an inventory of the technology your site uses or you plan to use on your site. Include elements like:
- Box model design elements
- CSS 2 and 3 elements
- Video and audio
- Once you know what you plan to use, prioritize that list. Which elements are crucial to the pages? And which elements can be left off?
- For the elements of your site that are critical, you'll need to have alternate methods of viewing them. For example, if a Flash element is critical, you'll need to have alternate text that contains the same information as the Flash element.
- Browsers that support everything you want to have on your site, get an A grade. Browsers that support most of your important things gets a B grade. And so on. However, you shouldn't care what browsers, specifically, get which grade. You just need to know that your site will move progressively down the spectrum.
The primary focus of graded browser support is knowing your site and knowing what you want to support. Then you just decide which parts need alternatives and which don't.
Posted in: Web Design and Applications