Accessibility of WebTools

WebTools has been developed in compliance with California Government Code 11135, located in Section D of the California Government Code. Code 11135 requires that all electronic and information technology developed or purchased by the State of California Government is accessible to people with disabilities. There are various types of physical disabilities that impact user interaction on the web. Vision loss, hearing loss, limited manual dexterity, and cognitive disabilities are examples, with each having different means by which to access electronic information effectively. Our goal is to provide a good web experience for all visitors.

Below you will find a list of some of the technology solutions we have integrated to make our websites easy to navigate, fast-loading and accessible. To further improve the ease of use and readability of this site, such as increasing the font size, please review the section below on how to customize your browser.

What Makes Our Website Accessible?

  • Clean, Simple and Consistent – By separating content display from styling attributes we keep the source code uncluttered, a benefit for both webmasters and assistive technology. Our website uses simple information architecture with uniform navigation and reliable headings throughout. Content layout and graphical design are consistent on every page.
  • “Skip To:” Menu – The “Skip to” navigation appears at the top of each page. It allows the user to jump to the content area, accessibility page, or footer, and skip the navigation and other header elements, which repeat on every page.
  • The Navigation – The main navigation, located just below the title banner (California logo and branding banner), uses lists <li> for navigation items. 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.
  • Breadcrumb Navigation – Breadcrumbs, located at the top of each page (except for the homepage) and directly below the main navigation, let you know where you are and where you have been, or where a particular file resides. Breadcrumbs make it easier to navigate your way back to the root folder.
  • Images With Alternative Text – Photographs and other relevant images on the site are accompanied by alternative text (the ALT tag.) Alt tags provide a written description of the image, which is accessible to screen readers, and it is visible when the mouse is placed over the image. This is also useful for people who have images turned off on their browser, in which case a description will display where the image used to be.
  • Relative Font Sizing – Font size can be enlarged using magnification tools or by changing your browser settings.
  • Semantic Code – Descriptive semantic HTML code uses tags to describe the content of a document.Example: <h1>Semantic Code</h1>. Browsers and computers understand <h1> as a title. Furthermore, we have used a separate file called Cascading Style Sheet (CSS) to further stylize and define that title.NOTE: A non-semantic way to present this information would be:
    <font size=”6″><b>Semantic Code</b></font>. The browser displays it as a title, large and bold, but there is nothing to describe it as title in the code. Therefore computer and assistive technology can not identify it as a title.
  • Style Sheets – Cascading Style Sheets (CSS) are used for content layout and graphical elements (color, font styles, custom titles and subtitles, etc.) Using CSS for styling keeps our HTML clean, streamlined, easier to maintain, and it downloads faster. Style sheets can be replaced by the user’s own styles.
  • Fluid Sizing Display – The width of our pages changes and adapts to the width of your browser. This is more noticeable if you have a large screen and/or use high resolution for your monitor. Our website is viewed best at a minimum of 800 x 600 pixels.
  • Accessible Via Mouse or Keyboard – You can use the mouse or keyboard to navigate through our information. The tab key will move the cursor from link to link.
  • Access Keys – Access keys are keyboard shortcuts that help you get around the site.
    • Use “Alt” + “S” to access search box
  • No Sound, No Images, No Problem – Content is accessible without sound, color, scripts or graphics.
  • Improved Search Engine – Google search engine provides more relevant results than our previous state search application.

Keyboard Commands

Navigate through our web page without the use of a mouse.

(Note: Some commands may not work with every Internet browser version.)

  • Increase text size: Ctrl + +
  • Decrease text size: Ctrl – –
  • Move forward from link to link: Tab
  • Move backward from link to link: Shift + Tab
  • Move from box to box: Tab
  • Go to top of page: Ctrl + Home
  • Go to bottom of page: Ctrl + End
  • Close window: Ctrl + W
  • Go back a page: Alt + Left Arrow
  • Go forward a page: Alt + Right Arrow
  • Go to search box: Alt + S

More on Web Accessibility in General

Difficulty Accessing Material

If you have difficulty accessing any material on this site, we will work with you to make the information available. For assistance, please contact us.


0 Comments

Submit a Comment