SlideShare a Scribd company logo
Accessibility with WordPress
Limitations and benefits.
Who am I?

 - A web designer and WordPress developer
 - An advocate and consultant on web accessibility
 - A writer on practical accessibility
 - Read more at http://www.joedolson.com
Why WordPress?
   1) WordPress is a free, open source CMS
   2) WordPress has an enormous number of active users and
developers.
   3) Many of the accessibility limitations in WordPress can be
easily overcome, with the right knowledge.
WordPress Accessibility: the problems
3 Areas to examine: #1

  The public side: WordPress for web site visitors
       - Inaccessible themes.
       - Inherent problems in WordPress.
Themes pose challenges

  - Almost all of the public experience of a WordPress site
comes from the theme in use.
  - Most themes are not accessible.
  - Finding accessible themes is very, very difficult.
  - Building custom themes can be expensive.
  - Customizing existing themes is not necessarily cheaper.
Some fundamental problems.

  - Most of the base HTML and functionality generated by
WordPress is great
  - A couple things don't quite meet specs:
      - Empty searches do not return an error
      - Default values for “more” links are not specific.
      - Tons of redundant title attributes
      - These are all fixable in themes
3 Areas to examine: #2

  The admin side: WordPress for web site editors
        - Dynamic editing.
        - Keyboard navigability.
        - Change management.
WordPress 3.5 was a big push:

   - Removes tabindex
   - Adds skiplinks
   - Fixes tabbing order in numerous contexts
   - Now possible to log out by keyboard
   - Numerous form fields now properly labeled
   - Keyboard navigation has clearly visible focus
   - Screen Options now much more easily found and used,
giving better access to screen customizations and accessibility
modes
3 Areas to examine: #3

   Using WordPress Plug-ins
      - WordPress plug-ins are all over the map
      - There is little to no quality checking in the plug-in
repository.
      - Even if there was, checking for accessibility would be
almost impossible to do.
      - Yikes.
What can you do?
Themes

 - Options for Accessible themes:
    • Visit http://wp-accessible.org/themes to locate
      reviewed accessible themes
    • Audited accessibility tag is coming to the WordPress
      theme repository – but it's not there yet.
    • Install and configure my plugin WP Accessibility:
      http://wordpress.org/extend/plugins/wp-accessibility/
What can the WP-Accessibility plug-in do?
    • Remove redundant title attributes
    • Enable skip links with WebKit
    • Add skip links with user-defined targets.
    • Add language and text direction attributes
    • Remove the target attribute from links.
    • Force a search page error on an empty search
    • Remove tabindex from elements that are focusable.
    • Strip title attributes from images in content.
    • Add post titles to "read more" links.
    • Add an outline to the :focus state for focusable
      elements.
What can't this plug-in do?
    • Fix color contrast issues.
    • Correct forms to add labels or give meaningful errors.
    • Fix heading structures for screen reader navigation.
    • Give appropriate alt attributes to images
    • Correct for many other specialized circumstances...
Is that all?

     • For now, yes. There are undoubtedly other accessible
       WordPress themes around: but there is no easy way
       to find them.
     • Searching for accessible themes will find some, but
       you need to judge them critically. Self-labeling as
       accessible is a mixed bag.
     • WP Accessibility can fix some problems, but not all.
     • The Cities Project is working on building accessible
       WordPress themes: http://accessiblejoe.com/cities/
The Admin Side

   • Many of the problems currently in WordPress will be
     resolved soon – WordPress 3.5 is due out in December
   • It will probably release late; currently about three
     weeks behind schedule.
   • Not all accessibility issues will be fixed: submitting
     bugs is the only way to keep the pressure on.
   • http://core.trac.wordpress.org/newticket
   • Or, email me at joe@joedolson.com – if I can
     reproduce your bug, I'll report it for you.
Using Plug-ins

    • There are over 20,000 plug-ins in the repository. You
      cannot assume that most of them are accessible.
    • Due to the nature of the WordPress.org plug-in search
      engine, most of the results for 'accessible' do not
      relate to accessibility.
    • Most plug-ins must be vetted independently.
What's the summary?

   • On the public side, WordPress makes very few
     mistakes, and these can be corrected by a theme or
     plug-in. BUT: WordPress only controls a small
     percentage of the presentation of a web site.
   • Currently available themes are generally lacking a
     focus on accessibility; and there isn't a good way to
     find accessible themes.
   • Extending WordPress via plug-ins is hazardous, and
     requires careful vetting.
   • The admin, though not perfect, is improving.
And what's coming up?

   • The Cities Project is developing accessible WordPress
     themes at http://www.accessiblejoe.com/cities/
   • The WP Accessible project highlights plug-ins and
     themes that help accessibility at http://wp-
     accessible.com
   • The http://make.wordpress.org/accessibility/ is
     working to add an audited theme tag to the
     WordPress theme repository to help locate
     accessibility-ready themes.
   • There's momentum in the WordPress community to
     improve accessibility at all levels of the project.
Questions?

More Related Content

PPTX
Accessibility With WordPress: Accessing Higher Ground 2014
ODP
Accessibility with WordPress
PDF
Child Themes and CSS in WordPress
PPT
Advanced Web Development
PDF
Alice Phieu - WordPress For Beginners
PDF
Word press guide_-_makeuseof.com
PDF
The road to professional web development
PPT
Wordpress Beyond A Blog Word Camp Toronto08
Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility with WordPress
Child Themes and CSS in WordPress
Advanced Web Development
Alice Phieu - WordPress For Beginners
Word press guide_-_makeuseof.com
The road to professional web development
Wordpress Beyond A Blog Word Camp Toronto08

What's hot (20)

PDF
Introduction to WordPress Class 1
PPT
Web development | Derin Dolen
PPTX
WordPress best practices by billrice
PPTX
Wordpress for Beginners: 10 Must Knows
PPTX
WordPress Webinar Training Presentation
PPTX
Multisite core concepts final
PPT
WordPress Complete Tutorial
PPTX
How to make WordPress your friend
PDF
Getting the Most out of WordPress.com
PPTX
Wordpress Intro
PPTX
SoCal WordPress Meetup - iWeb to WordPress aka WP99
PPTX
Welcome to the World of WordPress
PPTX
How to customise Joomla
PPTX
1-01: Introduction To Web Development
PPT
Beginning WordPress
PPTX
WordPress for Beginners
PDF
Intro to Wordpress
PPTX
Cross CMS plugin development using AWF
PDF
Wordpress for Dummies
PDF
Dayton word press meetup
Introduction to WordPress Class 1
Web development | Derin Dolen
WordPress best practices by billrice
Wordpress for Beginners: 10 Must Knows
WordPress Webinar Training Presentation
Multisite core concepts final
WordPress Complete Tutorial
How to make WordPress your friend
Getting the Most out of WordPress.com
Wordpress Intro
SoCal WordPress Meetup - iWeb to WordPress aka WP99
Welcome to the World of WordPress
How to customise Joomla
1-01: Introduction To Web Development
Beginning WordPress
WordPress for Beginners
Intro to Wordpress
Cross CMS plugin development using AWF
Wordpress for Dummies
Dayton word press meetup
Ad

Similar to WordPress and Accessibility (20)

PPTX
Csun retrofitting anoosha&sathish-2
PPTX
From WordPress With Love
PPTX
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
PPTX
WordPress and Web Accessibility - 2013
PPTX
Wordpress website development
PPTX
WordPress.pptx
PPT
Kick start your career with wordpress
PPT
Kick start your career with WordPress
PPTX
Customizing WordPress Themes
PDF
PPTX
Useful Accessibility Tools Version 3 - Jul 2021
PDF
How Not to Be Conned by Your Drupal Vendor!
PPT
WordPress Multisite
PPTX
How to create a WordPress Site
PPTX
WordPress Basics
PDF
UCSY CS Club Week1
PPTX
Introduction to word press
PDF
Wordpress instruction for 675
PDF
Cms & wordpress theme development 2011
PDF
All Roads Lead to WordPress
Csun retrofitting anoosha&sathish-2
From WordPress With Love
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
WordPress and Web Accessibility - 2013
Wordpress website development
WordPress.pptx
Kick start your career with wordpress
Kick start your career with WordPress
Customizing WordPress Themes
Useful Accessibility Tools Version 3 - Jul 2021
How Not to Be Conned by Your Drupal Vendor!
WordPress Multisite
How to create a WordPress Site
WordPress Basics
UCSY CS Club Week1
Introduction to word press
Wordpress instruction for 675
Cms & wordpress theme development 2011
All Roads Lead to WordPress
Ad

More from Joseph Dolson (19)

PPTX
Why #A11y?
PPTX
WordPress and ATAG Compliance
PPTX
If you build it, they will come.
PPTX
Electronic information and accessible technology
PPTX
JavaScript and Accessibility
PPTX
The WordPress Way: Accessibility and Backwards Compatibility
PPTX
WordCamp US: ARIA. Roles, States and Properties
PPTX
Build a WordPress Plug-in: Accessible social sharing
PPTX
Automating Accessibility: WordCamp Minneapolis 2015
PPTX
Massively maintained accessibility: WordPress
PPTX
Good Habits: Coding for Accessibility - WordCamp San Francisco 2014
PPTX
The Accessible Web: Improving the Universal Experience
PPTX
Mission: Accessible. Share & Connect Online with Everybody!
ODP
WordPress Accessibility: WordCamp Chicago
ODP
Encouraging Accessibility
ODP
Accessibility & WordPress: Developing for the whole world.
PPT
Accessible Web Sites: What can you do?
ODP
Web Accessibility: A Shared Responsibility
PPT
SES Toronto 2008; Joe Dolson
Why #A11y?
WordPress and ATAG Compliance
If you build it, they will come.
Electronic information and accessible technology
JavaScript and Accessibility
The WordPress Way: Accessibility and Backwards Compatibility
WordCamp US: ARIA. Roles, States and Properties
Build a WordPress Plug-in: Accessible social sharing
Automating Accessibility: WordCamp Minneapolis 2015
Massively maintained accessibility: WordPress
Good Habits: Coding for Accessibility - WordCamp San Francisco 2014
The Accessible Web: Improving the Universal Experience
Mission: Accessible. Share & Connect Online with Everybody!
WordPress Accessibility: WordCamp Chicago
Encouraging Accessibility
Accessibility & WordPress: Developing for the whole world.
Accessible Web Sites: What can you do?
Web Accessibility: A Shared Responsibility
SES Toronto 2008; Joe Dolson

Recently uploaded (20)

PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
KodekX | Application Modernization Development
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Cloud computing and distributed systems.
Per capita expenditure prediction using model stacking based on satellite ima...
Mobile App Security Testing_ A Comprehensive Guide.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Network Security Unit 5.pdf for BCA BBA.
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
“AI and Expert System Decision Support & Business Intelligence Systems”
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
cuic standard and advanced reporting.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
The AUB Centre for AI in Media Proposal.docx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Advanced methodologies resolving dimensionality complications for autism neur...
Advanced Soft Computing BINUS July 2025.pdf
KodekX | Application Modernization Development
Reach Out and Touch Someone: Haptics and Empathic Computing
Unlocking AI with Model Context Protocol (MCP)
Cloud computing and distributed systems.

WordPress and Accessibility

  • 2. Who am I? - A web designer and WordPress developer - An advocate and consultant on web accessibility - A writer on practical accessibility - Read more at http://www.joedolson.com
  • 3. Why WordPress? 1) WordPress is a free, open source CMS 2) WordPress has an enormous number of active users and developers. 3) Many of the accessibility limitations in WordPress can be easily overcome, with the right knowledge.
  • 5. 3 Areas to examine: #1 The public side: WordPress for web site visitors - Inaccessible themes. - Inherent problems in WordPress.
  • 6. Themes pose challenges - Almost all of the public experience of a WordPress site comes from the theme in use. - Most themes are not accessible. - Finding accessible themes is very, very difficult. - Building custom themes can be expensive. - Customizing existing themes is not necessarily cheaper.
  • 7. Some fundamental problems. - Most of the base HTML and functionality generated by WordPress is great - A couple things don't quite meet specs: - Empty searches do not return an error - Default values for “more” links are not specific. - Tons of redundant title attributes - These are all fixable in themes
  • 8. 3 Areas to examine: #2 The admin side: WordPress for web site editors - Dynamic editing. - Keyboard navigability. - Change management.
  • 9. WordPress 3.5 was a big push: - Removes tabindex - Adds skiplinks - Fixes tabbing order in numerous contexts - Now possible to log out by keyboard - Numerous form fields now properly labeled - Keyboard navigation has clearly visible focus - Screen Options now much more easily found and used, giving better access to screen customizations and accessibility modes
  • 10. 3 Areas to examine: #3 Using WordPress Plug-ins - WordPress plug-ins are all over the map - There is little to no quality checking in the plug-in repository. - Even if there was, checking for accessibility would be almost impossible to do. - Yikes.
  • 12. Themes - Options for Accessible themes: • Visit http://wp-accessible.org/themes to locate reviewed accessible themes • Audited accessibility tag is coming to the WordPress theme repository – but it's not there yet. • Install and configure my plugin WP Accessibility: http://wordpress.org/extend/plugins/wp-accessibility/
  • 13. What can the WP-Accessibility plug-in do? • Remove redundant title attributes • Enable skip links with WebKit • Add skip links with user-defined targets. • Add language and text direction attributes • Remove the target attribute from links. • Force a search page error on an empty search • Remove tabindex from elements that are focusable. • Strip title attributes from images in content. • Add post titles to "read more" links. • Add an outline to the :focus state for focusable elements.
  • 14. What can't this plug-in do? • Fix color contrast issues. • Correct forms to add labels or give meaningful errors. • Fix heading structures for screen reader navigation. • Give appropriate alt attributes to images • Correct for many other specialized circumstances...
  • 15. Is that all? • For now, yes. There are undoubtedly other accessible WordPress themes around: but there is no easy way to find them. • Searching for accessible themes will find some, but you need to judge them critically. Self-labeling as accessible is a mixed bag. • WP Accessibility can fix some problems, but not all. • The Cities Project is working on building accessible WordPress themes: http://accessiblejoe.com/cities/
  • 16. The Admin Side • Many of the problems currently in WordPress will be resolved soon – WordPress 3.5 is due out in December • It will probably release late; currently about three weeks behind schedule. • Not all accessibility issues will be fixed: submitting bugs is the only way to keep the pressure on. • http://core.trac.wordpress.org/newticket • Or, email me at joe@joedolson.com – if I can reproduce your bug, I'll report it for you.
  • 17. Using Plug-ins • There are over 20,000 plug-ins in the repository. You cannot assume that most of them are accessible. • Due to the nature of the WordPress.org plug-in search engine, most of the results for 'accessible' do not relate to accessibility. • Most plug-ins must be vetted independently.
  • 18. What's the summary? • On the public side, WordPress makes very few mistakes, and these can be corrected by a theme or plug-in. BUT: WordPress only controls a small percentage of the presentation of a web site. • Currently available themes are generally lacking a focus on accessibility; and there isn't a good way to find accessible themes. • Extending WordPress via plug-ins is hazardous, and requires careful vetting. • The admin, though not perfect, is improving.
  • 19. And what's coming up? • The Cities Project is developing accessible WordPress themes at http://www.accessiblejoe.com/cities/ • The WP Accessible project highlights plug-ins and themes that help accessibility at http://wp- accessible.com • The http://make.wordpress.org/accessibility/ is working to add an audited theme tag to the WordPress theme repository to help locate accessibility-ready themes. • There's momentum in the WordPress community to improve accessibility at all levels of the project.