What is FastPass?
FastPass is a lightweight, two-step process that helps developers identify common, high-impact accessibility issues in less than five minutes.
- Automated checks - the tool automatically checks for compliance with dozens of accessibility requirements. Our automated checks are Powered by axe-core.
- Manual test for tab stops - the tool provides clear instructions and a visual helper that makes it easy to identify critical accessibility issues related to keyboard access, such as missing tab stops, keyboard traps, and incorrect tab order.
We recommend developers run a FastPass before every check-in of UI code.
- Completing a FastPass requires you to use standard keyboard commands and to visually identify interactive interface elements.
- Automated checks can detect some common accessibility problems such as missing or invalid properties. But most accessibility problems can only be discovered through manual testing. The best way to evaluate web accessibility compliance is to complete an assessment.
How to complete a FastPass
Get ready to test
In Chrome or Microsoft Edge Insider, navigate to the page you want to test (aka the target page).
Open Accessibility Insights for Web:
- Select the extension icon.
- Press Ctrl+Shift+K (⌘+Shift+K for macOS) (Customize this keyboard shortcut).
Use these keyboard commands:
Windows or Linux:
- Press Shift+Alt+T or F10 to set focus on the browser's tool bar.
- Press the Left Arrow key to set focus on the Accessibility Insights for Web extension.
- Press the Space key to open the extension.
- Press ⌘+L to set focus on the browser's tool bar.
- Press the Tab key to set focus on the Accessibility Insights for Web extension.
- Press the Space key to open the extension.
The Accessibility Insights for Web extension will open to the Launch Pad.
Run the automated checks
In the Launch pad, select FastPass.
Automated checks will run on your target page. Individual failure instances will be highlighted in the target page. In addition, a secondary page will open with failed rules and failure instances in a tree grid.
Review failure details:
- Review directly in the target page by selecting a failure icon .
Review in the secondary page:
- Expand a rule to see its failure instances.
- Select a single instance.
- Examine the Failure details pane that follows the list.
Failure details include:
- A statement of the rule that was violated.
- The name of the failed rule, which is also a link to more information about the rule.
- The path to the element that failed.
- Instructions for fixing the problem.
If you're reviewing failure details in the target page, and you have the browser's Dev Tools open, selecting the Inspect HTML button will take you directly to the element's code.
If you're reviewing failure details in the secondary page, the element's code snippet is provided.
A Copy failure details button allows you to easily paste the failure details into a bug or other document.
A File issue button allows you to easily file an issue with failure details on GitHub. Learn more about Issue Filing.
If you're a developer, we recommend fixing any automated check failures before proceeding to the next part of the FastPass.
Complete the manual test for tab stops
In Automated checks, turn off the Show failures toggle.
In the navigation pane, select Tab stops.
Refresh the target page to put it into its default state.
In Tab stops, turn on the Show tab stops toggle.
An empty circle will highlight the element that has input focus. It might be necessary to tab once to move focus into the page.
Use standard keyboard commands to move input focus through all the interactive elements in the page:
- Use the Tab key and Shift+Tab key to navigate between controls.
- Use the arrow keys to navigate between the focusable elements within a composite control, such as the items in a menu.
As you navigate away from each element, its place in the tab order will be displayed as a number.
As you navigate through the elements, look for these accessibility problems:
- An interactive element can't be reached using the Tab or arrow keys.
- An interactive element "traps" input focus and prevents navigating away.
- An interactive element doesn't give a visible indication when it has input focus.
- The focus order is inconsistent with the logical order that's communicated visually.
- Input focus moves unexpectedly without the user initiating it.
When you have completed the manual test for tab stops, your FastPass is complete.
Share a detailed report of the automated checks
In the Details View command bar, select Export result.
- Optional: Provide a description to include in the report.
Use the browser's download bar to open the report or view the file location.