From a42008dd7b9a3b5ba7244392d9f9b185d80e08f9 Mon Sep 17 00:00:00 2001
From: James Cole <james@firefly-iii.org>
Date: Sat, 10 Oct 2020 11:21:25 +0200
Subject: [PATCH] Add captions

---
 frontend/src/components/accounts/List.vue                        | 1 +
 frontend/src/components/dashboard/MainBillsList.vue              | 1 +
 frontend/src/components/dashboard/MainPiggyList.vue              | 1 +
 resources/assets/js/components/passport/AuthorizedClients.vue    | 1 +
 resources/assets/js/components/passport/PersonalAccessTokens.vue | 1 +
 5 files changed, 5 insertions(+)

diff --git a/frontend/src/components/accounts/List.vue b/frontend/src/components/accounts/List.vue
index 778b453713..8801744044 100644
--- a/frontend/src/components/accounts/List.vue
+++ b/frontend/src/components/accounts/List.vue
@@ -50,6 +50,7 @@
                 </div>
                 <div class="card-body p-0">
                     <table class="table table-sm table-striped">
+                        <caption style="display:none;">{{ $t('list.name') }}</caption>
                         <thead>
                         <tr>
                             <th scope="col">&nbsp;</th>
diff --git a/frontend/src/components/dashboard/MainBillsList.vue b/frontend/src/components/dashboard/MainBillsList.vue
index a704eb77a2..7143c51074 100644
--- a/frontend/src/components/dashboard/MainBillsList.vue
+++ b/frontend/src/components/dashboard/MainBillsList.vue
@@ -25,6 +25,7 @@
         </div>
         <div class="card-body table-responsive p-0">
             <table class="table table-striped">
+              <caption style="display:none;">{{ $t('firefly.bills') }}</caption>
                 <thead>
                 <tr>
                     <th scope="col" style="width:35%;">{{ $t('list.name') }}</th>
diff --git a/frontend/src/components/dashboard/MainPiggyList.vue b/frontend/src/components/dashboard/MainPiggyList.vue
index d6bf6ea384..9b2c9bf581 100644
--- a/frontend/src/components/dashboard/MainPiggyList.vue
+++ b/frontend/src/components/dashboard/MainPiggyList.vue
@@ -25,6 +25,7 @@
         </div>
         <div class="card-body table-responsive p-0">
             <table class="table table-striped">
+              <caption style="display:none;">{{ $t('firefly.piggy_banks') }}</caption>
                 <thead>
                 <tr>
                     <th scope="col" style="width:35%;">{{ $t('list.piggy_bank') }}</th>
diff --git a/resources/assets/js/components/passport/AuthorizedClients.vue b/resources/assets/js/components/passport/AuthorizedClients.vue
index d19079b44a..5cbb70bfef 100644
--- a/resources/assets/js/components/passport/AuthorizedClients.vue
+++ b/resources/assets/js/components/passport/AuthorizedClients.vue
@@ -37,6 +37,7 @@
         <div class="box-body">
           <!-- Authorized Tokens -->
           <table class="table table-responsive table-borderless mb-0">
+            <caption style="display:none;">{{ $t('firefly.profile_authorized_apps') }}</caption>
             <thead>
             <tr>
               <th scope="col">{{ $t('firefly.name') }}</th>
diff --git a/resources/assets/js/components/passport/PersonalAccessTokens.vue b/resources/assets/js/components/passport/PersonalAccessTokens.vue
index e222f56078..c005480c66 100644
--- a/resources/assets/js/components/passport/PersonalAccessTokens.vue
+++ b/resources/assets/js/components/passport/PersonalAccessTokens.vue
@@ -43,6 +43,7 @@
 
           <!-- Personal Access Tokens -->
           <table class="table table-responsive table-borderless mb-0" v-if="tokens.length > 0">
+            <caption style="display:none;">{{ $t('firefly.profile_personal_access_tokens') }}</caption>
             <thead>
             <tr>
               <th scope="col">{{ $t('firefly.name') }}</th>