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: 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.
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.
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:
- Color Contrast Analyser (Windows and OS X) — tests color contrast levels and previews your site as seen by color-blind users.
- Sim Daltonism — a color blindness simulator for Mac OS X.
- SEE — Chrome Extension that lets you view the web as a user with a visual impairment.
- Colorblind Web Page Filter — applies a color-blind filter to your site.
- Vischeck — shows how pages & images will look to color-blind users.
- ContrastA (Flash) — provides you with accessible color combinations.
- Color Palette Accessibility Evaluator — helps you find color combinations that meet accessibility guidelines.
- Colour Contrast Check – online tool color contrast testing tool.
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.