Accessibility Guide

For WordPress And CampusPress Hosted Sites

WordPress & Accessibility

The WordPress Accessibility Team works to make WordPress accessible to everyone, including the billion users with disabilities who may want to access the sites on your CampusPress network. Their Accessibility Team works hard to ensure that everyone can read and create websites.

WP ACCESSIBILITY HANDBOOK

The WordPress Accessibility Handbook can be found here: https://make.wordpress.org/accessibility/handbook/. You’ll find answers here to broad questions like “what is web accessibility” alongside a variety of more detailed educational and technical resources.

ADDITIONAL WORDPRESS RESOURCES

Accessibility Ready Themes

All CampusPress hosted sites come pre-loaded with a set of Accessibility Ready themes that are all designed to be WCAG2.0 AA compliant. These themes have been reviewed by a third party team to verify they meet the required accessibility standards listed here.

Accessibility Ready themes can be viewed and applied to individual sites by going to Appearance > Themes in the site’s dashboard and then selecting the Accessibility Ready category at the top of the page.

Accessibility Plugin

The Accessibility plugin available on CampusPress is designed to help fix many common accessibility issues in WordPress themes. After activating the Accessibility plugin on any site, you will then see the options for this plugin in Settings > WP Accessibility.

Some accessibility issues cannot be fixed without changing to one of the Accessibility Ready themes we offer on CampusPress. Yet in many cases, the Accessibility plugin adds a number of helpful features that can help increase the accessibility of your chosen theme. This plugin can be enabled and configured with a minimum amount of setup and without any expert knowledge.

ACCESSIBILITY PLUGIN FEATURES

  • Remove title attributes
  • Add, configure, and update Skiplinks
  • Add Site Language and text direction to HTML element
  • Remove target attribute from links
  • Force search error on empty search submission (theme must have search.php template)
  • Remove tabindex from focusable elements
  • Force underline on all links
  • Choose Long Description UI
  • Enable WordPress Admin stylesheet
  • Make row actions always visible
  • Remove title attribute from images inserted into post content and featured images.
  • Add Accessibility toolbar with font size adjustment and contrast toggle
  • Adjust Toolbar font size
  • Support Accessibility toolbar as shortcode or widget
  • Include grayscale toggle with Accessibility toolbar
  • Enable diagnostic CSS
  • Add post title to “more” links
  • Add outline to elements on keyboard focus Outline color (hexadecimal, optional)
  • Add landmark roles to HTML5 structural elements

EVALUATING SITE ACCESSIBILITY

There are several tools that you can use to identify accessibility issues on your site.

COLOR ISSUES

The Accessibility plugin available on CampusPress sites provides a built-in Color Contrast Tester that tests background and foreground colors on your site to verify they meet the AAA or AA thresholds and whether or not they pass the relative luminosity test. Additional color issue testing tools:

SITE CHECKER

To identify general accessibility issues anywhere on your site, we recommend using the Wave Checker: http://wave.webaim.org/

Additional site evaluation tools:

  • Firefox Accessibility Extension – check the use of structural markup in a page.
  • Access Monitor – Automated scan that tests the accessibility of your site – test either the front-end or admin pages.
  • Total Validator — All-in-one (X)HTML validator, accessibility validator, spell checker, and broken link checker.