Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 10 Nov 2023 06:54 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)
Leon
Created on: 16 Sep 2022 21:01
Category: UI for Blazor
Type: Bug Report
0
[Accessibility] FilterRow filter numeric edit box has invalid aria-valuemin/aria-valuemax values

 

Title: WCAG 4.1.2: Ensures all ARIA attributes have valid values (input[_bl_2=""])
Tags: Accessibility, WCAG 4.1.2, aria-valid-attr-value

Issue: Ensures all ARIA attributes have valid values (aria-valid-attr-value - https://accessibilityinsights.io/info-examples/web/aria-valid-attr-value)

Target application: Hermes Home - https://localhost/TrafficLoss

Element path: input[_bl_2=""]

Snippet: <input tabindex="0" class="k-input-inner" role="spinbutton" aria-valuemin="-1.7976931348623157E+308" aria-valuemax="1.7976931348623157E+308" data-id="fe5748c4-0ddd-455e-ad61-aafc0e0367fb" _bl_2="">

How to fix: 
Fix all of the following:
  Invalid ARIA attribute values: aria-valuemin="-1.7976931348623157E+308", aria-valuemax="1.7976931348623157E+308"

Environment: Microsoft Edge version 105.0.1343.42

====

This accessibility issue was found using Accessibility Insights for Web 2.34.1 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
3 comments
ADMIN
Hristian Stefanov
Posted on: 30 Sep 2022 15:20

Hi Leon,

Thank you for giving part of the configuration. I highly appreciate your cooperation.

I followed it carefully and tested it again. Still, it seems like somehow I'm getting the valuemin and max attributes correctly on the "axe" scan.

That said, in order to help me reproduce the issue, can you please send me the whole configuration via REPL? This will allow me to see the scenario as runnable and isolated on my machine.

I look forward to your reply. In the meantime, if I manage to reproduce it, I will contact you immediately.

Regards,
Hristian Stefanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Leon
Posted on: 26 Sep 2022 05:30

Hi Hristian,

Please see bellow.

 

                            <TelerikGrid Data=@ViewModel.Requests
                                            EditMode="@GridEditMode.Inline"
                                            Height="50%"
                                            Width="100%"
                                            Resizable="true"
                                            Pageable="true"
                                            OnCreate="@ViewModel.CreateRequest"
                                            OnUpdate="@ViewModel.UpdateRequest"
                                            OnCancel="@ViewModel.CancelRequest"
                                            OnDelete="@ViewModel.DeleteRequest"
                                            PageSize=5>
 

                                            <GridColumn Resizable="true" Width="auto" Field="@property.Name" Title="@title">

                                                <Template>
                                                    <span style="white-space: nowrap;">
                                                        @(property.GetValue(context))
                                                    </span>
                                                </Template>
                                                <EditorTemplate>
                                                    <input title="@title" type="number" style="width:100%"
                                                        value=@(property.GetValue(context))
                                                        @onchange="@(
                                                            (ChangeEventArgs __e) =>
                                                            {
                                                                var currentVal = Convert.ChangeType(property.GetValue(context), property.PropertyType);
                                                                var newVal = Convert.ChangeType(__e.Value, property.PropertyType);
                                                                if(currentVal != newVal)
                                                                {
                                                                    property.SetValue(context, newVal);
                                                                    ViewModel.OnPropertyUpdate[property.Name].Invoke((TItem)context);
                                                                }
                                                            })">
                                                </EditorTemplate>

                                            </GridColumn>

...

 

Thanks,

Leon

ADMIN
Hristian Stefanov
Posted on: 23 Sep 2022 15:42

Hi Leon,

I carefully tested with different configurations. It seems that the "aria-valuemin/max" attributes are correctly shown on my machine.

As a next step, if it's convenient, can you please send me the Grid configuration you tested with? That will help me see the issue first hand and proceed.

I look forward to your reply.

Regards,
Hristian Stefanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category