Checklist for usability testing and identifying common ARIA patterns

Usability testing is an often understated part of your application, luckily its progressed leaps and bounds.

🗞 News

No ARIA is better than bad ARIA

ARIA is often misused when making our code more accessible.

This is this updated page by W3 that gives us an overview of how to use ARIA and its pattern in our different components correctly. This is very important because misused ARIA will just make our page noisier for those who depend on screen readers.

The information that is provided must be concise and relevant.

I highly recommend checking out this page:

https://www.w3.org/WAI/ARIA/apg/patterns/

It gives a ton of information on the latest standard for using ARIA patterns.

Maria Rosala @maria_rosala

New to moderating usability tests? Check out my latest article for a step-by-step guide and download an example of a facilitator guide that I use in my own tests. Checklist for Moderating a Usability TestModerating a usability test? Follow these 10 simple steps to make your sessions go smoothly. Download an example facilitator guide at the bottom of this article.nngroup.com

May 30th 2022

6 Likes

Usability testing is when you check how a user actually uses the application. This is useful information because just making automated tests can miss out on a ton of things.

• Critical paths for features

• Confusing UI

• Common use cases

Maria Rosala goes over a checklist that should be kept in mind while moderating these usability tests.

Highly recommend checking out the article.

📦 More interesting Articles

⚛ React

• Using Docker in React

🎨 CSS

• Making a keyboard accordion

• Open source icons

🔧 Other

• Sites to get free hosting

• Modern HTML & CSS Tutorial

• Prettier updates to version 2.7.0

• Abort controller is your friend

• Octokit releases version 1.8.0

• Updated Human interface guidelines by Apple