RadzenSteps.razor markup likely has a typo #1551

Closed
opened 2026-01-29 17:55:17 +00:00 by claunia · 0 comments
Owner

Originally created by @vadimb7 on GitHub (Dec 22, 2024).

Describe the bug
RadzenSteps.razor has mistyped aria-label as arial-label

To Reproduce
Steps to reproduce the behavior:

  1. Go to RadzenSteps.razor
  2. Observe:
   <div class="rz-steps-buttons">
        <a id="@(GetId() + "prev")" title="@PreviousTitle" arial-label="@PreviousAriaLabel" tabindex="@(IsFirstVisibleStep() ? -1 : 0)"
           class='@($"rz-steps-prev {(IsFirstVisibleStep() ?  "rz-state-disabled" : "")}")'
                   @onkeypress="@(args => OnKeyPress(args, PrevStep()))" @onkeypress:preventDefault=preventKeyPress @onkeypress:stopPropagation
           @onclick="@PrevStep" @onclick:preventDefault="true"><span class="notranslate rzi"></span>@PreviousText</a>
        <a id="@(GetId() + "next")" title="@NextTitle" arial-label="@NextAriaLabel" tabindex="@(IsLastVisibleStep() ? -1 : 0)"
           class='@($"rz-steps-next {(IsLastVisibleStep() ?  "rz-state-disabled" : "")}")' 
                   @onkeypress="@(args => OnKeyPress(args, NextStep()))" @onkeypress:preventDefault=preventKeyPress @onkeypress:stopPropagation
           @onclick="@NextStep" @onclick:preventDefault="true">@NextText<span class="notranslate rzi"></span></a>
    </div>
  1. See arial-label instead of aria-label

Expected behavior
aria-label specified properly

Desktop (please complete the following information):

  • Any
  • Browser - Any
  • Version 5.7.1
Originally created by @vadimb7 on GitHub (Dec 22, 2024). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** RadzenSteps.razor has mistyped aria-label as arial-label **To Reproduce** Steps to reproduce the behavior: 1. Go to RadzenSteps.razor 2. Observe: ``` <div class="rz-steps-buttons"> <a id="@(GetId() + "prev")" title="@PreviousTitle" arial-label="@PreviousAriaLabel" tabindex="@(IsFirstVisibleStep() ? -1 : 0)" class='@($"rz-steps-prev {(IsFirstVisibleStep() ? "rz-state-disabled" : "")}")' @onkeypress="@(args => OnKeyPress(args, PrevStep()))" @onkeypress:preventDefault=preventKeyPress @onkeypress:stopPropagation @onclick="@PrevStep" @onclick:preventDefault="true"><span class="notranslate rzi"></span>@PreviousText</a> <a id="@(GetId() + "next")" title="@NextTitle" arial-label="@NextAriaLabel" tabindex="@(IsLastVisibleStep() ? -1 : 0)" class='@($"rz-steps-next {(IsLastVisibleStep() ? "rz-state-disabled" : "")}")' @onkeypress="@(args => OnKeyPress(args, NextStep()))" @onkeypress:preventDefault=preventKeyPress @onkeypress:stopPropagation @onclick="@NextStep" @onclick:preventDefault="true">@NextText<span class="notranslate rzi"></span></a> </div> ``` 4. See arial-label instead of aria-label **Expected behavior** aria-label specified properly **Desktop (please complete the following information):** - Any - Browser - Any - Version 5.7.1
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1551