Accessibility

In response to the need to insure equal access to electronic and information technologies, the state of Utah has developed a set of standards for Web page design. The State of Utah is committed to providing an accessible web presence that enables the public full access to Utah government information and services.

* Web accessibility means that people with disabilities can use the Web.

* Web accessibility encompasses all disabilities that affect access to the Web, including visual, auditory, physical, speech, cognitive, and neurological disabilities.

* Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.

* Web accessibility also benefits others, including older people with changing abilities due to aging.

Understanding that government has a responsibility to provide service to all citizens and businesses in its jurisdiction, the State of Utah will make reasonable efforts to accommodate all users by following the W3C recommendations. This policy describes these accessibility standards and may be updated periodically.

Design Standards

Straightforward Design - Our website uses simple information architecture, organized navigation and reliable headings throughout. Utah has adopted a statewide header used on every state agency website to provide consistency to the user and an easy way to navigate back to the home page regardless of location.

Images With Alternative Text - This text provides further detail for an image or destination of a hyperlinked image. It is commonly called an ALT tag, and they are accessible to screen readers, and visible when the mouse is placed over the image. They are also provide a description of graphics for people who have images turned off on their browser.

Relative Font Sizing - The font size of the website can be modified (up or down) using the tool at the top of the page.

The Navigation - The main navigation, located just below the title banner (Utah.gov logo), uses lists. Lists make it easier for screen readers to literally read down the list without having to sort through unnecessary code. Lists also allow the users to use the tab key to move from link to link.

Style Sheets - Cascading Style Sheets (CSS) centralize the style information for the website. Using CSS allows for greater flexibility when a style change is needed to accommodate a specific disability. It also keeps the code clean and is faster to download.

Layout - The design was built to accommodate the vast majority of visitors. Our website is best viewed at 1024 x 768 resolution, which was selected as it accommodates 96.3% of Utah.gov visitors.

Image Maps - When an image needs to be linked to several different locations, this is used rather than dividing the image into separate image files, and causing more confusion for screen readers.

Multimedia - When available, the transcripts of audio and video description are linked with the file.

Hypertext Links - Text is specifically chosen to make sense when read out of context, so all users know where they are going when they select a link.

Scripts and AJAX - Alternative methods for searching or alternative content are provided in case active features are inaccessible or unsupported by a users browser.

Validate - Our design work is checked using tools, checklists, and guidelines at http://www.w3.org/TR/WCAG.

Tips for Users

Modify Text Size in Browser

Note: Changing text size using browser settings will affect the text size of all sites that are well designed, not only this site.

Microsoft Internet Explorer - Version 6

  1. Open your Internet Explorer web browser.
  2. Select the menu at the top of the window of the browser marked "view".
  3. From the view menu select the menu item "text size".
  4. From the text size sub menu you can modify the text size by selecting from the available options: "Smallest" to "Largest".

Microsoft Internet Explorer - Version 7

  1. Open your Internet Explorer web browser.
  2. Select the page icon at the top right of the window of the browser.
  3. From the page menu select the menu item "text size".
  4. From the text size sub menu you can modify the text size by selecting from the available options: "Smallest" to "Largest".
  5. Alternatively, you can modify the entire page including graphics from the page menu by selecting the menu item "zoom", then selecting the percentage larger or smaller.

Mozilla Firefox - Versions 1 & 2

  1. Open your Firefox browser
  2. Select the menu at the top of the window of the browser marked "view".
  3. From the view menu select the menu item "text size".
  4. Select "Increase" or "Decrease" from the text size sub menu. Or select "normal" to reset text to the default size.

Using the keyboard to change text size:

  1. Hold down the Ctrl button on your keyboard and press the plus (+) key
  2. You will find that this will enlarge the text, to enlarge again repeat the procedure
  3. Keep repeating until the text is enlarged to your requirements
  4. If you need to make the text smaller press ctrl on your keyboard and the minus ( - ) key
  5. Reset to default size using Ctrl + 0 (zero)

Mozilla Firefox - Version 3

  1. Open your Firefox browser
  2. Select the menu at the top of the window of the browser marked "view".
  3. From the view menu select the menu item "Zoom".
  4. Select "Zoom in" or "Zoom out" from the zoom sub menu. Or select "reset" to reset the zoom level to 100%.
  5. The Zoom feature increases and decreases the size of all page content. If you want only the text size to change select "Zoom Text Only" from the zoom sub menu.

Using the keyboard to change Zoom or text size:

  1. Hold down the Ctrl button on your keyboard and press the plus (+) key
  2. You will find that this will enlarge the text, to enlarge again repeat the procedure
  3. Keep repeating until the text is enlarged to your requirements
  4. If you need to make the text smaller press ctrl on your keyboard and the minus ( - ) key
  5. Reset to default size using Ctrl + 0 (zero)

Eliminate Cascading Style Sheets (CSS)

To turn CSS off, and access the content without any formatting, download and install the Internet Explorer Developer toolbar or the Firefox Web Developer toolbar. Once these toolbars are installed, you simply click on the option to turn CSS off.