SplitButton OpenAriaLabel and Tree SelectItemAriaLabel added

radzenhq · Dec 6, 2023 · faab0e8 · faab0e8
1 parent efae6af
commit faab0e8
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 5 deletions.
diff --git a/Radzen.Blazor/RadzenSplitButton.razor b/Radzen.Blazor/RadzenSplitButton.razor
@@ -32,7 +32,7 @@
                     <span class="rz-button-text">&nbsp;</span>
                 }
             }
-        </button><button disabled="@IsDisabled" onclick="@OpenPopupScript()" class="@getPopupButtonCss()" type="button">
+        </button><button disabled="@IsDisabled" onclick="@OpenPopupScript()" class="@getPopupButtonCss()" type="button" aria-label="@OpenAriaLabel">
             <span aria-hidden="true" class="rz-button-icon-left rzi rzi-chevron-down"></span><span class="rz-button-text"></span>
         </button>
         <div id="@PopupID" class="rz-splitbutton-menu">

diff --git a/Radzen.Blazor/RadzenSplitButton.razor.cs b/Radzen.Blazor/RadzenSplitButton.razor.cs
@@ -123,6 +123,13 @@ private string getButtonSize()
         [Parameter]
         public bool AlwaysOpenPopup { get; set; }
 
+
+        /// <summary>
+        /// Gets or sets the open button aria-label attribute.
+        /// </summary>
+        [Parameter]
+        public string OpenAriaLabel { get; set; } = "Open";
+
         /// <summary>
         /// Gets or sets the click callback.
         /// </summary>

diff --git a/Radzen.Blazor/RadzenTree.razor.cs b/Radzen.Blazor/RadzenTree.razor.cs
@@ -31,6 +31,12 @@ namespace Radzen.Blazor
     /// </example>
     public partial class RadzenTree : RadzenComponent
     {
+        /// <summary>
+        /// Gets or sets the open button aria-label attribute.
+        /// </summary>
+        [Parameter]
+        public string SelectItemAriaLabel { get; set; } = "Select item";
+
         /// <inheritdoc />
         protected override string GetComponentCssClass()
         {

diff --git a/Radzen.Blazor/RadzenTreeItem.razor b/Radzen.Blazor/RadzenTreeItem.razor
@@ -9,7 +9,7 @@
         }
         @if(Tree != null && Tree.AllowCheckBoxes)
         {
-            <RadzenCheckBox Name="@($"{GetHashCode()}")" TValue="bool?" Value="@IsChecked()" Change="@CheckedChange" />
+            <RadzenCheckBox Name="@($"{GetHashCode()}")" TValue="bool?" Value="@IsChecked()" Change="@CheckedChange" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", Tree.SelectItemAriaLabel }})" />
         }
         @if (Template != null)
         {

diff --git a/RadzenBlazorDemos/Pages/CascadingDropDowns.razor b/RadzenBlazorDemos/Pages/CascadingDropDowns.razor
@@ -10,15 +10,15 @@
             <RadzenCard>
                 <RadzenText TextStyle="TextStyle.H6" TagName="TagName.H3">1. Customers</RadzenText>
                 <RadzenDropDown Style="width:300px" TValue="string" @bind-Value="CustomerID" Placeholder="Select customer" AllowFiltering="true" 
-                    Data="@(customers)" TextProperty="CompanyName" ValueProperty="CustomerID" 
+                    Data="@(customers)" TextProperty="CompanyName" ValueProperty="CustomerID" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Select customer" }})"
                         Change="@(args => { orders = dbContext.Orders.Where(o => o.CustomerID == CustomerID); })"/>
             </RadzenCard>
         </div>
         <div class="col-xl-6 mb-4">
             <RadzenCard>
                 <RadzenText TextStyle="TextStyle.H6" TagName="TagName.H3">2. Orders</RadzenText>
                 <RadzenDropDown Style="width:300px" TValue="int" @bind-Value="OrderID" Placeholder="Select order" 
-                    Data="@(orders)" ValueProperty="OrderID"
+                    Data="@(orders)" ValueProperty="OrderID" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Select order" }})"
                                 Change="@(args => { orderDetails = dbContext.OrderDetails.Where(o => o.OrderID == OrderID).Include("Product"); })">
                     <Template>
                         Order Date: @String.Format("{0:d}", ((Order)context).OrderDate)

diff --git a/RadzenBlazorDemos/Pages/DataGridEmpty.razor b/RadzenBlazorDemos/Pages/DataGridEmpty.razor
@@ -21,7 +21,7 @@
 
 <h3 class="mt-4">Custom Empty Text</h3>
 <div class="mb-4">
-    Custom text: <RadzenTextBox @bind-Value="emptyText" class="ml-2" Style="width: 300px;" />
+    Custom text: <RadzenTextBox @bind-Value="emptyText" class="ml-2" Style="width: 300px;" aria-label="custom text" />
 </div>
 <RadzenDataGrid TItem="Employee" Data="@data" EmptyText="@emptyText">
     <Columns>