Sites on the OpenLab

WP Accessibility (plugin)

WP Accessibility helps correct a number of common WordPress accessibility issues.

The plugin is activated by default on every OpenLab site, so you don’t need to activate it on your site, and you won’t see it listed in Dashboard > Plugins.

The plugin is set up to correct the issues outlined below, but you can change the settings or explore additional features.  You can learn more about how to improve accessibility on your site, and the rationale behind the functionality of this plugin in Making your Work Accessible.  Among other things, WP Accessibility does the following:

  1. Enforces the use of Alternative text, or “alt text,” for images.  This short description for images will be read aloud by screen readers, and is required for accessibility.
  2. Removes the target attribute from links, which makes them open in a new tab, which is not a good practice for both accessibility and usability.
  3. Removes title attributes for images and tag clouds.  When you upload an image to your site, an image title is automatically created with the same name as the image file. Titles are optional and some browsers or devices may not support them, so it is better to include only alt text and avoid screen readers either missing the title or reading the same information twice.

Adding Alternative Text (Alt Text) to Images

1. Whenever you add a new image to a Post or Page, include short text in the Alt Text field in the Insert Media pop-up box (shown in the screenshot below).

Screenshot showing title, alt text, and link to settings.

2. If you upload an image without adding alt text, the WP Accessibility plugin will prompt you to add alt text to your image if you haven’t already done so. To add alt text, click on the image to reveal editing options, then click the pencil icon to edit the image.

How to edit image to add missing alt text

3. Add a short description (you don’t need to include “image of” or “picture of”) in the Alternative Text box and click Update.

How to add alt text to an existing image

4. Once you’ve added alt text to your image, you can delete the alt text warning message.  To do so, click the warning message to select it, and then press the delete key on your keyboard, or click the x icon shown below.

How to delete alt text warning

Settings

1. The plugin is already configured with the optimal settings, but you may change them if you wish.  To access the plugin settings, go to Dashboard > Settings > WP Accessibility.

WP Accessibility plugin settings

2. Check or uncheck the desired settings, and then click the Update Settings button in each section where you made any changes.

Updating plugin settings

 

Tags: