Accessibility

The MPA website is undergoing substantial updates to add improved functionality and accessibility to the public. Some features and content may not be available during the transition. If you cannot find the resource you need, please contact us.

The MPA website has been developed in compliance with California Government Code §11135(d). California Government Code §11135(d) 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.

Website Accessibility Certification PDF File

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.

The Navigation
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.

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.

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.

To turn CSS off, and access the content without any formatting, download and install the Firefox Web Developer toolbar or the Internet Explorer Developer toolbar. With these toolbars turning CSS on and off is just a click away, plus they offer many other helpful tools. If you use a different browser, do an Internet search for accessibility or web developer add-ons for your particular browser.

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.

No Sound, No Images, No Problem

Content is accessible without sound, color, scripts or graphics.

Customize Your Browser to Fit Your Needs

Change font size

In most browsers (example: Internet Explorer, Firefox) you could change the font size by following the steps below:

If your browser uses a different naming convention and you do not see this path, please check the Help menu on your browser. The Help menu is usually the last option on the top menu bar and it can often be accessed by pressing the keys "Alt" + "H."

In addition, newer browser versions have a magnifying tool that lets you zoom into a page and display all elements at 150 percent, 200 percent, etc. Look for the magnifying tool with a "+" character. This icon is typically located at the bottom of your browser, on the right, or at the top, below the standard menu tools, on the right. Furthermore, the keyboard shortcut to access this tool is: "Ctrl" + "Shift" + "+" to zoom in, and "Ctrl" + "Shift" + "-" to zoom out.

Shortcuts

Add-ons

Change CSS

Below is the step by step on how to change the style sheet file in Internet Explorer. For other browsers please check the Help menu.

Request ADA Compliant Versions of Downloadable Content

To request ADA compliant versions of downloadable content on this website, please contact us.