Problem with image in explainer
The section titled with "ARIA" contains an image, where the visual content and the textual content of the alt attribute don't match. Actually, both the visual and the textual representation are incorrect.
In this image, an arrow from a plain DIV element points to an accessibility node, while the alt text gives the following description:
<div role=checkbox aria-checked=true>, translated into a visual representation and a DOM node
I'd recommend to take the markup from the alt text and the "accessibility node" from the image. ;-)
I have no idea how this ended up this way! Thanks for the issue, will fix.
I could have fixed the alt text myself, but the explainer.md has been modified in the meantime, without committing the changes.
The current version also contains an unfinished sentence in the section about Virtual Accessibility Nodes:
In addition, calling appendChild on a node that's already inserted somewhere else in the accessibility tree will implicitly remove it from its old location and append it to the
I wanted to correct that, but this part has been removed from the file anyway.
However, before committing the latest changes, the section about Accessible Actions should be reviewed, because the text refers to an example that has been deleted.
Finally fixed!