Our Blog

Thoughts, news, insights and sometimes just random musings.

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
  1356 Hits
  0 Comments
1356 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
  1204 Hits
  0 Comments
1204 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

WCAG 2.4.9: Link Purpose (Link Only)

In our post on WCAG 2.4.4 Link Purpose (In Context) , we discussed why it's important that users be able to figure out the purpose of a link appearing on your site. Either from the text of the link itself, or additionally from the context of where it appears on your page, users should be capable of figuring out where a link would lead so that they ...
Continue reading
  1148 Hits
  0 Comments
1148 Hits
0 Comments

WCAG 2.4.10: Section Headings (Right Here, Buddy)

If you've been on the internet before, you've seen a section heading. If you have a page of text that is organized into different sections, descriptive headings will help provide organizational clarity for everyone who visits your site. [Source: Wordpress] Benefits of Section Headings In addition to being an intuitive way to organize your site, the...
Continue reading
  1147 Hits
  0 Comments
1147 Hits
0 Comments

WCAG 2.5.1: Pointer Gestures

Let's imagine for a moment that you need to look up driving directions to Disneyland. (By the way, did you know Google lists Disneyland as "Good for kids"? Go figure!) On your phone, as you'd expect, you can manipulate the map using the touchscreen, dragging your finger to shift the map in a given direction and pinching with two fingers to zoom in....
Continue reading
  1325 Hits
  0 Comments
1325 Hits
0 Comments

WCAG 2.5.2: Pointer Cancellation

Users with various disabilities and limitations may be more prone to accidentally initiating a function they didn't intend to when using their pointers. With that in mind, the fine folks at WCAG have suggested that, for functionality that's operated using a single pointer—such as single or double taps and clicks, long presses, or path-based gesture...
Continue reading
  1175 Hits
  0 Comments
1175 Hits
0 Comments

WCAG 2.5.3: Label in Name

User interface components, such as links, buttons, and input fields, often have two types of labels: a visible label and a programmatic one. Did we just blow your minds? via GIPHY No? Well, okay. These programmatic labels are also called Accessible Names, and it's important they match their corresponding visible labels so that users relying on assi...
Continue reading
  1038 Hits
  0 Comments
1038 Hits
0 Comments

WCAG 2.5.4: Motion Actuation

With today's preponderance of smartphones and tablets, we've started seeing some pretty cool web functionality developed specifically for these portable devices. Take, for example, this 360° video the New York Times posted, "36 Hours in Michigan's Upper Peninsula", which they created for their virtual reality app.  Taking advantage of these de...
Continue reading
  1138 Hits
  0 Comments
1138 Hits
0 Comments

WCAG 2.5.5: Target Size

The target size, or "clickable" area, of a pointer input (such as a button or link) can be difficult for some users to activate, depending on how big it is. Those with certain physical or mobility limitations may not be able to exercise the precision necessary to select an object on a page, and that goes double when handheld touchscreens are in use...
Continue reading
  1010 Hits
  0 Comments
1010 Hits
0 Comments

WCAG 2.5.6: Concurrent Input Mechanisms

Some may prefer to use one mode of input, such as a mouse, keyboard, or keyboard-like interface, over others when interacting with web content. To ensure that people have the option to utilize the input mechanism that provides the greatest ease of use, WCAG recommends that web content not restrict users from switching between mechanisms, or using o...
Continue reading
  1057 Hits
  0 Comments
1057 Hits
0 Comments