Feedback: Landmarks visualisation and page overlay

[codepo8]

Please refer to the Explainer on Landmark Visualisation to discuss the implementation of this feature in Edge DevTools.

As falsely reported by Sara Soueidan on Twitter[1] as already being part of the DevTools and asked by others to support this [2], a landmark tree with page overlays would be useful for spot checking accessibility. See attached video as a demo.

This is part of the Landmarks browser extension

https://user-images.githubusercontent.com/13508/168231108-6c39335a-eb19-4e9f-be04-5fb35ea208ff.mp4

[1] https://twitter.com/SaraSoueidan/status/1524373393298137089 [2] https://twitter.com/_marcusherrmann/status/1525010057271943171

AB#39545734

[hidde]

This would be fantastic to have, both for authors trying to double check their landmark structure makes sense, and for accessibility conformance evaluators to more easily find out if the landmark usage of a page is sound.