Wordpress accessibility enhancements

1,009 views

Published on

This

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,009
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Wordpress accessibility enhancements

  1. 1. Making Wordpress more accessible Ted Drake,Yahoo! Accessibility Lab UC Berkeley, June 14, 2011Tuesday, June 14, 2011
  2. 2. Tuesday, June 14, 2011Yahoo! Accessibility: http://accessibility.yahoo.com
  3. 3. Accessible Carousel YUI Carousel ARIA PluginTuesday, June 14, 2011ARIA and keyboard accessiblehttp://developer.yahoo.com/yui/examples/carousel/carousel-ariaplugin.html
  4. 4. Read More LinksTuesday, June 14, 2011Avoid repetitive read more links. These links contain the article title, which is hidden via CSS
  5. 5. With CSS disabledTuesday, June 14, 2011
  6. 6. <?php the_content("Continue reading <span>" . the_title (”, ”, false) . "</span>"); ?>Tuesday, June 14, 2011http://yaccessibilityblog.com/library/avoid-read-more-links-in-your-word-press-blog.html#more-6
  7. 7. ARIA LandmarksTuesday, June 14, 2011The site uses ARIA landmarks: navigation, search, main, and contentinfoThe carousel uses tabindex, button, option, and presentation strategically to providekeyboard support.
  8. 8. <div role=”navigation”> < form role=”search”> <div role=”main”> <a role=”button”>Tuesday, June 14, 2011Landmarks provide additional navigation.Consider it advanced skip to main content linksrole=”button” is for javascript links
  9. 9. What is this? Give your iframe a titleTuesday, June 14, 2011Think of the web page as a hallway with doors and windows. An iframe is a locked door withno window. What’s behind that door? Is it worth entering? The title tells the screen readerwhat to expect.
  10. 10. <iframe title=”Like us on Facebook”> Use the plugin editor to add the titleTuesday, June 14, 2011Use the plugin editor to find the iframe code that requires a title. Facebook, twitter,comments, flickr, google ads, amazon, youtube, and other modules may use iframes.
  11. 11. Tuesday, June 14, 2011

×