0
ACC-14:              Using Wordpress & php to               Create Accessible Sites                                Howard ...
My Background with Wordpress / Web Design• First began using Wordpress.com as meeting space• Chose Wordpress CMS to presen...
Today’s Agenda• What is Wordpress?        • Wordpress.com vs. Wordpress.org• Obstacles to accessibility• Tools and strateg...
Full Disclosure• I stole this presentation – (not really)• Borrowing much from Joe Dolson (with his permission)• Combined ...
What is Wordpress• Wordpress is a free, open-source CMS• Largest user-base & WP developers• PHP• HTML / CSS• Javascript• P...
Wordpress ModelHandouts are available at: www.atia.org/orlandohandouts                                                    ...
Themes determine the user interfaceHandouts are available at: www.atia.org/orlandohandouts                                ...
First Area of Accessibility Problem• Many themes are not accessible• Most themes would not pass WCAG 2.0 AA• Theme demonst...
First Accessibility Problem Area - Themes• Many themes are not accessible• Most themes would not pass WCAG 2.0 AA• Theme d...
WordPress.com vs. WordPress.org• WordPress.com – good place to start        • Allows limited customization        • No plu...
WordPress.org – hosted on server or Webhost• Fully customizable        • Styles        • Theme creation of modification   ...
WordPress – other accessibility issuesUser Interface (Public side)• Empty Searches• Default values for “more” links not se...
Improvements in 3.5 Release• Menu management not just drag & drop (3.4 had accessible  option but hard to find)• 3.4 – cou...
3rd Problem Area - Plugins• Over 20,000 plugins – vast options to expand functionality• Many plugins are not accessible• L...
3rd Problem Area - Plugins• Over 20,000 plugins – vast options to expand functionality• Many plugins are not accessible• L...
Accessibility Initiatives• WP Accessible – wp-accessible.org    • Project to locate & encourage development of accessible ...
WP- Accessibility Plugin• Remove redundant title attributes• Enable skip links (for Webkit browsers)• Add skip links with ...
WordPress Resources• Friedman, Jesse. Web Designer’s Guide to WordPress, New  Riders (2013)• Williams, Brad; et al. Profes...
Projects/Resources at CU, AHEAD, &ATHEN• 3-credit class: Universal Design for Digital Media    • http://accessinghighergro...
Accessing Higher Ground Conference             Accessible Media, Web & Technology• November 4 – 8, 2013• Hands-on sessions...
Thank you for attending this session  • CEUs – Session Code: ACC-14       • More info at: www.atia.org/CEU       • For ACV...
Upcoming SlideShare
Loading in...5
×

Wordpress & accessibility

1,061

Published on

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

No Downloads
Views
Total Views
1,061
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Do you have to know all these areas to use WP? No.
  • Do you have to know all these areas to use WP? No.
  • Show Digg vs. Able vs. …
  • Show Digg vs.
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • WordPress.org – what we’ll be referring to for the rest of the talk
  • Show handouts page – mention can buy audio
  • Show handouts page – mention can buy audio
  • Transcript of "Wordpress & accessibility"

    1. 1. ACC-14: Using Wordpress & php to Create Accessible Sites Howard Kramer hkramer@colorado.edu January 31, 2013 2:35 – 3:35 p.m.Handouts are available at: www.atia.org/orlandohandouts 1
    2. 2. My Background with Wordpress / Web Design• First began using Wordpress.com as meeting space• Chose Wordpress CMS to present dynamic content for Accessing Higher Ground site• Teach an online course on Universal Design for Digital Media• Coordinate a conference on accessible media and access to the curriculum - AHGHandouts are available at: www.atia.org/orlandohandouts 2
    3. 3. Today’s Agenda• What is Wordpress? • Wordpress.com vs. Wordpress.org• Obstacles to accessibility• Tools and strategies for addressing these issues• What’s new and upcoming on Wordpress accessibility?• Where to go from here: resourcesHandouts are available at: www.atia.org/orlandohandouts 3
    4. 4. Full Disclosure• I stole this presentation – (not really)• Borrowing much from Joe Dolson (with his permission)• Combined with my own materialHandouts are available at: www.atia.org/orlandohandouts 4
    5. 5. What is Wordpress• Wordpress is a free, open-source CMS• Largest user-base & WP developers• PHP• HTML / CSS• Javascript• Plugin extendabilityHandouts are available at: www.atia.org/orlandohandouts 5
    6. 6. Wordpress ModelHandouts are available at: www.atia.org/orlandohandouts 6
    7. 7. Themes determine the user interfaceHandouts are available at: www.atia.org/orlandohandouts 7
    8. 8. First Area of Accessibility Problem• Many themes are not accessible• Most themes would not pass WCAG 2.0 AA• Theme demonstration • WordPress.com vs. WordPress.orgHandouts are available at: www.atia.org/orlandohandouts 8
    9. 9. First Accessibility Problem Area - Themes• Many themes are not accessible• Most themes would not pass WCAG 2.0 AA• Theme demonstration • WordPress.com vs. WordPress.org • “Digg Column 3” – best theme on WordPress.com?Handouts are available at: www.atia.org/orlandohandouts 9
    10. 10. WordPress.com vs. WordPress.org• WordPress.com – good place to start • Allows limited customization • No plugins (extensions)• WordPress.org • Fully customizable • Access to over 20,000 pluginsHandouts are available at: www.atia.org/orlandohandouts 10
    11. 11. WordPress.org – hosted on server or Webhost• Fully customizable • Styles • Theme creation of modification • Complete customization of user interface • With the database backend you can use php to create dynamic contentHandouts are available at: www.atia.org/orlandohandouts 11
    12. 12. WordPress – other accessibility issuesUser Interface (Public side)• Empty Searches• Default values for “more” links not semantic• Lots of redundant “title” attributesAdministration• Keyboard navigation• Problems for screenreader use• Dynamic editingHandouts are available at: www.atia.org/orlandohandouts 12
    13. 13. Improvements in 3.5 Release• Menu management not just drag & drop (3.4 had accessible option but hard to find)• 3.4 – could not log out with a screenreader• Administration interface – much more accessibleHandouts are available at: www.atia.org/orlandohandouts 13
    14. 14. 3rd Problem Area - Plugins• Over 20,000 plugins – vast options to expand functionality• Many plugins are not accessible• Little or no quality control• No way to know if a plugin is accessible except to evaluate them one by one• Hard to find plugins specifically designed for accessibilityHandouts are available at: www.atia.org/orlandohandouts 14
    15. 15. 3rd Problem Area - Plugins• Over 20,000 plugins – vast options to expand functionality• Many plugins are not accessible• Little or no quality control• No way to know if a plugin is accessible except to evaluate them one by one• Hard to find plugins specifically designed for accessibility (search function problem)Handouts are available at: www.atia.org/orlandohandouts 15
    16. 16. Accessibility Initiatives• WP Accessible – wp-accessible.org • Project to locate & encourage development of accessible themes• WordPress has developed protocol for adding a tag for “accessibility ready” in their theme repository• “Make WordPress Accessible” blog • http://make.wordpress.org/accessibility/• Joe Dolson’s Accessibility plugin • Wordpress.org/extend/plugins/wp-accessibility• No way at: www.atia.org/orlandohandoutsHandouts are available to know if a plugin is accessible except to evaluate them 16
    17. 17. WP- Accessibility Plugin• Remove redundant title attributes• Enable skip links (for Webkit browsers)• Add skip links with user-defined targets• Add language and text direction attributes• Remove target attribute from links• Force a search page error on an empty search• Removes tab-index• Add post titles to “read more” linksHandouts are available at: www.atia.org/orlandohandouts 17
    18. 18. WordPress Resources• Friedman, Jesse. Web Designer’s Guide to WordPress, New Riders (2013)• Williams, Brad; et al. Professional WordPress Plugin Development, Wiley Publishing (2011)• Wordpress.orgHandouts are available at: www.atia.org/orlandohandouts 18
    19. 19. Projects/Resources at CU, AHEAD, &ATHEN• 3-credit class: Universal Design for Digital Media • http://accessinghigherground.org/wp/udclass/• (Proposed) 3-credit class: Universal Design for CMS – focus on Drupal & WordPress• ATHEN – Access Tech. Higher Ed. Network • Athenpro.org• UD Grant - Integrating UD in Curriculum • Professional Certificate • Expand courses in UD for media design • Conference track on UD in curriculum • Repository of resources• See us at Booth 204
    20. 20. Accessing Higher Ground Conference Accessible Media, Web & Technology• November 4 – 8, 2013• Hands-on sessions on Web Access, Assistive Technology• Upcoming teleconferences• Can purchase audio dvd of proceedings & access materials & handouts online• Westin Hotel - between Boulder & Denver• http://accessinghigherground.org
    21. 21. Thank you for attending this session • CEUs – Session Code: ACC-14 • More info at: www.atia.org/CEU • For ACVREP, AOTA and ASHA CEUs, hand in completed Attendance Forms to REGISTRATION DESK at the end of the conference. Please note there is a $15 fee for AOTA CEUs. • For general CEUs, apply online with The AAC Institute: www.aacinstitute.org • Session Evaluation • Please help us improve the quality of our conference by completing your session evaluation form. • Completed evaluation forms should be submitted as you exit or to staff at the registration desk. • Handouts • Handouts are available at: www.atia.org/orlandohandoutsHandouts are Handout www.atia.org/orlandohandouts3 months after the conference ends. • available at: link remains live for 21
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×