Choosing the Right Colors for Web Accessibility

Tutorial Difficulty Level: Beginner

choosing the right colors for web accessibility
Reading Time: 6 mins
View all posts in the Making your WordPress Theme Accessible Series so far…

 

Before I get started, I’d like to give a disclaimer that on paper, I am not defined as a “designer” anywhere. I got off that train after a 2-year-no-longer-existing college that’s still drowning me in debt made me seek a better education at the college I eventually got my BA from. I’d also like to confess that I took advanced color theory because credits allowed me to skip the two introductory courses – and that was the biggest mistake I’d ever made. Color is hard and Pratt didn’t play around. Therefore, color, is not my forte.

However, I’m getting better at it! Let’s improve together, shall we?

So, in this fourth installment of my accessibility series, I’d like to review choosing colors for your WordPress site. First, we’ll talk about why choosing the right colors for web accessibility is important. Then there will be a brief overview on color theory with some links pointing you toward those “designers” on paper that could provide deeper insights than I can. Finally, we’ll jump into our WordPress stylesheets and change some key selectors that should make a difference right away in improving our theme’s accessibility. Let’s get started!

Continue reading Choosing the Right Colors for Web Accessibility

How to Make Your Images Accessible

Tutorial Difficulty Level: Beginner

How to make your images accessible
Reading Time: 6 mins

How to Make Your Images Accessible in WordPress

Making your WordPress Theme Accessible Series:

  1. An Intro to Web Accessibility
  2. How to Organize Headings for Accessibility
  3. How to make your images accessible in WordPress ( We’re here now )

 

In the previous two installments of this accessibility series, I introduced web accessibility in general, and together, we went over organizing headings in our WordPress theme. In today’s post, we’re going to go over images. This post will cover what makes images accessible, and how we can apply those methods both in our theme templates and in our content. Let’s get started, shall we?

Continue reading How to Make Your Images Accessible

23 Resources for Learning About Web Accessibility

23 accessibility resources
Reading Time: 6 mins

I’ve been focusing on accessibility in my recent WordPress posts, both as an interest and what feels like an obligation ( refer to my about page ). Web accessibility is becoming a deeper subject to learn the more I research it. I’m beginning to understand why we have experts that get paid specifically to focus on that area. Tackling web accessibility on your site doesn’t have to feel overwhelming however, which is why I’m aiming to learn one aspect at a time in my WordPress series.

In the meantime, if you’re here learning along with me, here are 23 resources for learning about web accessibility. Hopefully they’ll help clarify as much for you as they are doing for me. Enjoy.

Continue reading 23 Resources for Learning About Web Accessibility

How to Organize Headings for Accessibility

Tutorial Difficulty Level: Beginner

How to organize headings for accessibility
Reading Time: 5 mins

How to Organize Headings for Accessibility in your WordPress Theme

Making your WordPress Theme Accessible Series:

  1. An Intro to Web Accessibility
  2. How to Organize Headings for Accessibility ( We’re here now )

 

In today’s post, I’m going to focus one aspect in making our WordPress theme accessible – and that aspect is headings. After reviewing what headings are, and what they’re for, we’ll go into our theme files and make any changes necessary related to headings. It should only take a few minutes and although we’re only focusing on headings in this post, it’ll bring us one step closer to making our theme accessible.

Let’s get started. As an FYI, I’ll be using TwentyThirteen for most of my references, but the theme I’m using on this blog is Hexa.

Continue reading How to Organize Headings for Accessibility

An Intro to Web Accessibility

A road with a accessible painted in yellow
Reading Time: 3 mins

An Intro to Web Accessibility

Did you know that there are currently only 13 themes that show up in results when you filter by the “accessibility-ready” tag in the WordPress Theme Directory? (Checked in October, 2014)

Of course, this doesn’t necessarily mean that there are only 13 themes out of the 2000+ that are accessible, they may just be missing their theme tags. However, there is also a high chance that a theme you’re using, or one that you’re building, is not accessible (uh oh)!

Well, how do we know if our theme meet’s the accessibility guidelines and if it doesn’t, what steps can we take to resolve that problem? This the first post in a series that will guide us through those steps. If you have a couple of minutes a day, we can work on making your WordPress theme accessible together – a few easy steps at a time.

Before we dive into code, I’d like to briefly review what web accessibility is, who it’s for, how it’s used and what to expect in future posts for this series. Let’s get started.

Continue reading An Intro to Web Accessibility