Iorad Tutorial Builder logo

Iorad Tutorial Builder Accessibility Audit

Web Accessibility Remediation for Iorad website to make it conforms with the WCAG technical standards and comply with the ADA.

  • https://www.iorad.com/player/1600510/
  • React JS, Accessibility Audit, Accessibility Remediation, LMS, VPAT
  • Color Contrast Analyzer, Keyboard Testing, Jaws, NVDA, Voiceover, Talkback
  • Will Bubenik
  • October 23, 2022
  • Information Technology Services, Learning Management System (LMS)

This Iorad Tutorial Builder accessibility audit and WCAG 2.1 AA remediation covered a United States SaaS tool that lets teams capture and publish step-by-step how-to tutorials.

A tutorial tool has a double duty: the builder itself must be usable, and the tutorials it produces must be accessible to the people who follow them. Both the app and its output need to work for screen-reader and keyboard users.

StandardWCAG 2.1 AA
IndustryTechnology
TestingManual + Automated
RegionUnited States

Why accessibility is critical for a tutorial-building tool

Software and SaaS companies are not exempt from accessibility expectations. In the United States a company’s digital services are treated as a place of public accommodation under the Americans with Disabilities Act (ADA) Title III, and WCAG 2.1 Level AA is the standard, and for a product company it applies twice over — to the public marketing site and to the application itself. A how-to tool carries a second duty — the tutorials it generates must themselves be accessible to every learner. A sign-up or demo form a screen-reader user cannot complete, or a product UI a keyboard user cannot operate, shuts paying customers and their own users out.

Scope and standard

Our Iorad Tutorial Builder accessibility audit assessed the site and product against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter: marketing and feature pages, sign-up and login, the tutorial-builder interface, the published tutorial experience, and navigation.

How we ran the Iorad Tutorial Builder accessibility audit

  • Screen-reader testing with JAWS and NVDA on Windows, VoiceOver on macOS and iOS, and TalkBack on Android
  • Automated audits with Deque axe, Google Lighthouse and WAVE
  • Keyboard-only operation of every step, with attention to focus order and a clearly visible focus indicator
  • Colour-contrast analysis, plus 400% zoom and reflow testing for low-vision users

What accessibility means on each part of the site

Because Iorad Tutorial Builder is a product-led site, our Iorad Tutorial Builder accessibility audit focused on the marketing site and the path into the product:

  • Feature, solution and pricing pages need a clear heading structure and readable text, so a screen-reader user can evaluate the product.
  • Sign-up, login and demo-request forms need programmatic labels, clear instructions and announced errors, so getting started never depends on sight or a mouse.
  • Any interactive demo or product UI needs keyboard operability, managed focus and names and states that assistive technology can read.
  • Documentation and support content needs correct heading levels, readable code or examples, and link names that make sense out of context.
  • Navigation and content need visible focus, sufficient colour contrast and clean reflow at 400% zoom.

Outcome

This Iorad Tutorial Builder accessibility audit, combining manual and automated testing with remediation, brought the site into line with WCAG 2.1 AA expectations, so people using a screen reader or a keyboard can use it without barriers. Every fix was verified with assistive technology rather than assumed from an automated pass, so the result holds up in real use.

Services we provided for this client