Webstandards banner

Browsers & Screen Resolution

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:

PC

  • Internet Explorer: Version 9.0 and higher
  • Firefox: Version 41.0 and higher
  • Safari: Version 5.0 and higher

Mobile Devices

  • Blackberry Browser: RIM Blackberry
  • Internet Explorer Windows Mobile: Version 6.0 and higher
  • Safari for Apple iPhone

Screen Readers

  • JAWS for Windows: Version 8

See Testing Web Pages for more information.

Contact Information

Web Services Team
Information Systems Department
County of Sonoma
Address
2615 Paulin Drive
Santa Rosa, CA 95403
38.466385, -122.722706

Related Policies

Official Use of Social Media Sites
Administrative Policy Manual, 9-1

Website Accessibility Policy
Administrative Policy Manual, 9-3

Accessibility Resources

Web Accessibility
Introduction to Web Accessibility

Converting
Converting Documents to PDF's

Word
Creating Accessible Word Documents

PowerPoint
PowerPoint Accessibility

Regulatory Compliance Resources