From b73af27d1b340864c114aa7ea8b39a392f62a212 Mon Sep 17 00:00:00 2001
From: McLayn <mclayn.v@gmail.com>
Date: Sun, 10 Nov 2024 13:53:44 +0100
Subject: [PATCH] Add a 'scope' attribute to <th> tags

---
 .../components/Admin/Module/UniqueValues.vue  | 10 ++++-----
 .../PageBlocks/Navigation/Configurator.vue    | 11 +++++-----
 .../Navigation/NavTypes/Dropdown.vue          |  7 ++++---
 .../PageBlocks/TabsConfigurator.vue           |  7 ++++---
 .../compose/src/views/Admin/Modules/Edit.vue  | 21 ++++++++++++-------
 .../compose/src/views/Admin/Pages/Edit.vue    |  6 ++++--
 6 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/client/web/compose/src/components/Admin/Module/UniqueValues.vue b/client/web/compose/src/components/Admin/Module/UniqueValues.vue
index f36c8064f..e4e7a6a31 100644
--- a/client/web/compose/src/components/Admin/Module/UniqueValues.vue
+++ b/client/web/compose/src/components/Admin/Module/UniqueValues.vue
@@ -71,19 +71,19 @@
         >
           <thead>
             <tr class="text-primary">
-              <th>
+              <th scope="col">
                 {{ $t("field") }}
               </th>
-              <th>
+              <th scope="col">
                 {{ $t("type") }}
               </th>
-              <th style="width: 250px;">
+              <th scope="col" style="width: 250px;">
                 {{ $t("valueModifiers") }}
               </th>
-              <th style="width: 250px;">
+              <th scope="col" style="width: 250px;">
                 {{ $t("multiValues") }}
               </th>
-              <th style="width: 150px;" />
+              <th scope="col" style="width: 150px;" />
             </tr>
           </thead>
 
diff --git a/client/web/compose/src/components/PageBlocks/Navigation/Configurator.vue b/client/web/compose/src/components/PageBlocks/Navigation/Configurator.vue
index 745af9a9b..85eba86b1 100644
--- a/client/web/compose/src/components/PageBlocks/Navigation/Configurator.vue
+++ b/client/web/compose/src/components/PageBlocks/Navigation/Configurator.vue
@@ -97,28 +97,29 @@
               >
                 <thead class="text-primary">
                   <tr>
-                    <th style="width: auto;" />
+                    <th scope="col" style="width: auto;" />
 
-                    <th style="min-width: 200px;">
+                    <th scope="col" style="min-width: 200px;">
                       {{ $t("navigation.type") }}
                     </th>
 
-                    <th style="min-width: 200px;">
+                    <th scope="col" style="min-width: 200px;">
                       {{ $t("navigation.color") }}
                     </th>
 
-                    <th style="min-width: 200px;">
+                    <th scope="col" style="min-width: 200px;">
                       {{ $t("navigation.background") }}
                     </th>
 
                     <th
                       class="text-center"
+                      scope="col"
                       style="width: 50px; min-width: 50px;"
                     >
                       {{ $t("navigation.enabled") }}
                     </th>
 
-                    <th style="width: auto; min-width: 100px;" />
+                    <th scope="col" style="width: auto; min-width: 100px;" />
                   </tr>
                 </thead>
 
diff --git a/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/Dropdown.vue b/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/Dropdown.vue
index 5bc97e506..0689480bc 100644
--- a/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/Dropdown.vue
+++ b/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/Dropdown.vue
@@ -43,17 +43,18 @@
       >
         <thead>
           <tr class="text-primary">
-            <th style="min-width: 200px;">
+            <th scope="col" style="min-width: 200px;">
               {{ $t("navigation.text") }}
             </th>
-            <th style="min-width: 200px;">
+            <th scope="col" style="min-width: 200px;">
               {{ $t("navigation.url") }}
             </th>
-            <th style="min-width: 200px;">
+            <th scope="col" style="min-width: 200px;">
               {{ $t('navigation.openIn') }}
             </th>
             <th
               class="text-center"
+              scope="col"
               style="width: 50px; min-width: 50px;"
             >
               {{ $t("navigation.delimiter") }}
diff --git a/client/web/compose/src/components/PageBlocks/TabsConfigurator.vue b/client/web/compose/src/components/PageBlocks/TabsConfigurator.vue
index 49f77ea15..d4ecabd45 100644
--- a/client/web/compose/src/components/PageBlocks/TabsConfigurator.vue
+++ b/client/web/compose/src/components/PageBlocks/TabsConfigurator.vue
@@ -122,9 +122,9 @@
       >
         <b-thead>
           <tr>
-            <th />
+            <th scope="col" />
 
-            <th class="d-flex align-items-center text-primary">
+            <th class="d-flex align-items-center text-primary" scope="col">
               {{ $t('tabs.table.columns.title.label') }}
               <c-hint
                 :tooltip="$t('interpolationFootnote', ['${record.values.fieldName}', '${recordID}', '${ownerID}', '${userID}'])"
@@ -134,11 +134,12 @@
 
             <th
               class="text-primary"
+              scope="col"
             >
               {{ $t('tabs.table.columns.block.label') }}
             </th>
 
-            <th />
+            <th scope="col" />
           </tr>
         </b-thead>
 
diff --git a/client/web/compose/src/views/Admin/Modules/Edit.vue b/client/web/compose/src/views/Admin/Modules/Edit.vue
index b4c873104..a3d707340 100644
--- a/client/web/compose/src/views/Admin/Modules/Edit.vue
+++ b/client/web/compose/src/views/Admin/Modules/Edit.vue
@@ -229,9 +229,10 @@
                     >
                       <thead>
                         <tr>
-                          <th />
+                          <th scope="col" />
                           <th
                             class="text-primary"
+                            scope="col"
                           >
                             <div
                               class="d-flex align-items-center"
@@ -244,6 +245,7 @@
                           </th>
                           <th
                             class="text-primary"
+                            scope="col"
                           >
                             <div
                               class="d-flex align-items-center"
@@ -255,22 +257,22 @@
                             </div>
                           </th>
 
-                          <th class="text-primary">
+                          <th class="text-primary" scope="col">
                             {{ $t('general:label.type') }}
                           </th>
 
-                          <th />
-                          <th />
+                          <th scope="col" />
+                          <th scope="col" />
 
-                          <th class="text-primary text-center pr-3">
+                          <th class="text-primary text-center pr-3" scope="col">
                             {{ $t('general:label.required') }}
                           </th>
 
-                          <th class="text-primary text-center pl-2">
+                          <th class="text-primary text-center pl-2" scope="col">
                             {{ $t('general:label.multi') }}
                           </th>
 
-                          <th />
+                          <th scope="col" />
                         </tr>
                       </thead>
 
@@ -313,10 +315,11 @@
                     >
                       <thead>
                         <tr>
-                          <th />
+                          <th scope="col" />
 
                           <th
                             class="text-primary"
+                            scope="col"
                             style="min-width: 250px;"
                           >
                             {{ $t('general:label.name') }}
@@ -324,6 +327,7 @@
 
                           <th
                             class="text-primary"
+                            scope="col"
                             style="min-width: 250px;"
                           >
                             {{ $t('general.label.title') }}
@@ -332,6 +336,7 @@
                           <th
                             colspan="5"
                             class="text-primary"
+                            scope="col"
                             style="min-width: 250px;"
                           >
                             {{ $t('general:label.type') }}
diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
index 09f5bf68e..9843ce9a3 100644
--- a/client/web/compose/src/views/Admin/Pages/Edit.vue
+++ b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -258,20 +258,22 @@
                 >
                   <b-thead>
                     <tr>
-                      <th style="width: 40px;" />
+                      <th scope="col" style="width: 40px;" />
                       <th
                         class="text-primary"
+                        scope="col"
                         style="min-width: 300px;"
                       >
                         {{ $t('page-layout.title') }}
                       </th>
                       <th
                         class="text-primary"
+                        scope="col"
                         style="min-width: 300px;"
                       >
                         {{ $t('page-layout.handle') }}
                       </th>
-                      <th style="min-width: 100px;" />
+                      <th scope="col" style="min-width: 100px;" />
                     </tr>
                   </b-thead>