Tuesday, 7 June 2016

Optimizing for Accessibility + SEO: Images, Video and Non-Text Elements

Posted by Laura.Lippay[Estimated read time: 12 minutes] (header photo is the search result for "scene" in the Blind Photographers Flickr photo pool.) In the first two posts in this series we covered site and page structure overlaps, and formatting and linking overlaps. In this final post we’ll cover accessibility and SEO overlaps when coding for media elements. Images and non-text elementsAs you can imagine, images online can be problematic for visually impaired visitors to decipher, but luckily we’re using technology here so you and I can help solve that issue with the proper coding on and around images and non-text elements. Some examples of images and non-text elements are: Images, including graphs and charts, word art, decorative and background images, webcam images, photographs Infographics Image maps Animations Graphical buttons Captchas Here are some of the things you can optimize around images and non-text elements for better accessibility. Alt attributesImage alt

No comments:

Post a Comment