• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

A Bright Clear Web

A Bright Clear Web - Simple, effective, accessible websites

  • E-mail
  • Facebook
  • LinkedIn
  • Twitter

Email [email protected]

  • Home
  • About
  • Services
  • Portfolio
  • Blog
  • Contact
You are here: Home / Accessibility / How to make the web better: WordPress accessibility experts panel

How to make the web better: WordPress accessibility experts panel

April 29, 2016 By Claire Brotherton 3 Comments

One of the sessions I looked forward to at WordCamp London this year was the Accessibility Panel on Sunday.

The WordPress accessibility experts

The panel featured four authorities on WordPress accessibility. They also use the Genesis Framework. They were:

Gary Jones – freelance web developer, WordPress and Genesis Framework contributor and accessibility advocate. Gary runs his own company Gamajo Tech.

Richard Senior – head of iFamily, specialising in accessible and mobile friendly websites.

Angie Vale – Angie’s company Purple Hippo develops websites for small businesses and nonprofits. Accessibility has become part of her work since it was a requirement for a client project.

Rian Rietveld – Dutch WordPress developer and WordPress core contributor who specialises in accessibility. Leading figure in the Make WordPress Accessible team. Rian won the award for individual achievement in the 2016 Heroes of Accessibility awards.

Mik Scarlet chaired the panel. He runs his own accessibility consultancy in addition to his media career.

The WordPress accessibility panel (l-r): Gary Jones, Richard Senior, Angie Vale, Rian Rietveld, Mik Scarlet
The WordPress accessibility panel (l-r): Gary Jones, Richard Senior, Angie Vale, Rian Rietveld, Mik Scarlet

Some disability statistics

In the UK…

2m people live with some form of sight loss.

More than 11m people have a hearing impairment – 1 in 6 of us.

Households with disabled people have a disposable income of £212 billion.

10% of Britons are dyslexic.

Read about the prevalence of disability in this Government fact sheet (PDF link).

What are some examples of accessibility in practice?

Gary mentioned highlighting a variety of access needs. He cited WordCamp London’s accessibility page as an example. It covers the needs of wide range of people:

  • wheelchair users
  • hearing impaired people
  • parents of young children
  • lactating women
  • different faiths

Angie encouraged simplifying user interfaces. Simple UI improves the usability and user experience for all users.

What cultural differences are there in accessibility?

WCAG 2.0 is the worldwide standard, said Rian. It consists of four principles – Perceivable, Operable, Understandable and Robust.

Rian told the audience that all Government sites in the Netherlands must be accessible. The Dutch add a fifth principle onto the four of WCAG 2.0, which Rian personally hopes they’ll drop.

Dutch Government site

Dutch digital accessibility website

However, many developers don’t know what to do as there is no accessibility education. Rian still finds sites using tables for layout!

Mik mentioned the Equality Act 2010 in the UK. It directs that goods and services provided must be accessible.

The UK accessibility standard is BS 8878, as Gary said.

What tools can we use to test sites for accessibility?

Rian explained that the simplest tool to use is the keyboard. Navigate through a site with the Tab, Enter and arrow keys and check you can reach all functionality.

She also advocated WAVE, a browser tool to test for accessibility features.

WAVE accessibility testing of the AXA Life Insurance page

Gary spoke about Chrome Accessibility Developer Tools. It’s an add-on to Chrome’s Developer Tools. You can use it to see screen reader text. It also has a built-in colour contrast analyser. This can suggest colour values for you if the contrast isn’t sufficiently high.

Accessibility Developer Tools
Accessibility Developer Tools for Chrome shows colour contrast and text read by screen readers

Richard suggested disabling the stylesheet to see if the page structure makes sense. Also validating your HTMLcode.

Angie recommended using VoiceOver on Apple devices. Read out web pages and listen to tell if they’re confusing. You could also try the Chrome Vox screen reader for Chrome browser.

What can we do to help make our content accessible?

The panel agreed that simple, clear content helped everyone. This means removing jargon and using shorter words and sentences. Imagine that the words are to be understood by a child.

Angie suggested asking someone else to read your writing to check it makes sense.

Richard endorsed Hemingway Editor for simplifying writing. I used it in writing this post. 🙂

Mik went one step further by encouraging the creation of Easy Read content for people with learning difficulties. Easy Read documents have simple text and lots of pictures.

Example: Easy read guide to voting and registering to vote (PDF)

Mik said Easy Read content should be:

  • Entertaining
  • Fun
  • Short
  • Easy to understand

Rian advocated using bullet points and alt text as well as short paragraphs.

As someone approaching 50, Richard said that large fonts help.

“Not many people will complain your font is too big.”

Using headings in the correct order is important for people with visual and cognitive impairments. Angie advised always starting page content with <h2> and not skipping heading levels.

Choice of typography is also important, Gary argued.

For example:

  • Using the wrong font
  • Text in all capitals
  • Poor colour contrast

are all bad for dyslexic users.

Pure black text on a white background using a serif font in capitals is not good for dyslexic users!

Rian pointed out that accessibility improvements can be very simple. For example, adding one line in CSS to keep focus.

One thing to remember is that you can’t make the web universally accessible, said Gary. Fixing an accessibility issue for one user group may make it less accessible for another.

How can we test with different disabled user groups?

Mik advocated contacting local Disabled Persons Organisations at the design phase. He said:

Go to the end users. They’ll be overjoyed.

You’ll get fantastic input and great ideas.

Mik gave Drake Music as an example of innovators in accessibility and assistive technology.

Rian said it was rather difficult to test with many different disabilities. The WordPress core has 70 testers using different technologies. For successful user testing, she recommended setting very specific tasks.

Where can we meet other people with an interest in accessibility (and WordPress accessibility experts)?

2016 WordCamp London - Panel, Accessibility.
Rian Rietveld answers a question from the floor. Photo by Kari Leigh Marucchi, FoundArt Photography

Rian proposed:

Join the Make WordPress Accessible team and take part in their weekly meetings. They meet on Slack #accessibilty channel every Monday. Discussions cover work on accessibility tickets and writing documentation.

For Genesis users, join the Genesis Slack group. They have an accessibility channel.

Some countries have specific accessibility channels on Slack.

Twitter is also a good source of information. Use the #a11y hashtag. (I’ve also found #axschat on Tuesdays most informative.)

Gary suggested checking theme or plugin forums on WordPress.org and educate the authors on accessibility. Encourage them to fix any problems you find.

What themes or plugins are accessible?

Themes on WordPress.org with the accessibility-ready tag have been audited for accessibility. Twenty Sixteen is an example. Gary wanted all developers to make themes that are accessibility-ready. That hasn’t happened yet, though the number is increasing. (102 at the time of publishing this post.)

Gary wanted all developers to make themes that are accessibility-ready. That hasn’t happened yet, though the number is increasing. (102 at the time of publishing this post.)

Some accessibility-ready WordPress themes
Some accessibility-ready WordPress themes

Rian pointed out that themes with the tag didn’t necessarily meet the WCAG 2.0 AA standard.

Angie noted that the Genesis Framework and all its child themes are accessible.

Richard highlighted Joe Dolson’s WP Accessibility plugin, which improves accessibility independent of theme.

WP Accessibility plugin miscellaneous settings
WP Accessibility plugin – some miscellaneous settings

What’s next for the Make WordPress Accessible Team, following accessibility testing the WordPress admin?

Graham Armfield – no stranger to accessibility himself – asked this question. He followed up by enquiring if the team had tested the Calypso interface.

Rian said that as Calypso is WordPress.com rather than WordPress.org, the team didn’t want to contribute to it.

She’s optimistic about the future of WordPress.org accessibility. They’ve added WCAG 2 standards. The team can also veto non-accessible features.

If you found this post helpful, please share or comment below.

Related

Share this post:

Facebook Twitter Linkedin Pinterest E-mail

Filed Under: Accessibility Tagged With: accessibility-ready, accessible, Genesis, keyboard accessibility, wcag

About Claire Brotherton

Freelance web designer and front end developer based in Edinburgh, Scotland. I love WordPress, code, learning and blogging.

Reader Interactions

Comments

  1. Rian Rietveld says

    April 29, 2016 at 4:39 pm

    Thanks Claire for this write-up and for adding links to the extra information!

    Reply
    • Claire Brotherton says

      April 29, 2016 at 6:15 pm

      Thanks Rian! Hope I mentioned all the important bits! 😀

      Reply

Trackbacks

  1. Slides from WordCamp Buffalo 2016 | Adrian Roselli says:
    April 30, 2016 at 4:40 pm

    […] came in after I finished and submitted my slides, so I am linking it here. There was an accessibility panel at WordCamp London last week, for which Claire Brotherton provided a […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email. Read my privacy policy.

Recent Posts

  • Focus On Beaver Builder Accessibility – Is the End Product Accessible?
  • A Deep Dive Into The WordPress Twenty Twenty Theme
  • Accessibility Scotland 2019: A Focus On Accessibility And Ethics
  • Can You Really Make An Accessible Slider For WordPress?
  • 50+ Regular WordPress Maintenance Tasks For A Healthy Site

Top Posts

  • A Deep Dive Into The WordPress Twenty Twenty Theme
  • How To Set Up And Customize Twenty Nineteen Theme
  • How To Solve WordPress Image Alignment And Text-Wrap Problems
  • Focus On Beaver Builder Accessibility - Is the End Product Accessible?

Categories

  • Accessibility
  • Blogging & Content Marketing
  • Business
  • Software & Tech
  • Websites
  • WordPress

Archives

  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014

Subscribe – RSS

RSS Feed RSS - Posts

RSS Feed RSS - Comments

Footer

Recent Posts

  • Focus On Beaver Builder Accessibility – Is the End Product Accessible?
  • A Deep Dive Into The WordPress Twenty Twenty Theme
  • Accessibility Scotland 2019: A Focus On Accessibility And Ethics
  • Can You Really Make An Accessible Slider For WordPress?
  • 50+ Regular WordPress Maintenance Tasks For A Healthy Site

Tags

30 day blogging challenge accessibility-ready assistive technology block editor blog blogging Brad Sugars branding business business coaching child theme content marketing CSS customizer disability freelance GDPR Genesis google analytics Gutenberg hosting images Linkedin marketing mobile friendly design plugin plugins post editor quiz responsive REST API sales security SEO social media theme themes twenty fifteen Twitter user experience web design web development website wordcamp wordpress.com

Top Posts

  • A Deep Dive Into The WordPress Twenty Twenty Theme
    A Deep Dive Into The WordPress Twenty Twenty Theme
  • How To Set Up And Customize Twenty Nineteen Theme
    How To Set Up And Customize Twenty Nineteen Theme
  • How To Solve WordPress Image Alignment And Text-Wrap Problems
    How To Solve WordPress Image Alignment And Text-Wrap Problems

[footer_backtotop]

Copyright © 2019 A Bright Clear Web

  • Privacy and cookies policy
  • Sitemap