Accessibility RadzenRadioButtonList question

Radzen.Blazor Components
1

Wave is giving me a "missing fieldset" warning for a RadzenRadioButtonList (code below).

    <RadzenRadioButtonList aria-label="Did the employee complete UI Confidentiality Modules 1, 2 and 3 of the current year?" Name="conMod" @bind-Value=@DOLMainFrameRequest.ModulesCompleated TValue="int" Disabled="@ReadOnly">
    <Items>
        <RadzenRadioButtonListItem Text="Yes" Value="1" />
        <RadzenRadioButtonListItem Text="No" Value="2" />
    </Items>

</RadzenRadioButtonList>

researching this I can see how to implement it on a bootstrap list but cant apply it to the Radzen control. I tried adding a RadzenFieldSet (code below) but this had no
effect.

    <RadzenRadioButtonList aria-label="Did the employee complete UI Confidentiality Modules 1, 2 and 3 of the current year?" Name="conMod" @bind-Value=@DOLMainFrameRequest.ModulesCompleated TValue="int" Disabled="@ReadOnly">
    <Items>
        <RadzenFieldset>
            <RadzenRadioButtonListItem Text="Yes" Value="1" />
            <RadzenRadioButtonListItem Text="No" Value="2" />
        </RadzenFieldset>
    </Items>

</RadzenRadioButtonList>
``
2

Maybe this thread will help:

3

I dont see how to apply it to the Radzen control in my snippet. I'll admit I don't fully understand the code in the solution on that thread. Im using the radzen control so its compairing apples and oranges

4

The thread illustrates how to group radio buttons (or any inputs) for accessibility without fieldset. If you want to have fieldset wrapping all items you should wrap the entire RadzenRadioButtonList component. Such syntax is invalid:

5

I tried that but it doesnt stop Wave from throwing the fieldset warning. Oddly I did get it to stop throwing the warning. When I removed the Disabled property.

<RadzenRadioButtonList aria-label="Did the employee complete UI Confidentiality Modules 1, 2 and 3 of the current year?" @bind-Value=@DOLMainFrameRequest.ModulesCompleated TValue="int" >
    <Items>
        <RadzenRadioButtonListItem Text="Yes" Value="1" disabled="@ReadOnly" />
        <RadzenRadioButtonListItem Text="No" Value="2" disabled="@ReadOnly" />
    </Items>

</RadzenRadioButtonList>