digraph graphname {
graph [fontname = "helvetica", fontsize=11];
node [shape="box", fontname = "helvetica", fontsize=11];
subgraph cluster_ax_tree {
label = "Accessibility Tree";
document [label="Document"];
document -> button;
button [label="Button 'Show Sidebar'"];
document -> main;
main [label="Main"];
main -> heading;
heading [label="Heading"];
main -> main_rest;
main_rest [label="..."];
}
subgraph cluster_ui_tree {
label = "DOM Tree";
Body [label="<body>"];
Body -> Sidebar;
Sidebar [label="<div id='sidebar'\naria-hidden='true'>"];
Sidebar -> SidebarContents;
SidebarContents [label="..."];
Body -> Button;
Button [label="<button>"];
Button -> ButtonContents;
ButtonContents [label="Show Sidebar"];
Body -> Main;
Main [label="<main>"];
Main -> H1;
H1 [label="<h1>"];
H1 -> H1Contents;
H1Contents [label="..."];
Main -> MainRest;
MainRest [label="..."];
}
}