Accessibility in WordPress
Having an accessible website is important. Making your website accessible in the University’s WordPress is very simple. Follow the directions in these 2 short videos to ensure you are 508 compliant.
Adding alt text:
- This video will show you how to make your images accessible. Below is the script.
- Creating an accessible webpage is an important part of web development. Luckily, WordPress does most of the work for you.
- There are a few things that you need to do to ensure your WordPress site meets accessibility standards. Adding Alt text to images allows a screen-reader to describe what the user should be seeing.
- Clicking on the image and clicking the edit button will provide you with a menu where you can set the Alternative text. Also, you can use the HTML view, and add the “Alt” attribute to your image, with your text in quotes.
- When you’ve made your changes, click the update button. You can preview your changes with the click of a button.
Tips for Writing good alternative text.
- Any image that has text in it should have that text as the alternative text. You can place other words in the alternative text, but at minimum it should say the same thing as the image.
- The longer your alternative text, the more difficult it will be to read by text browsers. A good rule of thumb for alternative text is to keep it between 5 and 15 words.
- Keep your text meaningful. Remember that the point of alt text is to define the images for your readers, not to leave notes to yourself about your design.
- Periodically you’ll use images that don’t have any useful descriptive text, such as bullets or simple icons. Use a blank alt attribute rather than leaving it off altogether:
<img src=”bullet.gif” alt=” ” />
Checking your website for Compliance:
- This video says it all. The text below says exactly what the video does.
- Ensuring your website meets accessibility standards can be tough. Luckily, there are plenty of tools to check this for you.
- If you go to www.w3.org/WAI, Navigate to Evaluating Accessibility>Tools Search>Complete List, you will find a multitude of options to choose from.
- Choose a tool and input your web address.
- You’ll be presented with a comprehensive list of potential issues and suggested fixes.