UU428: define order for tab sequence

src/components/Article.vue

@@ -14,8 +14,8 @@
             <DefElement v-for="(element, index) in article.body.etymology" :dictionary="dictionary" :key="index" :body='element' @article-click="article_link_click" />
           </ul>
       </section>
-      <section class="definitions" v-if="has_content">
-        <h3>{{def_label}}</h3>
+      <section class="definitions" v-if="has_content" tabindex="0">
+        <h3 tabindex="0">{{def_label}}</h3>
         <ol>
           <Definition v-for="definition in article.body.definitions" :dictionary="dictionary" :level="1" :key="definition.id" :body='definition' @article-click="article_link_click" />
         </ol>

src/components/ArticleFooter.vue

 <template>
   <div class="article_footer">
       <span  v-if="hasPointer">
-      <button class="share_button">
+      <button class="share_button" tabindex="0">
           <ShareNetwork network="facebook"
               title=""
-              :url="share_link">
+              :url="share_link"
+              tabindex="-1">
               <v-icon dense>$vuetify.icons.facebook</v-icon>
           </ShareNetwork>
       </button>
-      <button class="share_button">
+      <button class="share_button" tabindex="0">
           <ShareNetwork
               network="twitter"
               :url="share_link"
               :title="dict_label"
-              hashtags="#ordbøkene">
+              hashtags="#ordbøkene"
+              tabindex="-1">
               <v-icon dense>$vuetify.icons.twitter</v-icon>
           </ShareNetwork>
       </button>
@@ -22,7 +24,7 @@
         <span v-if="!hasPointer" class = "share_text">Del ordet</span>
         <v-icon dense>$vuetify.icons.share</v-icon>
       </button>
-    <div class = "footer_title">Ordbøkene.no
+    <div class = "footer_title" tabindex="0">Ordbøkene.no
     </div>
   </div>
 </template>

src/components/Autocomplete.vue

 <template>
-  <div class="autocomplete-container" :class="$vuetify.breakpoint.name">
+  <div class="autocomplete-container" :class="$vuetify.breakpoint.name" >
     <v-autocomplete
         v-model="select"
         :loading="loading"

src/components/Definition.vue

 <template>
   <li :class="['definition', 'level'+level]" :ref="'def' + body.id" :id="'def' + body.id">
-    <ul class="explanations">
+    <ul class="explanations" tabindex="0">
       <DefElement :body="explanation" :dictionary="dictionary" :has_article_ref=has_article_ref(explanation) v-for="(explanation, index) in explanations" :key="index" @article-click="article_link_click" />
     </ul>
-    <div v-if="examples.length">
+    <div v-if="examples.length" tabindex="0">
       <h4>{{example_header}}</h4>
       <ul class="examples">
         <Example :body="example" :dictionary="dictionary" v-for="(example, index) in examples" :key="index" @article-click="article_link_click" />
@@ -12,7 +12,7 @@
     <ul class="compound_lists">
       <CompoundList :body="compound_list" :dictionary="dictionary" v-for="(compound_list, index) in compund_lists" :key="index" @article-click="article_link_click" />
     </ul>
-    <div :is="level < 3 ? 'ol' : 'ul'" class="sub_definitions" v-if="subdefs.length">
+    <div :is="level < 3 ? 'ol' : 'ul'" class="sub_definitions" v-if="subdefs.length" tabindex="0">
       <Definition :level="level+1" :body="subdef" v-for="(subdef, index) in subdefs"  :dictionary="dictionary" :key="index" @article-click="article_link_click" />
     </div>
   </li>

src/components/DictionaryView.vue

@@ -3,7 +3,7 @@
     <div class="search_container">
       <div class="lang_select_container">
         <v-radio-group row v-model="lang" @change="update_lang_form">
-          <template v-slot:label>
+          <template v-slot:label tabindex="1">
             <span aria-label="Vis dresultat i begge ordbøkene eller bruk radioknapp for bokmålsordboka eller radioknapp for nynorskordboka">VIS</span>
           </template>
           <v-radio value="bob,nob" color="primary">

src/components/Header.vue

 <!-- eslint-disable -->
 <template>
   <div>
-    <h2 class="article_header">{{header_text}}</h2>
-    <h2 class="secondary_header" v-if="secondary_header_text.length">{{secondary_header_text}}</h2>
-      {{group_list}}
+    <span class="dict-label" tabindex="0">{{dict_label}}</span>
+    <h2 class="article_header" tabindex="0">{{header_text}}</h2>
+    <h2 class="secondary_header" v-if="secondary_header_text.length" tabindex="0">{{secondary_header_text}}</h2>
+      <span class="header_group_list" v-if="group_list.length" tabindex="0">{{group_list}}</span>
       <details :title="inflect_tooltip" @toggle="toggle()" v-if="inflected" :class="$vuetify.breakpoint.name">
-        <summary :class="dictionary" onclick="this.blur()">bøying</summary>
+        <summary :class="dictionary" onclick="this.blur()" tabindex="0">bøying</summary>
         <div class="inflection-canvas">
           <inflectionTable :lemmaList="lemmas_with_word_class_and_lang" :mq="$vuetify.breakpoint.name" />
         </div>
-      </details>
-      <span class="dict-label">{{dict_label}}</span>
+      </details>  
   </div>
 </template>
 
@@ -53,6 +53,7 @@ export default {
       }[this.dictionary] || ''
     },
     group_list: function() {
+      console.log(helpers.group_list(this.lemmas, this.dictionary))
       return helpers.group_list(this.lemmas, this.dictionary)
     },
     inflection_groups_by_lemma: function() {

src/components/SearchResults.vue

@@ -2,7 +2,7 @@
   <section id="search_results">
     <div class="flex-container" :class="$vuetify.breakpoint.name">
       <ul class="hits" v-if="results_bob.length">
-        <li  class="article_container" v-for="(result, index) in results_bob" :key="index + results_hash">
+        <li  class="article_container" v-for="(result, index) in results_bob" :key="index + results_hash" tabindex="0">
           <Article
               :article="result"
               @article-click="article_link_click"
@@ -11,7 +11,7 @@
         </li>
       </ul>
       <ul class="hits" v-if="results_nob.length">
-        <li class="article_container" v-for="(result, index) in results_nob" :key="index + results_hash">
+        <li class="article_container" v-for="(result, index) in results_nob" :key="index + results_hash" tabindex="0">
           <Article
               :article="result"
               @article-click="article_link_click"