Wordpress Accessibility

This section highlights ways to improve accessibility in Wordpress.

General Notes

Here are some plugins and other accessibility tools for Wordpress. You’re welcome!

Perceivable

1.1 Non-text content

Images have a text alternative.

The media library provides editors the ability to include alt tags out of the box.

Form inputs have properly associated text labels.

See 3.3 Forms and error handling.

1.3 Page structure

Headings, lists, and special text are used appropriately.

For page content, headings are available by default in the admin. For extended options you can use TinyMCE Advanced. Specifically, this provides a way to offer additional styling classes so the page can be designed more flexibly without breaking the heading outline structure.

Operable

2.2 Moving content and time limits

Carousels that rotate automatically have controls to stop and start the action.

Warning: Virtually all the Wordpress slider plugins out there are an accessibilty train-wreck. If you’re starting with a theme that has a slider, be aware it is likely to be unusabily bad.

Any page or application with a time limit, offers the user options to turn off, adjust, or extend that time limit.

Understandable

3.1 Languages

Level AA The language of page content that is in a different language is identified using the lang attribute.

This can be done by manually adding lang="en" (update the language code as needed) to the element that is in a language different from the page overall. This can also be added to a wrapper div or span that contains a block of content.

3.3 Forms and error handling

Required form elements or specific format requirements are noted in the element’s label.

How do you build decent forms in Wordpress?

Contact Form 7: Accessible Defaults plugin - creates a more accessible form structure for the Contact Form 7 plugin.

WCAG 2.0 form fields for Gravity Forms plugin - improves the accessibility of the Gravity Forms plugin.