Control Area before Play Area in rendering order, but keep the PDOM o…

…rder the same, see #722
phetsims · Jun 17, 2021 · 17645a7 · 17645a7
1 parent a581d3a
commit 17645a7
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/js/ScreenView.js b/js/ScreenView.js
@@ -125,14 +125,25 @@ class ScreenView extends Node {
 
     // @private
     this.pdomParentNode = new Node( {
+
+      // order of Nodes for the PDOM that makes most sense for graphical rendering, "Play Area" components
+      // on top of "Control Area" components.
       children: options.includePDOMNodes ? [
         this.pdomTitleNode,
         this.pdomScreenSummaryNode,
-        this.pdomPlayAreaNode,
-        this.pdomControlAreaNode
+        this.pdomControlAreaNode,
+        this.pdomPlayAreaNode
       ] : [ this.pdomTitleNode ]
     } );
     this.addChild( this.pdomParentNode );
+
+    // pdom - "Play Area" comes before "Control Area" in PDOM
+    this.pdomParentNode.pdomOrder = options.includePDOMNodes ? [
+      this.pdomTitleNode,
+      this.pdomScreenSummaryNode,
+      this.pdomPlayAreaNode,
+      this.pdomControlAreaNode
+    ] : [ this.pdomTitleNode ];
   }
 
   /**