Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HCID 2012 - Graham Armfield

504 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

HCID 2012 - Graham Armfield

  1. 1. #hcid2012 City University London, 12th April 2012 Harnessing Themes, Plugins and Features to Make WordPress Accessible Graham Armfield Coolfields Consulting www.coolfields.co.ukCoolfields Consulting @coolfields
  2. 2. #hcid2012 City University London, 12th April 2012 IntroductionWordpress – Increasingly popular platform for websites – Originally a blogging tool but now a true Content Management System (CMS) – Useful for business websites of many typesQ. But can you create accessible websitesusing WordPress? 2 www.coolfields.co.ukCoolfields Consulting @coolfields
  3. 3. #hcid2012 City University London, 12th April 2012 What Makes Up a WordPress Site? Theme • The overall page template Plugins • Extra functionality for specific tasks Content • What you want the world to see 3 www.coolfields.co.ukCoolfields Consulting @coolfields
  4. 4. #hcid2012 City University London, 12th April 2012 WordPress Themes 4 www.coolfields.co.ukCoolfields Consulting @coolfields
  5. 5. #hcid2012 City University London, 12th April 2012 WordPress Themes – Thousands available – free and premium – Many/most are blog orientated – Many are hideously out of date – Bespoke themes can be built from designs • This is what many developers do – including me 5 www.coolfields.co.ukCoolfields Consulting @coolfields
  6. 6. #hcid2012 City University London, 12th April 2012 WordPress Themes contdQ. So are there themes that include orenable accessible features?A. Of the useful themes, many have somegood practices but very few get close todelivering ‘full accessibility’ 6 www.coolfields.co.ukCoolfields Consulting @coolfields
  7. 7. #hcid2012 City University London, 12th April 2012 WordPress Themes contdWordPress Default Themes – Twentyten – TwentyelevenMany sites are built with these themes –using the customisation options 7 www.coolfields.co.ukCoolfields Consulting @coolfields
  8. 8. #hcid2012 City University London, 12th April 2012 WordPress Themes contdWeaver II – Advantages • extremely configurable • suits business websites, • also includes many useful a11y features – skip links etc – Disadvantage – • extremely configurable means huge learning curve so potentially hard work for anyone who is not a developer. • still not perfect from accessibility perspective 8 www.coolfields.co.ukCoolfields Consulting @coolfields
  9. 9. #hcid2012 City University London, 12th April 2012 WordPress Themes contdOthers alleged to be accessible – Temple Gate – configurable, suits small sites, blog orientated – Dodo – suitable for blogs only, submenus not shown properly – VeryPlainText – no visual focus – Precious – blogs only, poor visual focus – Whitepress - submenus not shown properly – So not much of any use there 9 www.coolfields.co.ukCoolfields Consulting @coolfields
  10. 10. #hcid2012 City University London, 12th April 2012 My Future Theme Project To build a theme that is: • As accessible as I can get it • Sufficiently configurable but not too complex • That suits needs of small businesses • That can be used for blogs and brochureware sites 10 www.coolfields.co.ukCoolfields Consulting @coolfields
  11. 11. #hcid2012 City University London, 12th April 2012 WordPress Plugins 11 www.coolfields.co.ukCoolfields Consulting @coolfields
  12. 12. #hcid2012 City University London, 12th April 2012 WordPress PluginsQ: So what are plugins?A: Nuggets of extra functionality that canbe added to existing WordPress sites. Many are free, but there are also premium ones 12 www.coolfields.co.ukCoolfields Consulting @coolfields
  13. 13. #hcid2012 City University London, 12th April 2012 WordPress Plugins contdQ: So are there useful plugins that don’tcompromise accessibility?A: Fortunately yes. – Relevanssi – improved search capability – Platinum SEO Pack – SEO for your site – Breadcrumb NavXT – breadcrumb trail – Plus others 13 www.coolfields.co.ukCoolfields Consulting @coolfields
  14. 14. #hcid2012 City University London, 12th April 2012 WordPress Plugins contdQ: And any plugins that do compromiseaccessibility?A: Unfortunately yes. – Lightboxes – where does focus go? – Carousel/slider – keyboard focus, movement – Form builders – form elements without labels – Etc, etc 14 www.coolfields.co.ukCoolfields Consulting @coolfields
  15. 15. #hcid2012 City University London, 12th April 2012 WordPress Plugins contdQ: Any accessibility-related plugins?A: Not many. – Remove title attributes – Wp-chgfontsize – Accessible tag cloud – Myreadmore – Plus my own… 15 www.coolfields.co.ukCoolfields Consulting @coolfields
  16. 16. #hcid2012 City University London, 12th April 2012 WordPress Plugins contdMy own plugin projects – Accessible dropdown menus – v0.1 – Accessible social bookmarks – v0.2 – Accessible admin menus – v0.1 – Accessible lightbox – designed – Accessible carousel – some way off 16 www.coolfields.co.ukCoolfields Consulting @coolfields
  17. 17. #hcid2012 City University London, 12th April 2012 WordPress Content 17 www.coolfields.co.ukCoolfields Consulting @coolfields
  18. 18. #hcid2012 City University London, 12th April 2012 Content AuthorsImages andalternate text 18 www.coolfields.co.ukCoolfields Consulting @coolfields
  19. 19. #hcid2012 City University London, 12th April 2012 Content Authors contdLinks and link text Opening new windows 19 www.coolfields.co.ukCoolfields Consulting @coolfields
  20. 20. #hcid2012 City University London, 12th April 2012 Content Authors contdUsing headings 20 www.coolfields.co.ukCoolfields Consulting @coolfields
  21. 21. #hcid2012 City University London, 12th April 2012 Content Authors contdLists If it’s a list of items – use the list capabilityVideo Avoid auto-start Add captions (easier said than done) 21 www.coolfields.co.ukCoolfields Consulting @coolfields
  22. 22. #hcid2012 City University London, 12th April 2012 WordPress Admin Screens 22 www.coolfields.co.ukCoolfields Consulting @coolfields
  23. 23. #hcid2012 City University London, 12th April 2012 WordPress AdminQ: How accessible is the WordPress Adminbackend?A: Patchy – and can be a huge barrier insome areas 23 www.coolfields.co.ukCoolfields Consulting @coolfields
  24. 24. #hcid2012 City University London, 12th April 2012 WordPress Admin contdQ: What are WordPress developers doing tohelp??A: Progress is sporadic and uncoordinated 24 www.coolfields.co.ukCoolfields Consulting @coolfields
  25. 25. #hcid2012 City University London, 12th April 2012 WordPress Admin contdPlugins can help mitigate 25 www.coolfields.co.ukCoolfields Consulting @coolfields
  26. 26. #hcid2012 City University London, 12th April 2012 Any Questions 26 www.coolfields.co.ukCoolfields Consulting @coolfields

×