rearranges main and asides on node pages to enable proper focus order (…

…#16225)
department-of-veterans-affairs · Dec 6, 2023 · 4ee3283 · 4ee3283
1 parent c1c7868
commit 4ee3283
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/docroot/themes/custom/vagovclaro/templates/page/page--node.html.twig b/docroot/themes/custom/vagovclaro/templates/page/page--node.html.twig
@@ -50,6 +50,14 @@
     {{ page.breadcrumb }}
 
     <div class="node-columns">
+      {% set has_sidebar_first = page.sidebar_first|render|striptags|trim is not empty %}
+      {% if has_sidebar_first %}
+        <aside class="layout-sidebar-first" aria-label="Section Menu" role="complementary">
+        {{ page.sidebar_first }}
+
+        </aside>{# /.layout-sidebar-first #}
+      {% endif %}
+
       <main class="page-content clearfix" role="main">
         <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
         {{ page.highlighted }}
@@ -61,14 +69,6 @@
         {{ page.content }}
       </main>
 
-      {% set has_sidebar_first = page.sidebar_first|render|striptags|trim is not empty %}
-      {% if has_sidebar_first %}
-        <aside class="layout-sidebar-first" aria-label="Section Menu" role="complementary">
-          {{ page.sidebar_first }}
-
-        </aside>{# /.layout-sidebar-first #}
-      {% endif %}
-
       {% if page.sidebar_second %}
         <aside class="layout-sidebar-second" aria-label="Content Metadata" role="complementary">
           {{ page.sidebar_second }}