20 09, 2018

Testing for Accessibility

By | 2018-09-21T09:00:26+00:00 September 20th, 2018|Categories: Digital Marketing, Web Development|Tags: , , , |

Accessibility is a big deal in the world of internet marketing. After all, what good does a large investment in your most prominent digital marketing channel do if no one can see the information you want them to have or the products you want them to buy?

In today’s digital marketplace, it’s no longer good enough to cater your website just to your primary audience. All websites have to meet certain accessibility standards that guarantee that users across all walks of life, and with varying degrees of physical ability, are able to easily access and navigate your site’s web pages.

In a recent blog post, we discussed the importance of considering accessibility during the website design process. In this post, we’ll take the next step and discuss the best ways to test your design for accessibility concerns.

The Basics

The practice of accessibility testing helps website owners understand where their websites may be falling short on today’s accessibility standards and drive corrective action to optimize user experience. These are critical steps that should be completed prior to the launch of any re-designed site and continued throughout the site’s lifetime.

It is best to take a proactive approach to web accessibility testing, and the reasons why are compelling. A fully accessible website benefits users across the board, and is more likely to deliver the conversion rates and engagement you are seeking.

As with any business process, before you begin, define your goals and strategy for accessibility testing and remediation of found issues.

Site Scan Tools & Understanding Results

There are several tools that can help you tackle testing. At Beacon, some of the programs we employ for this purpose include SiteImprove, SortSite and Wave (WebAim).

Reports and analysis provided by these automated testing tools can help you identify any existing accessibility concerns, including quality of content, readability of text, link quality and other user experience problems. The programs can also be engaged to help you track the progress of your accessibility fixes.

How to Tackle Accessibility

Accessibility testing is not a one-and-done process. SiteImprove, SortSite and Wave can help us with initial analysis and are great for catching many accessibility problems. However, they are not enough for a comprehensive approach to testing. Not all design elements are scannable. As such, automated tests should be supplemented with a healthy dose of regular, manual testing.

Best practices call for consistent testing throughout the development process. This helps to track progress made on discovered issues and known concerns. It can also help you discover new issues throughout development and after launch.

Be sure to test your site in various browsers, devices and screen sizes and positions. It’s also a good idea to perform regression testing, to make sure that your site works with older versions of software.

Because your site is likely to change over time, accessibility testing should be done on a consistent basis even after your site launches – preferably, every quarter. This helps to ensure that the fixes you implement continue to achieve the intended results. It also helps to hold new content/pages to established standards.

Beacon Knows Accessibility Testing & Remediation

Could your site benefit from an accessibility audit? Give Beacon a call at 866.807.2838. We’re here to help.

30 06, 2017

Top 5 Accessibility Items to Review in a Website Redesign

By | 2017-07-17T07:14:26+00:00 June 30th, 2017|Categories: Higher Education, Web Development, Creative Design|Tags: , , |

Accessibility is a hot topic and an expansive one, too. I’ve been preparing for some upcoming speaking engagements with accessibility being the main focus. The first of these engagements is the eduWeb Digital Summit on August 6-10. This seems like a good time to share some thoughts regarding accessibility, WCAG guidelines and 508 compliance.

Additionally, I’d like to leave you with a list of 5 important accessibility items to review while in the midst of your next site redesign.

Accessibility Overview

Often, when administrators or oversight committees are asked to consider website accessibility while planning their institution’s website redesign, they think only in terms of addressing under-served users such as the elderly or visually disabled. Accessibility doesn’t simply address the needs of the disabled user. Adaptations and modifications made to address under-served users have broader implication, frequently enhancing the experience for all users. Designers and developers understand this and design with the idea that what is good for one is most often to the benefit of all.

Accessibility almost always enhances a website’s usability.

For example, incorporating design for those with diminished motor skills is always a good idea. It will enable all users to view your website without having to use a mouse. By doing so, you’ve also made it easier for any user to navigate the site and spend some time there. User engagement improves and, if you’re operating an online storefront, sales go up as well.

It goes without saying that any and all websites should factor accessibility into their design. To that end, WCAG recommendations and 508 standards have been established as guidelines to ensure a positive user experience for all. These guidelines have peripheral benefits, as they often overlap with best practices for mobile design and SEO. Still, there are many, many sites that remain inaccessible to a large number of users even today.

5 Accessibility Items to Review

With this in mind, I’ve comprised an abbreviated list of important accessibility items to consider when redesigning one’s website. Bear in mind that while I’ve listed 5 important accessibility items, this list is hardly complete and is meant only to provide a high level overview of what’s involved. Consider:

  1. Clear and Logical Design – This includes clear and intuitive navigation, contrast between text and backgrounds, proper use of color and more.
  2. CMS that Supports Accessibility – You’ve already considered functional requirements. Not all content management systems meet WCAG accessibility requirements. Know this from the start.
  3. Content Structure – Use headings and lists so as to clearly organize information. Use clear title attributes and page titles. Consider skip navigation for users of screen readers.
  4. Keyboard Accessible Functionality – Users with motor skill deficiency depend on keyboard accessibility to navigate your site. Other users benefit from added efficiency thanks to keyboard accessibility guidelines.
  5. Accessible Forms – Using JavaScript in forms often means that they are not accessible by keyboard alone. Testing your forms for keyboard accessibility is an imperative.

Once the items listed above have been fully considered and incorporated into the new design, the all-important testing phase begins.

Testing for Accessibility

Accessibility and usability are undeniably congruous. The benefits extend beyond just the user experience and into SEO and mobile performance. So take the time to test and test again. It’s time well invested. Fortunately, the WC3 provides a list of recommended web accessibility evaluation tools.

A Few Final Words

I look forward to seeing many of you at the upcoming eduWeb conference in August. I’ll discuss the topic of accessibility in more detail at that time. In the meantime, please comment below. Share your thoughts and experiences. We’ll pick up where we left off at the conference. See you then.