You are here

The Key to Creating an ADA Accessible Website: User Testing (and Perseverance) 

accessible website coding
Submitted by pgaleoto on Tue, 08/14/2018 - 19:00

Add new comment

You must have Javascript enabled to use this form.
The Key to Creating an ADA Accessible Website: User Testing (and Perseverance) 
08.14.18
Paige Galeoto

What’s involved in creating an accessible website that is also ADA-compliant? Research skills, patience, creativity and a strategic mind.
And time with end users — lots of time with end users. Read more about how the Estipona Group attacked the issue below.

Last year, the Northern Nevada Center for Independent Living reached out to us to build them a new, accessible, fully ADA-compliant website. Given the growing importance of ADA compliance for websites, and given that we are a group of technophiles who love learning new stuff, we responded with a resounding, “Hell yeah!” 

Then we had to research exactly what we had committed ourselves to. Because we’re nothing if not impulsive when it means doing good and meaningful things for worthy clients. 

First, we had to determine what “ADA-compliant website” meant to us and to the client. Who is the target audience? What types of devices do they use? How will we determine success? After some primary and secondary research, we settled on guidelines. Our audience was comprised of people who:

  • Are unable to see / have low vision
  • Have dyslexia / learning disabilities
  • Have a physical disability
  • Are unable to hear
  • Use a mobile device
  • Have limited bandwidth
  • Have limited time

From there, we began our site build the way we usually do when we create websites — developing navigation and site structure and assessing content for the various target audiences. As we moved into the design phase, our process took on a new focus. In addition to aesthetics and intuitive design, our design needed to address the needs and challenges of the varied audiences described above. 

 
In developing the design, we worked closely with our programming team to deliver a layout that both looked good and functioned well for all audiences – no small feat. For example, we used both icons and words where possible to help users navigate the site. This helps those with learning disabilities or dyslexia who may have a hard time reading and comprehending words.

The Secret Sauce of an Accessible Website: User Testing

After design and programming were complete, we had an extended period of time for in-person user site testing with representatives from our various audience. Input from visually impaired, learning disabled and physically challenged individuals was gathered and used to revise both layout and backend functionality. 

how to create an accessible websiteThe user testing phase was the most critical aspect of the entire process, because all users experience the website differently depending on their differing abilities, which device (and possibly which screen reading device), which operating system, which browser and what type of internet connectivity they have. All of those factors can have tiny impacts on the accessibility of a website. 

Our goal: to make the website work as intended, no matter the technology used to access it, as much as possible.

Among our in-person testers: 

  • An iPhone 6 iOS user, in Voiceover mode, accessing with Safari
  • A user with a MacBook Pro, accessing with FireFox
  • A blind tester using a Windows HP Laptop and Internet Explorer, also in voiceover mode on an iPhone
  • An employee of the Washoe County School District Assistive Technology Department, whose team conducts assessments, makes Assistive Technology (AT) recommendations and teaches students how to use their AT devices
  • An Assistive Technician / Accessibility Specialist with the Assistive Technology Applications Certificate Program in the Office of Disability Resource Center at Truckee Meadows Community College

We then sought input from several blind and deaf virtual testers, using a variety of platforms, software and technology.

The outcomes of this feedback ultimately established our measurement for success. We identified and resolved obstacles, ultimately responding to the potential hurdles to a smooth website experience. And this measurement of success is long-term, as we also included a pop-up on the website that encourages feedback in case anyone runs into issues using the site.

Accessible Website Lessons

So what did we learn? First, we gained an incredible appreciation for all that people of differing abilities have to go through in order to access the information we take for granted on a daily basis. We were grateful for their time as they sat beside us (either in person or virtually) as our partner in this process; the fact that they allowed us to track their progress, anticipate their struggles and find solutions to their challenges resulted in the best possible website outcome. 

Also, we discovered that as long as we were adhering to current web development standards and dealing with simple content (text and images), accessibility for screen readers is not typically an issue. However, the difficulties arise when you start introducing special functionalities, like our “settings” feature in the top bar or the use of web forms. 

Those struggles were real. But we made it work. 

The Key Accessibility Takeaway

Currently, no set standard exists for building a fully accessible website. Does this seem shocking to anyone else? Because we were definitely surprised to learn this, given the sheer number of people who have accessibility issues with traditional sites. Most people think “accessible” just means “works well with screen readers,” but this definition ignores many other disabilities beyond blindness. While it can be incredibly time consuming to build a thoughtful, accessible website with all disabilities taken into consideration, the current best practice is individual user testing representing segments of your target audience. Hopefully, a set standard will be developed by the ADA going forward so we, as marketers, can all start taking this into account as we build future, accessible websites.

So far, we have received no additional feedback from website visitors addressing user challenges. To us, that is true success: Audiences getting the information they need, when, where and how they need it, without obstacles. 

Paige Galeoto is one of the 11% — that is, only 11% of U.S. ad agencies have a female creative director. So yes, that makes us (and her) super special. Contact her here

Post comments
No

You may also like:

09.12.18
Mikalee Byerman
Chelsey Brice
You asked (well, we sorta assumed you did), we're answering: Check out this Q&A session we recently conducted with our newest member of Team Estipona, Chelsey Brice!
08.24.18
Mikalee Byerman
In this episode of EG Rewind, Ed's silent business partner actually, audibly speaks. Check out Don Jassel's insights into 2+ decades of friendship and partnership, and also get the answer you've been dying to know: Who is better looking — Ed or Don?  
07.24.18
Mikalee Byerman
After having worked on an estimated 600-ish jobs together, you’d think these two would be tired of one another. But instead, they just finish each other’s sentences, laugh a lot and contemplate weighty things like exactly when Hammertime and parachute pants were a thing.
09.12.18
Mikalee Byerman
Chelsey Brice
You asked (well, we sorta assumed you did), we're answering: Check out this Q&A session we recently conducted with our newest member of Team Estipona, Chelsey Brice!
08.24.18
Mikalee Byerman
In this episode of EG Rewind, Ed's silent business partner actually, audibly speaks. Check out Don Jassel's insights into 2+ decades of friendship and partnership, and also get the answer you've been
08.14.18
Paige Galeoto
accessible website coding
What’s involved in creating an accessible website that is also ADA-compliant? Research skills, patience, creativity and a strategic mind.