From 90660177f2da98713fdacb9b06c7fc12df63da50 Mon Sep 17 00:00:00 2001
From: Claudio Schaad <c.schaad@pog.ch>
Date: Tue, 7 Jul 2026 08:21:50 +0200
Subject: [PATCH] PR U-13: title + aria-label on icon-only FluentButtons

Add title (tooltip) + aria-label (screen reader) to the 13 icon-only
buttons across Accounts, BookingRules, BookingTexts, Classes,
Transactions, PendingBookings, and TransactionSplitDialog. Buttons
that already have visible text are unchanged.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 Schaad.Accounting.UI/Components/Pages/Accounts.razor          | 4 ++--
 Schaad.Accounting.UI/Components/Pages/BookingRules.razor      | 4 ++--
 Schaad.Accounting.UI/Components/Pages/BookingTexts.razor      | 4 ++--
 Schaad.Accounting.UI/Components/Pages/Classes.razor           | 4 ++--
 .../Components/Pages/Dialogs/TransactionSplitDialog.razor     | 1 +
 Schaad.Accounting.UI/Components/Pages/PendingBookings.razor   | 2 ++
 Schaad.Accounting.UI/Components/Pages/Transactions.razor      | 4 ++--
 7 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/Schaad.Accounting.UI/Components/Pages/Accounts.razor b/Schaad.Accounting.UI/Components/Pages/Accounts.razor
index 97336c6..1fc9862 100644
--- a/Schaad.Accounting.UI/Components/Pages/Accounts.razor
+++ b/Schaad.Accounting.UI/Components/Pages/Accounts.razor
@@ -19,10 +19,10 @@
     <PropertyColumn Property="@(p => p.StartBalance)" Format="C2"/>
     <PropertyColumn Property="@(p => p.LastBankBalance)" Format="C2" />
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" title="Löschen" aria-label="Löschen" OnClick="@(() => DeleteAsync(context.Id))" />
     </TemplateColumn>
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" title="Bearbeiten" aria-label="Bearbeiten" OnClick="@(() => EditAsync(context.Id))" />
     </TemplateColumn>
 </FluentDataGrid>
 
diff --git a/Schaad.Accounting.UI/Components/Pages/BookingRules.razor b/Schaad.Accounting.UI/Components/Pages/BookingRules.razor
index c2775ae..6d2e5da 100644
--- a/Schaad.Accounting.UI/Components/Pages/BookingRules.razor
+++ b/Schaad.Accounting.UI/Components/Pages/BookingRules.razor
@@ -15,10 +15,10 @@
     <PropertyColumn Property="@(p => p.BookingText)" />
     <PropertyColumn Property="@(p => p.Account)" />
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" title="Löschen" aria-label="Löschen" OnClick="@(() => DeleteAsync(context.Id))" />
     </TemplateColumn>
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" title="Bearbeiten" aria-label="Bearbeiten" OnClick="@(() => EditAsync(context.Id))" />
     </TemplateColumn>
 </FluentDataGrid>
 
diff --git a/Schaad.Accounting.UI/Components/Pages/BookingTexts.razor b/Schaad.Accounting.UI/Components/Pages/BookingTexts.razor
index 829c161..216489a 100644
--- a/Schaad.Accounting.UI/Components/Pages/BookingTexts.razor
+++ b/Schaad.Accounting.UI/Components/Pages/BookingTexts.razor
@@ -12,10 +12,10 @@
 <FluentDataGrid Items="@Filtered" Pagination="@pagination" RowSize="DataGridRowSize.Medium">
     <PropertyColumn Property="@(p => p.Text)" Sortable="true" IsDefaultSortColumn="true" />
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" title="Löschen" aria-label="Löschen" OnClick="@(() => DeleteAsync(context.Id))" />
     </TemplateColumn>
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" title="Bearbeiten" aria-label="Bearbeiten" OnClick="@(() => EditAsync(context.Id))" />
     </TemplateColumn>
 </FluentDataGrid>
 
diff --git a/Schaad.Accounting.UI/Components/Pages/Classes.razor b/Schaad.Accounting.UI/Components/Pages/Classes.razor
index 5374008..5ad6584 100644
--- a/Schaad.Accounting.UI/Components/Pages/Classes.razor
+++ b/Schaad.Accounting.UI/Components/Pages/Classes.razor
@@ -10,10 +10,10 @@
     <PropertyColumn Property="@(p => p.Number)" Sortable="true" IsDefaultSortColumn="true" Width="200px" />
     <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" title="Löschen" aria-label="Löschen" OnClick="@(() => DeleteAsync(context.Id))" />
     </TemplateColumn>
     <TemplateColumn Align="Align.Center" Width="50px">
-        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))" />
+        <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" title="Bearbeiten" aria-label="Bearbeiten" OnClick="@(() => EditAsync(context.Id))" />
     </TemplateColumn>
 </FluentDataGrid>
 
diff --git a/Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionSplitDialog.razor b/Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionSplitDialog.razor
index 1d85583..5e0648c 100644
--- a/Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionSplitDialog.razor
+++ b/Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionSplitDialog.razor
@@ -65,6 +65,7 @@
                     </td>
                     <td style="align-content: center">
                         <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral"
+                                      title="Zeile entfernen" aria-label="Zeile entfernen"
                                       OnClick="@(() => transactionList.Remove(transaction))"/>
                     </td>
                 </tr>
diff --git a/Schaad.Accounting.UI/Components/Pages/PendingBookings.razor b/Schaad.Accounting.UI/Components/Pages/PendingBookings.razor
index 04137a3..ab5251e 100644
--- a/Schaad.Accounting.UI/Components/Pages/PendingBookings.razor
+++ b/Schaad.Accounting.UI/Components/Pages/PendingBookings.razor
@@ -59,10 +59,12 @@ else
                 </td>
                 <td style="align-content: center">
                     <FluentButton IconEnd="@(new Icons.Regular.Size16.SplitVertical())" Appearance="Appearance.Neutral"
+                                  title="Aufteilen" aria-label="Aufteilen"
                                   OnClick="@(() => SplitBankTransactionAsync(transaction))" Disabled="@(transaction.Value > 0 || transaction.ReadOnly)" />
                 </td>
                 <td style="align-content: center">
                     <FluentButton IconEnd="@(new Icons.Regular.Size16.Save())" Appearance="Appearance.Neutral"
+                                  title="Buchen" aria-label="Buchen"
                                   OnClick="@(() => BookBankTransactionAsync(transaction))"
                                   Disabled="@transaction.ReadOnly" />
                 </td>
diff --git a/Schaad.Accounting.UI/Components/Pages/Transactions.razor b/Schaad.Accounting.UI/Components/Pages/Transactions.razor
index b473ac8..d55d04a 100644
--- a/Schaad.Accounting.UI/Components/Pages/Transactions.razor
+++ b/Schaad.Accounting.UI/Components/Pages/Transactions.razor
@@ -55,10 +55,10 @@
                     @context.GetValue(selectedAccount.IsFxAccount).ToString("N2") @selectedAccount.Currency
                 </TemplateColumn>
                 <TemplateColumn Align="Align.Center" Width="50px">
-                    <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))"/>
+                    <FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" title="Löschen" aria-label="Löschen" OnClick="@(() => DeleteAsync(context.Id))"/>
                 </TemplateColumn>
                 <TemplateColumn Align="Align.Center" Width="50px">
-                    <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))"/>
+                    <FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" title="Bearbeiten" aria-label="Bearbeiten" OnClick="@(() => EditAsync(context.Id))"/>
                 </TemplateColumn>
             </FluentDataGrid>
         }