Improved checkbox aria-label identification

Author: PlayerModu

src/CodeBeam.MudBlazor.Extensions/Components/ListExtended/MudListItemExtended.razor

@@ -82,15 +82,18 @@
                 <div class="@MultiSelectClassName">
                     @if (OverrideMultiSelectionComponent == null ? MudListExtended?.MultiSelectionComponent == MultiSelectionComponent.CheckBox : OverrideMultiSelectionComponent.Value == MultiSelectionComponent.CheckBox)
                     {
-                        <MudCheckBox Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" Dense="true" />
+                        <MudCheckBox Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" Dense="true"
+                                     aria-label="@($"Select {AccessibleName}")" />
                     }
                     else if (OverrideMultiSelectionComponent == null ? MudListExtended?.MultiSelectionComponent == MultiSelectionComponent.Switch : OverrideMultiSelectionComponent.Value == MultiSelectionComponent.Switch)
                     {
-                        <MudSwitch Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" StopClickPropagation="true" />
+                        <MudSwitch Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" StopClickPropagation="true"
+                                   aria-label="@($"Select {AccessibleName}")" />
                     }
                     else if (OverrideMultiSelectionComponent == null ? MudListExtended?.MultiSelectionComponent == MultiSelectionComponent.SwitchM3 : OverrideMultiSelectionComponent.Value == MultiSelectionComponent.SwitchM3)
                     {
-                        <MudSwitchM3 Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" StopClickPropagation="true" />
+                        <MudSwitchM3 Color="@(MudListExtended?.Color ?? Color.Default)" Disabled="@GetDisabledStatus()" @bind-Value="_selected" @onclick="OnClickHandler" StopClickPropagation="true"
+                                   aria-label="@($"Select {AccessibleName}")" />
                     }
                 </div>
             }

tests/CodeBeam.MudBlazor.Extensions.UnitTests/Components/SelectExtendedTests.cs

@@ -57,11 +57,11 @@ public void MultiSelect_Items_Should_Expose_Checkbox_AriaLabel_And_TestId()
             item.GetAttribute("role").Should().Be("option");
             var checkbox = item.QuerySelector("input[type=checkbox]");
             checkbox.Should().NotBeNull();
-            var ariaLabel = checkbox.GetAttribute("aria-label");
-            ariaLabel.Should().NotBeNullOrEmpty();
             var optionAria = item.GetAttribute("aria-label");
             optionAria.Should().NotBeNullOrEmpty();
-            optionAria.Trim().Should().Be(ariaLabel.Trim());
+            var checkboxAria = checkbox.GetAttribute("aria-label");
+            checkboxAria.Should().NotBeNullOrEmpty();
+            checkboxAria.Trim().Should().Be($"Select {optionAria.Trim()}");
         }
 
         // Note: MudSelect doesn't guaranteed the consequences of changing Value if MultiSelection is true for now.