SlideShare una empresa de Scribd logo
1 de 20
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?

Más contenido relacionado

La actualidad más candente

1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
apnwebdev
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetup
Dustin Hartzler
 

La actualidad más candente (20)

Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
WordPress best practices by billrice
WordPress best practices by billriceWordPress best practices by billrice
WordPress best practices by billrice
 
Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows
 
WordPress Webinar Training Presentation
WordPress Webinar Training PresentationWordPress Webinar Training Presentation
WordPress Webinar Training Presentation
 
Multisite core concepts final
Multisite core concepts finalMultisite core concepts final
Multisite core concepts final
 
WordPress Complete Tutorial
WordPress Complete TutorialWordPress Complete Tutorial
WordPress Complete Tutorial
 
How to make WordPress your friend
How to make WordPress your friendHow to make WordPress your friend
How to make WordPress your friend
 
Getting the Most out of WordPress.com
Getting the Most out of WordPress.comGetting the Most out of WordPress.com
Getting the Most out of WordPress.com
 
Wordpress Intro
Wordpress IntroWordpress Intro
Wordpress Intro
 
SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99SoCal WordPress Meetup - iWeb to WordPress aka WP99
SoCal WordPress Meetup - iWeb to WordPress aka WP99
 
Welcome to the World of WordPress
Welcome to the World of WordPressWelcome to the World of WordPress
Welcome to the World of WordPress
 
How to customise Joomla
How to customise JoomlaHow to customise Joomla
How to customise Joomla
 
1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
 
Beginning WordPress
Beginning WordPressBeginning WordPress
Beginning WordPress
 
WordPress for Beginners
WordPress for BeginnersWordPress for Beginners
WordPress for Beginners
 
Intro to Wordpress
Intro to WordpressIntro to Wordpress
Intro to Wordpress
 
Cross CMS plugin development using AWF
Cross CMS plugin development using AWFCross CMS plugin development using AWF
Cross CMS plugin development using AWF
 
Wordpress for Dummies
Wordpress for DummiesWordpress for Dummies
Wordpress for Dummies
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetup
 

Similar a WordPress and Accessibility

Wordpress website development
Wordpress website developmentWordpress website development
Wordpress website development
John Faust
 
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPress
Jignasa Naik
 
Introduction to word press
Introduction to word pressIntroduction to word press
Introduction to word press
Lucky Ali
 

Similar a WordPress and Accessibility (20)

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

Más de Joseph Dolson

Build a WordPress Plug-in: Accessible social sharing
Build a WordPress Plug-in: Accessible social sharingBuild a WordPress Plug-in: Accessible social sharing
Build a WordPress Plug-in: Accessible social sharing
Joseph Dolson
 
SES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe DolsonSES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe Dolson
Joseph Dolson
 

Más de Joseph Dolson (19)

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

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 

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.