Potential A11y Violation:
Misplaced complementary landmark
Point of Failure
The complementary landmark (aside) should be a direct descendant of the body element.
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Cannot Exist
It does not seem possible to have an automated test for this potential failure, yet. If you think it can, please file an issue on this app's GitHub Repository.
Testing Exists
See the axe-core
library for the landmark-complementary-is-top-level
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
Take a little time to evaluate the whole page. Is there an element with the role of complementary that is not the direct descendant of the body element? Can you write a test to prevent this in the future?
Manual Test Exists
Review page and ensure the point of failure does not exist, inspecting the DOM where required.