Potential A11y Violation:
Missing bypass block
Point of Failure
If there is no mechanism to skip blocks of content that is repeated on multiple pages within a website/app, then it fails this Success Criterion.
This is known as a bypass block or skip link.
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Could Exist
Potentially automatable, but a non-priority for two reasons: first, there is a test available. Second, the benefit of a JS framework is that a page or app-level template is used which typically contains the markup for the reusable elements of the page.
Testing Exists
Automated testing exists. See the axe-core library for the bypass rule.
Other Test Methods
In addition to automated tests, there are other types of tests that could be conducted to prevent this potential violation.
Developer Authored Test Could Exist
Developers should ensure that their code includes a bypass (aka skip link); sometimes this is managed in the application routing solution, and other times it is managed separately. If managing this manually, then developers should ensure that there's a test, that way the code doesn't regress when it is inevitably changed at a later date.
Manual Test Could Exist
Visit each page of the application, and press the TAB key when the page loads. Observe whether or not there is a bypass link, allowing the user to skip to the primary page content.