• 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 Choose An Accessibility Ready WordPress Theme (And Why)

How To Choose An Accessibility Ready WordPress Theme (And Why)

July 15, 2019 By Claire Brotherton 4 Comments

Why an Accessibility Ready WordPress theme?

If you have a requirement to build a WordPress website to be ADA or WCAG compliant (or simply want your website to be used by as many people as possible) you are going to want to start with a decent theme. A poorly chosen theme could scupper your chances of accessibility compliance before you begin, and give you more work later on in switching to something better.

It helps to look for an Accessibility Ready (also written as accessibility-ready) theme, which has been coded with accessibility in mind.

Using an Accessibility Ready WordPress theme is a good foundation for building an accessible WordPress site. Click To Tweet

Some accessibility ready features may be invisible to most users, but they greatly benefit certain groups of people in browsing the website. For example, if a menu is keyboard accessible then people who can’t use a mouse can access all its submenu items. Otherwise, they might not be able to visit some pages on a site unless there’s an alternative means to reach them like a sitemap. (This is obviously bad if a site is selling something!)

For a theme, the term accessibility ready is preferred to accessible. Why? Because the theme is only one part of a WordPress website. A theme needs to be populated with content to make a finished website, and most likely the site will have plugins added as well. It is only the end product which can be verified as accessible – or not!

So where can you find accessibility ready themes?

Finding an Accessibility Ready WordPress theme in the WordPress.org Theme Directory

Go to the Theme Directory and use the feature filter: select Accessibility Ready under Features.

At the time of writing there are 100 Accessibility Ready themes listed on WordPress.org. (According to these WordPress statistics there are over 3,000 themes on WordPress.org, so it’s a small percentage of the total.)

Some Accessibility Ready WordPress.org themes
Some Accessibility Ready WordPress.org themes

All of these themes have had to pass the regular theme review plus these extra accessibility checks. They are also all free to download.

WordPress.org’s Accessibility Ready themes should have features such as:

  • Skip links
  • Keyboard accessible navigation
  • A good heading structure
  • Underlining of links
  • Good colour contrast

The Accessibility Ready theme documentation says:

Themes labeled as accessibility-ready have met the required guidelines listed here, and should not be construed to meet any level of formal accessibility requirements. Those levels are measurements of content accessibility, and cannot be applied to a theme.

The WordPress.org accessibility ready themes include:

  • The “Twenty… ” default themes from Twenty Thirteen to Twenty Nineteen
  • BasicStore, Storefront and Boutique: themes for WooCommerce stores
  • Business One, Business-A and Business Responsiveness: business focused themes

Theme author and reviewer Carolina Nymark has added several themes to WordPress.org.

The first 8 themes on her theme page are accessibility-ready themes.

Carolina Nymark's WordPress.org themes

Carolines’s Accessibility Ready themes include Deejay and Musik for music-oriented sites, Billie theme for bloggers and multipurpose theme Aaron.

There are in fact a few other Accessibility Ready themes in the directory, but you won’t find them through the WordPress.org search. Themes which haven’t been updated in over 2 years are excluded, as they may have been abandoned by the developer or not be compatible with the latest WordPress.

Tiny Framework theme can be found through a Google Search, but not a WordPress.org search
Tiny Framework theme can be found through a Google Search, but not a WordPress.org search

Carolina has offered her help to theme authors to keep their themes updated:

I noticed that many of the accessible themes on https://t.co/mcbEh8GVOZ are not visible in the admin or the search anymore, I suppose they have not been updated in two years. If you do not have time to maintain your theme and you want me to adopt it and update it, let me know.

— Carolina Nymark (@carolinapoena) December 27, 2018

Free Accessibility Ready themes with premium upgrades

A few Accessibility Ready themes from the directory have upgrades in the form of premium plugins. The plugins don’t offer any new accessibility options but do allow more and easy theme customizations. This is especially helpful for novice users.

One is GeneratePress, a flexible theme that is hugely popular (over 200,000 downloads) and over 800 5-star reviews.

GeneratePress theme

The GP Premium plugin lets you start a site quickly with pre-built demos and gives you more control over colours, typography, navigation, backgrounds and more.

Personally, I’ve used GeneratePress and I think it is great. The support forum for GP Premium users is also fast and friendly.

Another example is the minimalist theme Apex. It has a much smaller user base then GeneratePress, but has all 5-star reviews.

Apex theme

The Apex Pro plugin adds extra customisations such as custom fonts and colours, new widget areas and display controls.

Just be careful that you don’t make your site less accessible with these plugins.

For example, both GeneratePress Premium and Apex Pro let you change your colour scheme. To make sure your custom colours have sufficient contrast, use tools such as Color Safe or Contrast Checker.

GP Premium allows you to add infinite scrolling on a blog which is difficult to implement in an accessible way.

I would also steer clear of adding a slider using Apex Pro, as sliders are generally pretty bad for accessibility.

Finding an Accessibility Ready WordPress theme on WordPress.com

WordPress.com has a similar filter: search by Feature and select Accessibility Ready.

WordPress.com accessibility ready themes

There’s currently a choice of 33 themes. Some are free and others you pay for.

Some are ones you won’t find on WordPress.org, such as:

  • TheFour – aimed at businesses
  • Sonsa – for portfolio and photography sites
  • Encore – aimed at musicians

Yet others like Didi are available as “Lite” versions on WordPress.org i.e. Didi Lite. Lite versions are usually missing some of the features of the full theme.

For more about which WordPress.com themes you can use on a self-hosted site, read: Can You Use A WordPress.com Theme On A WordPress.org Site?

Finding Accessibility Ready premium WordPress themes

Premium (paid) accessibility ready themes are made by many different vendors, all with their own websites.

The only problem with accessibility ready premium themes is that they don’t go through the same independent theme review process as those on WordPress.org or WordPress.com.

The developer may have done their own accessibility audit, but you have to take their word for it.

If you are not clear on how accessible a theme is, ask the vendor before you buy.

Let’s take a look at some of the sellers of premium accessibility ready themes.

StudioPress

StudioPress are the creators of the Genesis Framework. Genesis was designed to be SEO optimized, secure, lightweight and customizable.

The framework acts as a barebones parent theme: StudioPress recommend using a child theme. They have a free Genesis Sample theme available or a range of others to buy in the StudioPress store. Be sure to select Accessibility Ready in the theme filter, as not all of the themes are accessiblity-ready.

3 StudioPress accessibility ready themes

Genesis accessibility features include:

  • Skip links
  • Dropdown menus
  • Heading structure
  • Accessible search form

A couple of accessibility examples from the Authority Pro theme are:

The headline changes colour and has an outline when accessed via the keyboard in Authority Pro
The headline changes colour and has an outline when accessed via the keyboard in Authority Pro
The Continue Reading shows the post title to screen readers in Authority Pro
The Continue Reading shows the post title to screen readers in Authority Pro

I use one of the StudioPress child themes on this site.

The Genesis Framework and the sample theme were audited for accessibility by accessibility expert Rian Rietveld a few years ago, so I trust their conformance.

WebMan Design

WebMan has a range of themes for download. Some are free ones from WordPress.org e.g. the Reykjavik theme which I reviewed a while back. Others are premium themes which he sells through the Envato Market.

See all WebMan’s themes (look for the Accessibility Ready symbol).

The Monument Valley theme is one example.

Monument Vallery accessibility ready theme

It is said to be a:

Truly accessible theme: well structured headings, sufficient color contrasts, typography, focused on readability, WAI-ARIA implementation,…

It’s also based on Underscores which is the same starter theme used for the accessibility-ready default WordPress themes.

I haven’t tried Monument Valley out, but it looks impressive. The documentation is in-depth and even points out some potential accessibility issues with one of the recommended plugins.

According to WebMan aka Oliver, he has applied the accessibility guidelines to his premium themes as well as the free themes, and they pass WCAG 2.0 AA and Section 508 guidelines.

He also has a helpful post on how to check your site for accessibility after you’ve populated your WebMan theme with content.

PixelEmu

PixelEmu also sell some themes intended for building accessible websites. They don’t use the tag Accessibility Ready: instead you should filter the PixelEmu theme page with WCAG / ADA / 508 to find themes optimised for accessibility.

The PixelEmu theme filter

The list includes themes for business and education.

PixelEmu accessibility ready themes

About their theme accessibility, PixelEmu say they are:

tested with most popular tools wave.webaim.org and achecker.ca

All PixelEmu’s WCAG themes have the following features:

  • Header bar with accessibility options to change the colour contrast and font size/spacingPixelEmu header bar
  • Keyboard focus styles
  • Dropdown menus
  • Semantic headings
  • ARIA Landmarks

For a more in-depth look at one of their themes, read my review of their School theme.

CyberChimps

Unfortunately CyberChimps premium theme store doesn’t seem to have any filtering, so you just need to look for the term  Accessibility-Ready on the page.

The only theme I could find with this tag is the Positive Vibes theme.

Positive Vibes theme by CyberChimps

The theme’s description page doesn’t elaborate on its accessibility readiness, but a quick check of the demo shows it has a Skip to content link and keyboard accessible navigation.

Summing up

Unfortunately there are not a large number of accessibility ready WordPress themes to choose from. The good news is that there’s now a plan to make all WordPress themes hosted on WordPress.org more accessible. The Theme Review team announced in July 2019 that some of the requirements for accessibility ready themes will be applied to all themes submitted to the Theme Directory.

This is a good step towards better theme accessibility for everyone.

Just remember that choosing an accessibility ready WordPress theme is a good start, but that’s all it is: a start. It’s still quite easy to introduce inaccessibility into a site when you add content or install plugins, and you’ll still need to do an accessibility audit when you’re finished.

If you keep accessibility in mind throughout a website project it’s much more likely to succeed.

Related

Share this post:

Facebook Twitter Linkedin Pinterest E-mail

Filed Under: Accessibility, WordPress Tagged With: accessibility-ready, themes

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. Deborah Edwards-Onoro says

    July 15, 2019 at 2:32 pm

    Thank you, Claire. I was familiar with the accessibility-ready themes in the WordPress.org and WordPress.com repositories, GeneratePress, and StudioPress, but didn’t know about PixelEmu and WebManDesign. Some new themes to check out! Appreciate you sharing your research.

    Reply
    • Claire Brotherton says

      July 15, 2019 at 2:37 pm

      Thanks Deborah. I wish there were more to choose from!

      Applying more accessibility requirements into the theme review process on WordPress.org will hopefully nudge more theme authors into building accessibility-ready themes.

      Reply
  2. Kim says

    July 15, 2019 at 9:39 pm

    This is very informative. I knew about, and regularly use, the accessibility tools in Word and in my classroom computers’ operating systems. I did not, however, know that there were accessible themes in WordPress. As a special educator, I’m glad to learn of this, and I will definitely research this further.

    Reply
    • Claire Brotherton says

      July 16, 2019 at 10:26 am

      Thanks Kim, I’m glad the post helped.

      I think it’s particularly important that educational sites are accessible.

      – Claire

      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