Web Accessibility: Images

When publishing images on WordPress, it is important to make the images accessible to everyone. However, what does it mean to make a web page accessible to everyone, including the images?

In the article “American Disabilities Act (ADA) Lawsuits Rising against Website Accessibility” on ClarkWP, Michelle Clark brings the perspective of the importance of a properly published image into view. She shared a number of lawsuits against Internet websites because of their negligence to accommodate those with disabilities, stating that the law isn’t very clear when it comes to website accessibility because of its fast changing nature. However, website owners are responsible to make websites comply with a list of ADA standards.

Clark showed a visual indicator of how a graphic element is to be set up on a WordPress site.

The problem with many websites is the use of graphic elements. A visually impaired person cannot tell a photo from a map or a piece of artwork without the help of a text describing the visual element. Many times the text appears inside the photo or the lack of text altogether to describe the photo makes it inaccessible for the visually impaired.

Clark continues with how a website needs to have alternative text in order to accommodate for those who need the site translated into braille, voice, or larger text.

WordPress has two content editors. The Visual Editor is where a post or Page is written without the use of HTML markup. The Text Editor uses HTML markup to construct the post or the Page, but what does the HTML for a correctly web accessible image look like. According to W3Schools, a properly constructed HTML tag for a web accessible image would be:

<img src="pic_mountain.jpg" alt="Scenic view of a snow-capped mountain looking up from the valley." />

An image of a properly title, and alt titled image for web accessibilityThe HTML serves the web accessibility laws with the ALT, the alternative text of the image.

According to the law, the alternative text is to be a concise sentence that describes the image so those with visual impairment get a written or read out loud description of the image to help them understand the context and example of the image within the article.

Information on Images and Web Accessibility

If you would like more information on image accessibility laws, have a look at these:

Advertisements

3 thoughts on “Web Accessibility: Images”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s