Our Blog

Thoughts, news, insights and sometimes just random musings.

WCAG 2.1.2: No Keyboard Trap (We Need an Exit Strategy)

Give your readers a way out! Unless you're designing a nefarious maze to trap unsuspecting super-spies on your Island of Doom, you don't want to leave people without a way out. If someone is relying on a keyboard or keyboard emulator navigate your website (as described in WCAG 2.1.1 ), make sure you avoid creating "keyboard traps" It's a Trap! ​ &l...
Continue reading
  1250 Hits
  0 Comments
1250 Hits
0 Comments

WCAG 2.1.3: Keyboard (No Exception)

In our post for WCAG 2.1.1 , we discussed why it's important for your site to be keyboard accessible. In a nutshell, some experiencing visual or physical limitations rely on keyboards and keyboard emulators to navigate the Internet. Wherever possible, your site's functionality should not require users to hold down a key for an extended period of ti...
Continue reading
  1289 Hits
  0 Comments
1289 Hits
0 Comments

WCAG 2.1.4: Character Key Shortcuts

Character key shortcuts on sites and apps can be an elegant tool that allows many keyboard users to navigate the web quickly and efficiently (if you're curious, here's a demonstration): via GIPHY At the same time, these shortcuts can frustrate and slow down users who rely on speech input programs to operate the web, as well as those who have dexter...
Continue reading
  1470 Hits
  0 Comments
1470 Hits
0 Comments

WCAG 2.2.1: Timing Adjustable (Take Your Time)

We're finally done talking about keyboards! Hold onto your hats, because we're about to get into WCAG 2.2., which is perhaps even more of an edge-of-your seat thriller than the last few sections. 2.2 stresses the importance of allowing users the time they need to enjoy the content on your site. WCAG 2.2.1: Timing Adjustable - The Basics ​ If some o...
Continue reading
  4199 Hits
  0 Comments
4199 Hits
0 Comments

WCAG 2.2.2: Pause, Stop, Hide (Give Me a Break)

This post is all about distractions. Now, I know what you're thinking. "Distractions? Isn't that what the Internet is for?" That may be true, but nevertheless there may be distracting features on your site that would pose issues for people experiencing visual limitations or attention deficit disorders. With that in mind, we're going to take some ti...
Continue reading
  4250 Hits
  0 Comments
4250 Hits
0 Comments

WCAG 2.2.3: No Timing Whatsoever

This post deals with the same issue we talked about in WCAG 2.2.1 Time Adjustable . Like we discussed previously, time-dependent content may pose issues for those experiencing certain visual, physical, or cognitive limitations. Whereas WCAG 2.2.1 recommends options that would allow users to control the time limits associated with this content, comp...
Continue reading
  1162 Hits
  0 Comments
1162 Hits
0 Comments

WCAG 2.2.4: Interruptions

Imagine, for a moment, that you're on a beautiful desert island. You're sitting in a beach chair, watching the waves come in, and contemplating WCAG compliance. Just as you're on the brink of a major breakthrough with regard to website accessibility, a roving pack of insurance salesmen start throwing sand at you and telling you that, in all likelih...
Continue reading
  1127 Hits
  0 Comments
1127 Hits
0 Comments

WCAG 2.2.5: Re-Authenticating (Keepin’ it Real)

As important as data security is, someone experiencing certain physical or cognitive limitations may run into trouble using an authenticated site. If they're on a page with a timed session, they may be automatically logged off for security reasons before they are able to finish what they want to do. For this reason, WCAG 2.2.5 dictates that anyone ...
Continue reading
  1113 Hits
  0 Comments
1113 Hits
0 Comments

WCAG 2.2.6: Timeouts

Let's say for a moment that you're in the market for some quality mustache wax. [Source: https://www.beardbrand.com/collections/mustache-wax/products/spiced-citrus-mustache-wax ] You find the type of wax you want and start to go through the checkout process on the company's website, when suddenly your waxless, wildly unkempt mustache starts to tick...
Continue reading
  1310 Hits
  0 Comments
1310 Hits
0 Comments

WCAG 2.3.1: Three Flashes, or Below Threshold

If you've been following along and you're still with us (hi there!), we're now moving onto Guideline 2.3, which goes over how to avoid designing content that may cause seizures or other physical reactions. In this post, we'll talk about flashes. WCAG 2.3.1 asks that your site not contain any features that flash more than three times per second, as ...
Continue reading
  1487 Hits
  0 Comments
1487 Hits
0 Comments

WCAG 2.3.2: Three Flashes

This post, as with our last article on WCAG 2.3.1 , deals with flashing content and the danger it poses to those prone to seizures. Whereas WCAG 2.3.1 describes the Level A standard for flashing content, this rule describes the AAA level. In other words, if you want your site to meet this guideline, it'll be a higher bar to clear. The chance for se...
Continue reading
  1111 Hits
  0 Comments
1111 Hits
0 Comments

WCAG 2.3.3: Animation from Interactions

Look, we all want to trick out our websites with cool effects, but sometimes adding complex visual elements can cause problems for user operability, no matter how dope they may be. In our post on WCAG 2.2.2 Pause, Stop, Hide , we discussed animation that initiates automatically on web pages. Here, we'll talk about animation that a user might trigge...
Continue reading
  1209 Hits
  0 Comments
1209 Hits
0 Comments

WCAG 2.4.1: Bypass Blocks

Recently we've been discussing the various elements of Principle 2, which covers ways you can make your site more easily operable for users experiencing certain visual, cognitive, or physical limitations, as well as those prone to seizures. We are now moving onto the last set of rules in Principle 2, Guideline 2.4, in which we'll go over navigabili...
Continue reading
  1650 Hits
  0 Comments
1650 Hits
0 Comments

WCAG 2.4.2: Page Titles

WCAG 2.4.2 is simple enough (page titles are your friend) but we know how much you enjoy reading detailed WCAG guidelines, so here we go! As we discussed in our previous post, sighted users tend to have an advantage in navigating websites because they can see all the elements of a page laid out together. It's easy to take for granted, but anyone wh...
Continue reading
  1196 Hits
  0 Comments
1196 Hits
0 Comments

WCAG 2.4.3: Focus Order

Let's say that, in an effort to use crowdsourcing techniques to decide on which kind of pizza you should eat for dinner, you create a survey on your site for people to fill in. The survey begins with fields where users are asked to enter their name and contact information, followed by a series of questions where they indicate their answers by selec...
Continue reading
  1354 Hits
  0 Comments
1354 Hits
0 Comments

WCAG 2.4.4: Link Purpose (In Context)

In our article on WCAG 2.4.2 , we discussed the importance of descriptive page titles. If you're anything like us, you spend your days deep in thought, pondering new ways to make your website more accessible and enjoyable for all. Thankfully, we did most of the hard work for you! In this post, we'll talk about why it's a good idea to provide adequa...
Continue reading
  1355 Hits
  0 Comments
1355 Hits
0 Comments

WCAG 2.4.5: Multiple Ways (Give ‘em Some Options)

Okay, let's say you want to start a cooking blog (any other baking fans out there?). You decide to tag each recipe page with possible keywords it could be filed under, and then you create another page aggregating all those tags together, which users can navigate to in order to find recipes to try. [Link: https://smittenkitchen.com/recipes/ ] [Link:...
Continue reading
  1419 Hits
  0 Comments
1419 Hits
0 Comments

WCAG 2.4.6: Headings and Labels

In WCAG 2.4.2 and 2.4.4, we discussed why it's important to provide web page titles and text for links that describe the page's or link's respective topic or purpose. In a nutshell, website navigation is often based around visual context clues , which puts those who rely on assistive technologies to navigate your site at a disadvantage. For this re...
Continue reading
  1203 Hits
  0 Comments
1203 Hits
0 Comments

WCAG 2.4.7: Focus Visible (Emphasis on the Selection)

Let's say for a moment that you are filling out an application form online. Having won the international cheese competition we referenced in WCAG 2.2.1, you are now looking to enter an exclusive luxury sales website to purchase a yacht with a portion of your prize money. You easily tab through each field, providing your name, email address, and oth...
Continue reading
  1280 Hits
  0 Comments
1280 Hits
0 Comments

WCAG 2.4.8: Location

If a user is navigating through a set of pages on your site, they should have access to information allowing them to orient themselves (locate where they are within that set of pages). Let's imagine, for example, that you've settled on a suitable yacht and are now unsure what to do with the rest of the money you earned in the cheese competition. As...
Continue reading
  1327 Hits
  0 Comments
1327 Hits
0 Comments