Lexicon 1594 - table selection and deletion controls dont indicate which row

js/PulsarUIComponent.js

@@ -145,6 +145,21 @@ PulsarUIComponent.getDatatableOptions = function ($table) {
         style: 'multi'
     };
 
+    // Update aria-labels with correct row numbers
+    $table.on('draw.dt', function() {
+        const api = $table.DataTable();
+        const pageInfo = api.page.info();
+        const start = pageInfo.start;
+
+        $table.find('tbody tr').each(function(index) {
+            const rowNumber = start + index + 1;
+            const $row = $(this);
+
+            // Update checkbox aria-label
+            $row.find('.js-select').attr('aria-label', `Select row ${rowNumber}`);
+        });
+    });
+
     return options;
 };
 

views/lexicon/tables/sortable.html.twig

@@ -47,7 +47,11 @@
                             'tabindex': '0'
                         })
                     }}
-                    {{ html.remove_button({ 'placement': 'right' }) }}
+                    {{ html.remove_button({ 
+                        'placement': 'right',
+                        'label': 'Remove row 1'
+                        }) 
+                    }}
                 </td>
             </tr>
 
@@ -83,7 +87,11 @@
                             'tabindex': '0'
                         })
                     }}
-                    {{ html.remove_button({ 'placement': 'right' }) }}
+                    {{ html.remove_button({ 
+                        'placement': 'right',
+                        'label': 'Remove row 2'
+                        }) 
+                    }}
                 </td>
             </tr>
 
@@ -119,7 +127,11 @@
                             'tabindex': '0'
                         })
                     }}
-                    {{ html.remove_button({ 'placement': 'right' }) }}
+                    {{ html.remove_button({ 
+                        'placement': 'right',
+                        'label': 'Remove row 3'
+                        }) 
+                    }}
                 </td>
             </tr>
         </tbody>