Web Accessibility

Santa Monica Travel & Tourism is committed to building a robust, inclusive, and accessible platform for all audiences. We strive to meet level AA standards from the Web Content Accessibility Guidelines (WCAG) 2.1. We are continually improving the user experience and applying the relevant accessibility standards. Technology is constantly evolving, so we’ve established the following baseline with which our Internet content should be viewed.

This website runs on WordPress, a modern publishing platform. If you have any trouble browsing the site or accessing the content, please email us at accessibility@santamonica.com.

Browsers

SantaMonica.com is best viewed with the most current version of all major browsers:

Screen Readers

A screen reader is a software application that attempts to identify and interpret what is being displayed on the computer screen. Various assistive devices and software have varying levels of functionality and thus might not be able to fully support an accessible document.

Keyboard Commands (shortcuts) 
A series of keyboard commands have been programmed into the global navigation and our web pages:

  • Tab and Ctrl + Tab go back and forth through the main navigation links.
  • A top-level link will open a megamenu with Spacebar, Enter.
  • A top-level link will close a megamenu with Escape.
  • When the megamenu is open, use the Tab to enter the megamenu and navigate from link to link.
  • From within a megamenu, the megamenu can be closed with Escape.
  • Tabbing off the megamenu will take you to the next main level navigation item.

Plug-ins

SantaMonica.com is best viewed with the most current version of all recommended plugins. These plugins are free for download.

In addition to information provided on standard web pages, Santa Monica Travel & Tourism offers content in various formats. Although not required to access our core information, this supplemental information requires plug-ins*, or add-ons to your standard browser in order to access. To utilize this supplemental information, you may be prompted to download the following plug-ins or software:

  • Adobe Acrobat Reader – provides the ability to access Portable Document Format (pdf) files. Examples of added browser functionality includes (but not limited to) viewing, printing, zoom and form completion.
  • Adobe Flash Player – provides the ability to access Shockwave Files (swf) via your browser. Flash files offer the added capability of viewing interactive content such as animation, video, self-contained multimedia experiences. 99 percent of all browsers have this plug-in installed.
  • Apple QuickTime Player – provides the ability to access QuickTime (.mov) format files.
  • Windows Media Player – provides the ability for users to access Windows media (.wmv, mpeg, etc) files from within your browser.

Completed Improvements

Right now, our website meets the majority of the standards and is substantially compliant with the AA standards. There’s more for us to do, and we’ll continue updating this page as we make improvements.

Global

  • Updated keyboard navigability throughout the site.
  • Added aria-hidden functionality to all modals.
  • Design elements and links in content have been updated to improve color contrast and navigability.
  • The color contrast throughout the website and links in content were adjusted to have sufficient contrast.
  • Added a “Skip Link” option on every page. 
  • Mobile menu adjustments.

Homepage

  • Stopped the scrolling of the hero slider element.
  • Focus indicators are always present while navigating through the site with a keyboard so you can move around quickly.
    - Added focus styling to the hero slider indicators
    - Fix the focus of the main navigation to ensure it follows a logical order.
  • Upgraded the third-party calendar tool to be keyboard navigable.
  • Updated keyboard navigability of the neighborhood map section to make navigating it easier for users that rely on screen readers.
  • Mobile menu tweaks.

Meeting Homepage

  • Added alt attributes to images on the page that aren’t coming content fields in the backend.
  • Focus indicators are always present while navigating through the site with a keyboard so you can move around quickly. 

Listing Page

  • Updated listing card link description with aria-labels to be more specific.
  • Updated the filter bar drop downs to be keyboard navigable and ensure focus indicators are visible to them.
  • Adjusted the contrast between listing card text and its background.

Blogs

  • Addressed color contrast issues within the “Don’t Miss” section, Author information and “Related Topics” bubbles.

Forms

  • Updated to make forms, and the select boxes win them, keyboard navigable.
  • Updated authentication with reCAPTCHA.

How We Test the Platform

Along with testing in modern browsers, we used VoiceOver in Chrome and Safari to review our sites. 

Future Improvements

We are continually improving the user experience for everyone and applying the relevant accessibility standards. Here are a few things we’re hoping to update in the coming months:

  • Alternative text for content images
  • Captions for videos
  • Text descriptions for ads

We’ll continue updating this page as we improve the platform. 

Contact Us

If you have any feedback or questions about website accessibility, please email accessibility@santamonica.com. Please include details about where on the website you are trying to access and the kind of assistive technology you are using (e.g., VoiceOver on iOS).

Published: April 28, 2020
Last updated: April 28, 2020