diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
index 91576dce08c76143fdeb23324369ba2ad40666d3..7b53f796ea3a1e6dc72ab1be0dbd8d3e383d1b2d 100644
--- a/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -10,7 +10,7 @@ body,
   min-height: 100%;
 }
 #header div.section,
-#featured div.section,
+#featured aside.section,
 #messages div.section,
 #main,
 #triptych,
@@ -140,7 +140,7 @@ body,
 @media all and (min-width: 851px) {
 
   #header div.section,
-  #featured div.section,
+  #featured aside.section,
   #messages div.section,
   #main,
   #triptych,
diff --git a/core/themes/bartik/templates/page.html.twig b/core/themes/bartik/templates/page.html.twig
index 5443d57cd8cf1f3cbbfe20fb596e7d9202b30e55..2b34b1a0ac7339d90ed4c25fa7c231222a337652 100644
--- a/core/themes/bartik/templates/page.html.twig
+++ b/core/themes/bartik/templates/page.html.twig
@@ -124,9 +124,9 @@
   {% endif %}
 
   {% if page.featured %}
-    <aside id="featured"><div class="section clearfix">
+    <div id="featured"><aside class="section clearfix" role="complementary">
       {{ page.featured }}
-    </div></aside> <!-- /.section, /#featured -->
+    </aside></div> <!-- /.section, /#featured -->
   {% endif %}
 
   <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">
@@ -157,13 +157,13 @@
     </section></main> <!-- /.section, /#content -->
 
     {% if page.sidebar_first %}
-      <div id="sidebar-first" class="column sidebar"><aside class="section">
+      <div id="sidebar-first" class="column sidebar"><aside class="section" role="complementary">
         {{ page.sidebar_first }}
       </aside></div><!-- /.section, /#sidebar-first -->
     {% endif %}
 
     {% if page.sidebar_second %}
-      <div id="sidebar-second" class="column sidebar"><aside class="section">
+      <div id="sidebar-second" class="column sidebar"><aside class="section" role="complementary">
         {{ page.sidebar_second }}
       </aside></div><!-- /.section, /#sidebar-second -->
     {% endif %}
@@ -171,7 +171,7 @@
   </div></div><!-- /#main, /#main-wrapper -->
 
   {% if page.triptych_first or page.triptych_middle or page.triptych_last %}
-    <div id="triptych-wrapper"><aside id="triptych" class="clearfix">
+    <div id="triptych-wrapper"><aside id="triptych" class="clearfix" role="complementary">
       {{ page.triptych_first }}
       {{ page.triptych_middle }}
       {{ page.triptych_last }}