Press "Enter" to skip to content

Tag: skip links

The Screen Reader Text Class: 5 Real Life Applications

The Screen Reader Text Class: 5 Real Life Applications

Published January 13, 2019 by RachieVee

One of my first exposures to accessibility in WordPress is the screen reader text class. When I was learning by tinkering around existing themes – it became a familiar sight. Now, the screen reader text class is an effortless addition to my daily development, and it makes a huge difference.

First we’ll go over briefly what this class is and how it can help make sites more accessible. Then I’ll review 5 real life applications of the screen reader text class in the wild. I hope that by reviewing these cases, it can become part of your every day workflow as well.

Continue readingThe Screen Reader Text Class: 5 Real Life Applications
Leave a Comment
Accessible Links by the Handbook

Accessible Links by the Handbook

Published May 11, 2015 by RachieVee

WordPress has this handy theme review handbook. On my quest to learning about accessibility, the requirements in this handbook seemed the next logical step. Since accessible links have been an overwhelming topic for me, learning requirements first give me a head start in addition to learning about making links accessible via context.

The handbook has three required rules for accessible links:

  1. Keyboard Navigation: Visible focus states
  2. Link Text: Screen reader text
  3. Skip Links

We’ll go over all three in this post. This post is on the lengthy side, but it’s all pretty easy to pick up. What’s difficult is making these techniques a habit in your everyday coding. That, I think, is what takes practice. This post also assumes you’re familiar with basic Css and comfortable with minor edits in theme template files.

Time to dive into our WordPress themes!

Continue readingAccessible Links by the Handbook
Leave a Comment
%d bloggers like this: