fix(a11y): add semantic roles attributes

1024pix · Dec 9, 2021 · 7a1ab9f · 7a1ab9f
1 parent 026cc98
commit 7a1ab9f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/NavigationSliceZone.vue b/components/NavigationSliceZone.vue
@@ -1,5 +1,5 @@
 <template>
-  <header class="navigation-slice-zone">
+  <header class="navigation-slice-zone" role="banner">
     <client-only>
       <slide-menu width="320" class="burger-menu">
         <burger-menu-nav :items="burgerMenuLinks" />

diff --git a/components/slices/NavigationZone.vue b/components/slices/NavigationZone.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="navigation-zone">
+  <nav class="navigation-zone" role="navigation">
     <ul>
       <li
         v-for="(menuItem, index) in navigationLinks"

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -2,7 +2,7 @@
   <div id="app" class="app-viewport">
     <hot-news-banner />
     <navigation-slice-zone />
-    <main>
+    <main role="main">
       <nuxt />
     </main>
     <footer-slice-zone />