All pages should be designed for 1024 x 768 screen resolutions by default. To accommodate individual preferences, all pages should gracefully degrade to 800 x 600 resolution and stretch to 1600 pixels wide. Avoid fixed heights in the content area to allow for text resizing.
These screen resolutions describe the entire monitor space. The browser itself takes up real estate and must be taken into account (tool bars, scroll bars, etc). For example:
- A screen resolution of 800 x 600 only leaves 760 x 420 pixels for content if the window is maximized
- Screen resolutions of 1024 x 768 leave only 955 x 600 pixels for content
The mobile CSS is not consistently used in all mobile browsers. Future policy will consider this option more fully. In the meantime, all pages should be designed to gracefully degrade to a width of approximately 200-300 pixels wide whenever possible to minimize or eliminate any horizontal scrolling required when using a mobile browser.
Our web pages should be designed and optimized for the following browsers:
- Internet Explorer: Version 9.0 and higher
- Firefox: Version 41.0 and higher
- Safari: Version 5.0 and higher
- Blackberry Browser: RIM Blackberry
- Internet Explorer Windows Mobile: Version 6.0 and higher
- Safari for Apple iPhone
- JAWS for Windows: Version 8
See Testing Web Pages for more information.