Accessibility Articles

Marcy Sutton writes about accessibility jobs at specialized companies and in the mainstream.

Marcy Sutton shares a strategy for testing components and applications in the early stages of development.

Clarifying WCAG guidelines for color contrast and font size using an example from the Design Thinking & People Skills workshop from Testing Accessibility.

keyboard-testing-library by Grunet is an extension to Testing Library that allows you to reduce duplication when writing accessibility unit tests.

Watch as Marcy Sutton uses manual testing and DevTools to identify accessibility issues as part of a live Testing Accessibility workshop.

How does training from the Testing Accessibility workshops compare to IAAP Web Accessibility Specialist (WAS) certification?

Who uses screen readers, which ones they use, and how screen readers work all have their own misconceptions.

There’s a lot of crossover between the techniques, tools, and resources involved in determining the accessibility of a web application.

One of the common sticking points I’ve seen is developers not being sure where testing would be most effective

Accessibility isn’t just adding markup with the proper elements and roles or having tests that pass. (”Testing the right thing” is a whole topic on its own)

As new people enter the industry. It’s vital that we teach best accessibility practices so that the applications of the future are accessible from the start.

We weren’t only making sites that fulfilled requirements for conformance. We were instead making sites that disabled people could use.

Think about how the small pieces of your applications should behave for accessibility, then write tests to make sure they do.

Client side routing takes control of navigation away from HTML and the browser and gives it to a JavaScript component. This has implications for accessibility.

Use semantic HTML elements in your markup that include implicit roles and behavior that match your purpose.

The Tab key is a quick way to gauge how keyboard-ready your websites and applications are.

We can use JavaScript to set aria-expanded to true when the dropdown opens so its state will be communicated in a screen reader

Programmatically determinable accessibility information benefits screen reader and other assistive technology users.

Jest and Testing Library can be used to write unit tests that ensure accessibility information makes it into the right place in our components.

A repeatable process for manually testing accessibility on a site using DevTools and the the browser.