From efae6afd5a802b61c6d19ab509e72cf009a6718e Mon Sep 17 00:00:00 2001
From: Vladimir Enchev <vladimir.enchev@gmail.com>
Date: Wed, 6 Dec 2023 16:44:09 +0200
Subject: [PATCH] demos accessibility improved

---
 RadzenBlazorDemos/Pages/DataGridCustomHeader.razor      | 2 +-
 RadzenBlazorDemos/Pages/DataGridFrozenColumns.razor     | 2 +-
 RadzenBlazorDemos/Pages/DataGridMultipleSelection.razor | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/RadzenBlazorDemos/Pages/DataGridCustomHeader.razor b/RadzenBlazorDemos/Pages/DataGridCustomHeader.razor
index c39ee4eb4c9..1feb031c9d0 100644
--- a/RadzenBlazorDemos/Pages/DataGridCustomHeader.razor
+++ b/RadzenBlazorDemos/Pages/DataGridCustomHeader.razor
@@ -13,7 +13,7 @@
         <RadzenDataGridColumn Visible="@EmployeeIDVisible" TItem="Employee" Property="EmployeeID" Title="ID" Width="80px" TextAlign="TextAlign.Center" Frozen="true" />
         <RadzenDataGridColumn TItem="Employee" Title="Photo" Sortable="false" Width="200px" Pickable="false">
             <Template Context="data">
-                <RadzenImage Path="@data.Photo" class="rz-gravatar" />
+                <RadzenImage Path="@data.Photo" class="rz-gravatar" AlternateText="@(data.FirstName + " " + data.LastName)" />
             </Template>
         </RadzenDataGridColumn>
         <RadzenDataGridColumn TItem="Employee" Property="FirstName" Title="First Name" />
diff --git a/RadzenBlazorDemos/Pages/DataGridFrozenColumns.razor b/RadzenBlazorDemos/Pages/DataGridFrozenColumns.razor
index 38217a978aa..95e609b15ef 100644
--- a/RadzenBlazorDemos/Pages/DataGridFrozenColumns.razor
+++ b/RadzenBlazorDemos/Pages/DataGridFrozenColumns.razor
@@ -10,7 +10,7 @@
         <RadzenDataGridColumn TItem="Employee" Property="EmployeeID" Filterable="false" Title="ID" Frozen="true" Width="5rem" TextAlign="TextAlign.Center" />
         <RadzenDataGridColumn TItem="Employee" Title="Photo" Sortable="false" Filterable="false" Frozen="@frozen" Width="80px" TextAlign="TextAlign.Center">
             <HeaderTemplate>
-                <RadzenCheckBox @bind-Value="frozen" title="Pin/Unpin this column" />
+                <RadzenCheckBox @bind-Value="frozen" title="Pin/Unpin this column" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Pin/Unpin Photo column" }})" />
             </HeaderTemplate>
             <Template Context="data">
                 <RadzenImage Path="@data.Photo" class="rz-gravatar" AlternateText="@(data.FirstName + " " + data.LastName)" />
diff --git a/RadzenBlazorDemos/Pages/DataGridMultipleSelection.razor b/RadzenBlazorDemos/Pages/DataGridMultipleSelection.razor
index 23acaebe2a9..54ed109e8f5 100644
--- a/RadzenBlazorDemos/Pages/DataGridMultipleSelection.razor
+++ b/RadzenBlazorDemos/Pages/DataGridMultipleSelection.razor
@@ -16,12 +16,12 @@
     <Columns>
         <RadzenDataGridColumn TItem="Employee" Width="60px" Sortable="false" Filterable="false">
             <HeaderTemplate>
-                <RadzenCheckBox TriState="false" TValue="bool?" 
+                <RadzenCheckBox TriState="false" TValue="bool?" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Select all items" }})"
                    Value="@(selectedEmployees == null || selectedEmployees?.Any() != true ? false : !employees.All(i => selectedEmployees.Contains(i)) ? null : employees.Any(i => selectedEmployees.Contains(i)))"
                    Change="@(args => selectedEmployees = args == true ? employees.ToList() : null)" />
             </HeaderTemplate>
             <Template Context="data">
-                <RadzenCheckBox TriState="false" Value="@(selectedEmployees != null && selectedEmployees.Contains(data))" 
+                <RadzenCheckBox TriState="false" Value="@(selectedEmployees != null && selectedEmployees.Contains(data))" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Select item" }})"
                     TValue="bool" Change=@(args => { if(!allowRowSelectOnRowClick) { grid.SelectRow(data); }}) />
             </Template>
         </RadzenDataGridColumn>