SlideShare a Scribd company logo
The WordPress Way
Accessibility & Backwards Compatibility
Year in Review
- 4.2: JavaScript method wp.a11y.speak() to generate and announce JS
updates in an ARIA Live region
- 4.3: Made H1 top level heading on admin screens; fixes to list tables;
inproved :focus styles and states
- 4.4: Release of Twenty Sixteen; updated the admin headings hierarchy
- 4.5: review of color contrast; review of content-bearing title attributes
Year in Review
- 4.2: 44 accessibility tickets resolved.
- 4.3: 90 accessibility tickets resolved
- 4.4: 76 accessibility tickets resolved.
- 4.5: 62 accessibility tickets resolved.
Total: 272 accessibility-related tickets resolved since WordPress 4.1
Big areas still needing work
- The "List Table" structure used for posts
- The Settings API
- Color Contrast
- The media management UI
- Hidden content: title attributes, anyone?
Backwards Compatibility
What's a 1% problem on 25% of the web?
- Estimated sites on the internet: 1 billion. (1)
- Conservative estimate: 125 million active web sites on WordPress
- 1% = 1,250,000 sites.
1. http://www.livescience.com/54094-how-big-is-the-internet.html
What Backwards Compatibility Means
...Though typically a “major” version means you can break backwards
compatibility (and indeed, it normally means that you have), WordPress
strives to never break backwards compatibility. It’s one of our most
important philosophies, and makes updates much easier on users and
developers alike.
https://make.wordpress.org/core/handbook/about/release-cycle/version-numbering/, March 2016
What Backwards Compatibility Means
Normal expectations:
- Your theme should not break
- Your plugins should continue to work
- Your hosting service should not need to
make any changes to run the new version.
WordPress Practices:
- Your theme should not change
- Plug-ins should not need to update or
adapt to new code
- Your update should be a seamless
experience.
How does this affect developers?
1) Does this change affect any known code? How much?
2) What happens if the code is not updated?
3) How difficult is it to update the code?
4) Can the change be broken into stages across multiple releases?
Case Study: Changing the Comment form
- 4.4: moved the comment textarea to the top of the form.
- Impact on themes?
- Impact on plugins?
Front-end vs. Back-end
- Who is impacted by the change?
- Who is able to fix any problems caused?
- What will be the public perception of the change?
Let's talk Technical Debt
- The "List Table" structure used for posts
- Used in dozens of contexts in the admin
- Modified or used by thousands of plug-ins
But that's not so bad, compared to...
- The Settings API & WordPress Admin Settings filters
- Used by 10s of thousands of plug-ins
- Requires the plug-in or theme developer to author most or all of the
HTML for structuring the inputs
What else?
- Internationalization & labeling
- Accretion of new options without discarding the old
- Need to keep up with everything new
Speaking of new stuff...
- Anybody heard of Calypso?
- What about that REST API?
- Where do developers want to focus?
Lofty Goals
- Committed to meeting WCAG 2.0 Level AA in future development.
- Change won't be overnight, or even over-decade.
- High expectations for new code so we can avoid future problems means
slower development.
Takeaways
- The "low hanging fruit" is getting harder to find.
- Some things that seem low hanging...aren't.
- The REST API opens the door to a whole set of new challenges.
Please Help!
https://make.wordpress.org/accessibility/

More Related Content

PPTX
Introduction to ASP.NET
PDF
Teaching Cloud to the Programmers of Tomorrow
PPT
Amazon.com's Web Services Opportunity
PPTX
Introduction to asp.net
PPT
ASP.NET Tutorial - Presentation 1
PPT
Asp.net
PPT
Asp.net basic
PPTX
[Jansen] Transforming your classic team sites into modern group connected tea...
Introduction to ASP.NET
Teaching Cloud to the Programmers of Tomorrow
Amazon.com's Web Services Opportunity
Introduction to asp.net
ASP.NET Tutorial - Presentation 1
Asp.net
Asp.net basic
[Jansen] Transforming your classic team sites into modern group connected tea...

What's hot (20)

PPTX
Angular.js in XPages
PPTX
Asp .net folders and web.config
PPTX
Introduction to asp.net
PPTX
ASP.NET Presentation
PPTX
Single Page Web Applications with WordPress REST API
PPTX
Chris O'Brien - Introduction to the SharePoint Framework for developers
PDF
APEX 5 Demo and Best Practices
PDF
Responsive Web Design and SharePoint
PPT
Web 101
PPTX
ECS19 Bert Jansen - Modernizing your existing sites
PPTX
Connect 2014 - EXTJS in XPages: Modernizing IBM Notes Views Without Sacrifici...
PPSX
ASP.NET Web form
PPTX
Office script labs
PPTX
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
PDF
Microsoft, Web Standards and OSS
PPTX
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
PPTX
Localizing SharePoint: Adding Multi-language Support to Your Site
PDF
Chapter 1 (asp.net over view)
PPTX
ASP.NET - Introduction to Web Forms and MVC
PPT
Html for desktop applications
Angular.js in XPages
Asp .net folders and web.config
Introduction to asp.net
ASP.NET Presentation
Single Page Web Applications with WordPress REST API
Chris O'Brien - Introduction to the SharePoint Framework for developers
APEX 5 Demo and Best Practices
Responsive Web Design and SharePoint
Web 101
ECS19 Bert Jansen - Modernizing your existing sites
Connect 2014 - EXTJS in XPages: Modernizing IBM Notes Views Without Sacrifici...
ASP.NET Web form
Office script labs
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Microsoft, Web Standards and OSS
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
Localizing SharePoint: Adding Multi-language Support to Your Site
Chapter 1 (asp.net over view)
ASP.NET - Introduction to Web Forms and MVC
Html for desktop applications
Ad

Similar to The WordPress Way: Accessibility and Backwards Compatibility (20)

PPTX
Massively maintained accessibility: WordPress
PPTX
Csun retrofitting anoosha&sathish-2
PPTX
Accessibility With WordPress: Accessing Higher Ground 2014
PPTX
Tampa Bay WordPress Meetup - August 13 2014 - WordPress 4.0
PPTX
WordPress and Web Accessibility - 2013
PPTX
From WordPress With Love
PDF
People First Accessibility
PPTX
Essential html tweaks for accessible themes
PPTX
Wordpress and Web Accessibility Wordcamp UK 2014
PDF
How I Learned to Stop Worrying and Love the Update Button
ODP
Accessibility with WordPress
PDF
Inclusive Design: Website Accessibility with WordPress
PDF
Design and Development Trends in WordPress
ODP
WordPress and Accessibility
PDF
Back to the future - The WordPress edition
PDF
WordCamp Netherlands 2012: WordPress in 2012
PPTX
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
PDF
Wordpress development 101
PDF
The code history of WordPress
PDF
Calloway introduction
Massively maintained accessibility: WordPress
Csun retrofitting anoosha&sathish-2
Accessibility With WordPress: Accessing Higher Ground 2014
Tampa Bay WordPress Meetup - August 13 2014 - WordPress 4.0
WordPress and Web Accessibility - 2013
From WordPress With Love
People First Accessibility
Essential html tweaks for accessible themes
Wordpress and Web Accessibility Wordcamp UK 2014
How I Learned to Stop Worrying and Love the Update Button
Accessibility with WordPress
Inclusive Design: Website Accessibility with WordPress
Design and Development Trends in WordPress
WordPress and Accessibility
Back to the future - The WordPress edition
WordCamp Netherlands 2012: WordPress in 2012
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Wordpress development 101
The code history of WordPress
Calloway introduction
Ad

More from Joseph Dolson (17)

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
WordCamp US: ARIA. Roles, States and Properties
PPTX
Build a WordPress Plug-in: Accessible social sharing
PPTX
Automating Accessibility: WordCamp Minneapolis 2015
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
WordCamp US: ARIA. Roles, States and Properties
Build a WordPress Plug-in: Accessible social sharing
Automating Accessibility: WordCamp Minneapolis 2015
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
Tenda Login Guide: Access Your Router in 5 Easy Steps
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPTX
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
PPTX
Digital Literacy And Online Safety on internet
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
QR Codes Qr codecodecodecodecocodedecodecode
PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PPT
tcp ip networks nd ip layering assotred slides
PPTX
introduction about ICD -10 & ICD-11 ppt.pptx
PDF
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
PDF
“Google Algorithm Updates in 2025 Guide”
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PDF
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
PPTX
Job_Card_System_Styled_lorem_ipsum_.pptx
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PDF
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
DOCX
Unit-3 cyber security network security of internet system
PPTX
CSharp_Syntax_Basics.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
Tenda Login Guide: Access Your Router in 5 Easy Steps
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
Digital Literacy And Online Safety on internet
Slides PDF The World Game (s) Eco Economic Epochs.pdf
QR Codes Qr codecodecodecodecocodedecodecode
Introuction about ICD -10 and ICD-11 PPT.pptx
tcp ip networks nd ip layering assotred slides
introduction about ICD -10 & ICD-11 ppt.pptx
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
“Google Algorithm Updates in 2025 Guide”
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
Job_Card_System_Styled_lorem_ipsum_.pptx
522797556-Unit-2-Temperature-measurement-1-1.pptx
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1
Unit-3 cyber security network security of internet system
CSharp_Syntax_Basics.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Unit-1 introduction to cyber security discuss about how to secure a system

The WordPress Way: Accessibility and Backwards Compatibility

  • 1. The WordPress Way Accessibility & Backwards Compatibility
  • 2. Year in Review - 4.2: JavaScript method wp.a11y.speak() to generate and announce JS updates in an ARIA Live region - 4.3: Made H1 top level heading on admin screens; fixes to list tables; inproved :focus styles and states - 4.4: Release of Twenty Sixteen; updated the admin headings hierarchy - 4.5: review of color contrast; review of content-bearing title attributes
  • 3. Year in Review - 4.2: 44 accessibility tickets resolved. - 4.3: 90 accessibility tickets resolved - 4.4: 76 accessibility tickets resolved. - 4.5: 62 accessibility tickets resolved. Total: 272 accessibility-related tickets resolved since WordPress 4.1
  • 4. Big areas still needing work - The "List Table" structure used for posts - The Settings API - Color Contrast - The media management UI - Hidden content: title attributes, anyone?
  • 5. Backwards Compatibility What's a 1% problem on 25% of the web? - Estimated sites on the internet: 1 billion. (1) - Conservative estimate: 125 million active web sites on WordPress - 1% = 1,250,000 sites. 1. http://www.livescience.com/54094-how-big-is-the-internet.html
  • 6. What Backwards Compatibility Means ...Though typically a “major” version means you can break backwards compatibility (and indeed, it normally means that you have), WordPress strives to never break backwards compatibility. It’s one of our most important philosophies, and makes updates much easier on users and developers alike. https://make.wordpress.org/core/handbook/about/release-cycle/version-numbering/, March 2016
  • 7. What Backwards Compatibility Means Normal expectations: - Your theme should not break - Your plugins should continue to work - Your hosting service should not need to make any changes to run the new version. WordPress Practices: - Your theme should not change - Plug-ins should not need to update or adapt to new code - Your update should be a seamless experience.
  • 8. How does this affect developers? 1) Does this change affect any known code? How much? 2) What happens if the code is not updated? 3) How difficult is it to update the code? 4) Can the change be broken into stages across multiple releases?
  • 9. Case Study: Changing the Comment form - 4.4: moved the comment textarea to the top of the form. - Impact on themes? - Impact on plugins?
  • 10. Front-end vs. Back-end - Who is impacted by the change? - Who is able to fix any problems caused? - What will be the public perception of the change?
  • 11. Let's talk Technical Debt - The "List Table" structure used for posts - Used in dozens of contexts in the admin - Modified or used by thousands of plug-ins
  • 12. But that's not so bad, compared to... - The Settings API & WordPress Admin Settings filters - Used by 10s of thousands of plug-ins - Requires the plug-in or theme developer to author most or all of the HTML for structuring the inputs
  • 13. What else? - Internationalization & labeling - Accretion of new options without discarding the old - Need to keep up with everything new
  • 14. Speaking of new stuff... - Anybody heard of Calypso? - What about that REST API? - Where do developers want to focus?
  • 15. Lofty Goals - Committed to meeting WCAG 2.0 Level AA in future development. - Change won't be overnight, or even over-decade. - High expectations for new code so we can avoid future problems means slower development.
  • 16. Takeaways - The "low hanging fruit" is getting harder to find. - Some things that seem low hanging...aren't. - The REST API opens the door to a whole set of new challenges.