[Accessibility] FilterRow filter numeric edit box has invalid aria-valuemin/aria-valuemax values

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

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

[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>

@(property.GetValue(context))

</span>

</Template>

<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.