From 8f47ec6d4e3b7fcb9bfc0d0329da938457e56aff Mon Sep 17 00:00:00 2001
From: Alex Turchyn <alex@docuseal.com>
Date: Wed, 30 Sep 2026 04:14:36 +0300
Subject: [PATCH] add accessible names to table size counters

---
 .../template_builder/dynamic_insert_menu.vue  |  2 ++
 app/javascript/template_builder/i18n.js       | 28 +++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/app/javascript/template_builder/dynamic_insert_menu.vue b/app/javascript/template_builder/dynamic_insert_menu.vue
index 820eaad0e..ae328914e 100644
--- a/app/javascript/template_builder/dynamic_insert_menu.vue
+++ b/app/javascript/template_builder/dynamic_insert_menu.vue
@@ -119,6 +119,7 @@
               <div class="flex items-center border border-neutral-200 rounded-md">
                 <button
                   class="inline-flex items-center justify-center w-6 h-6 rounded-md hover:bg-neutral-100"
+                  :aria-label="t(`decrease_${key}`)"
                   @click="tableSize[key] = Math.max(tableSize[key] - 1, 1)"
                 >
                   <IconMinus
@@ -129,6 +130,7 @@
                 <span class="w-5 text-center">{{ tableSize[key] }}</span>
                 <button
                   class="inline-flex items-center justify-center w-6 h-6 rounded-md hover:bg-neutral-100"
+                  :aria-label="t(`increase_${key}`)"
                   @click="tableSize[key] = Math.min(tableSize[key] + 1, 20)"
                 >
                   <IconPlus
diff --git a/app/javascript/template_builder/i18n.js b/app/javascript/template_builder/i18n.js
index 9dc3cc9af..a377ba2f3 100644
--- a/app/javascript/template_builder/i18n.js
+++ b/app/javascript/template_builder/i18n.js
@@ -271,6 +271,10 @@ const en = {
   insert: 'Insert',
   field: 'Field',
   table: 'Table',
+  decrease_rows: 'Fewer rows',
+  increase_rows: 'More rows',
+  decrease_cols: 'Fewer columns',
+  increase_cols: 'More columns',
   align_center: 'Align Center',
   insert_row_above: 'Insert row above',
   insert_row_below: 'Insert row below',
@@ -558,6 +562,10 @@ const es = {
   insert: 'Insertar',
   field: 'Campo',
   table: 'Tabla',
+  decrease_rows: 'Menos filas',
+  increase_rows: 'Más filas',
+  decrease_cols: 'Menos columnas',
+  increase_cols: 'Más columnas',
   align_center: 'Centrar',
   insert_row_above: 'Fila arriba',
   insert_row_below: 'Fila abajo',
@@ -845,6 +853,10 @@ const it = {
   insert: 'Inserisci',
   field: 'Campo',
   table: 'Tabella',
+  decrease_rows: 'Meno righe',
+  increase_rows: 'Più righe',
+  decrease_cols: 'Meno colonne',
+  increase_cols: 'Più colonne',
   align_center: 'Centra',
   insert_row_above: 'Riga sopra',
   insert_row_below: 'Riga sotto',
@@ -1132,6 +1144,10 @@ const pt = {
   insert: 'Inserir',
   field: 'Campo',
   table: 'Tabela',
+  decrease_rows: 'Menos linhas',
+  increase_rows: 'Mais linhas',
+  decrease_cols: 'Menos colunas',
+  increase_cols: 'Mais colunas',
   align_center: 'Centralizar',
   insert_row_above: 'Linha acima',
   insert_row_below: 'Linha abaixo',
@@ -1419,6 +1435,10 @@ const fr = {
   insert: 'Insérer',
   field: 'Champ',
   table: 'Tableau',
+  decrease_rows: 'Moins de lignes',
+  increase_rows: 'Plus de lignes',
+  decrease_cols: 'Moins de colonnes',
+  increase_cols: 'Plus de colonnes',
   align_center: 'Centrer',
   insert_row_above: 'Ligne au-dessus',
   insert_row_below: 'Ligne en dessous',
@@ -1706,6 +1726,10 @@ const de = {
   insert: 'Einfügen',
   field: 'Feld',
   table: 'Tabelle',
+  decrease_rows: 'Weniger Zeilen',
+  increase_rows: 'Mehr Zeilen',
+  decrease_cols: 'Weniger Spalten',
+  increase_cols: 'Mehr Spalten',
   align_center: 'Zentrieren',
   insert_row_above: 'Zeile darüber',
   insert_row_below: 'Zeile darunter',
@@ -1993,6 +2017,10 @@ const nl = {
   insert: 'Invoegen',
   field: 'Veld',
   table: 'Tabel',
+  decrease_rows: 'Minder rijen',
+  increase_rows: 'Meer rijen',
+  decrease_cols: 'Minder kolommen',
+  increase_cols: 'Meer kolommen',
   align_center: 'Centreren',
   insert_row_above: 'Rij erboven',
   insert_row_below: 'Rij eronder',