Rebuild frontend.

frontend/src/components/dashboard/BudgetListGroup.vue

@@ -25,6 +25,14 @@
     </div>
     <div class="card-body table-responsive p-0">
       <table class="table table-sm">
+        <caption style="display:none;">{{ title }}</caption>
+        <thead>
+        <tr>
+          <th scope="col">{{ $t('firefly.budget') }}</th>
+          <th scope="col">{{ $t('firefly.spent') }}</th>
+          <th scope="col">{{ $t('firefly.left') }}</th>
+        </tr>
+        </thead>
         <tbody>
         <BudgetLimitRow v-for="(budgetLimit, key) in budgetLimits" v-bind:key="key" :budgetLimit="budgetLimit"/>
         <BudgetRow v-for="(budget, key) in budgets" v-bind:key="key" :budget="budget"/>

frontend/src/components/dashboard/MainCategoryList.vue

@@ -38,6 +38,13 @@
     <!-- body if normal -->
     <div v-if="!loading && !error" class="card-body table-responsive p-0">
       <table class="table table-sm">
+        <caption style="display:none;">{{ $t('firefly.categories') }}</caption>
+        <thead>
+        <tr>
+          <th scope="col">{{ $t('firefly.category') }}</th>
+          <th scope="col">{{ $t('firefly.spent') }}</th>
+        </tr>
+        </thead>
         <tbody>
         <tr v-for="category in sortedList">
           <td style="width:20%;">

frontend/src/components/dashboard/MainCreditList.vue

@@ -38,6 +38,13 @@
     <!-- body if normal -->
     <div v-if="!loading && !error" class="card-body table-responsive p-0">
       <table class="table table-sm">
+        <caption style="display:none;">{{ $t('firefly.revenue_accounts') }}</caption>
+        <thead>
+        <tr>
+          <th scope="col">{{ $t('firefly.category') }}</th>
+          <th scope="col">{{ $t('firefly.spent') }}</th>
+        </tr>
+        </thead>
         <tbody>
         <tr v-for="entry in income">
           <td style="width:20%;"><a :href="'./accounts/show/' +  entry.id">{{ entry.name }}</a></td>

frontend/src/components/dashboard/MainDebitList.vue

@@ -38,6 +38,13 @@
     <!-- body if normal -->
     <div v-if="!loading && !error" class="card-body table-responsive p-0">
       <table class="table table-sm">
+        <caption style="display:none;">{{ $t('firefly.expense_accounts') }}</caption>
+        <thead>
+        <tr>
+          <th scope="col">{{ $t('firefly.category') }}</th>
+          <th scope="col">{{ $t('firefly.spent') }}</th>
+        </tr>
+        </thead>
         <tbody>
         <tr v-for="entry in expenses">
           <td style="width:20%;"><a :href="'./accounts/show/' +  entry.id">{{ entry.name }}</a></td>

frontend/src/components/transactions/Index.vue

@@ -0,0 +1,33 @@
+<!--
+  - Index.vue
+  - Copyright (c) 2021 james@firefly-iii.org
+  -
+  - This file is part of Firefly III (https://github.com/firefly-iii).
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<template>
+<div>Hello</div>
+</template>
+
+<script>
+export default {
+name: "Index"
+}
+</script>
+
+<style scoped>
+
+</style>

frontend/src/components/transactions/TransactionLinks.vue

@@ -105,12 +105,13 @@
               <div class="row">
                 <div class="col">
                   <span v-if="searching"><i class="fas fa-spinner fa-spin"></i></span>
-                  <h4 v-if="searchResults.length > 0">Search results</h4>
+                  <h4 v-if="searchResults.length > 0">{{ $t('firefly.search_results') }}</h4>
                   <table v-if="searchResults.length > 0" class="table table-sm">
+                    <caption style="display:none;">{{ $t('firefly.search_results') }}</caption>
                     <thead>
                     <tr>
-                      <th colspan="2" style="width:33%">Include?</th>
-                      <th>Transaction</th>
+                      <th scope="col" colspan="2" style="width:33%">{{ $t('firefly.include') }}</th>
+                      <th scope="col">{{ $t('firefly.transaction') }}</th>
                     </tr>
                     </thead>
                     <tbody>