Role SpinButton for Kendo Angular TextBox is retained despite removing attribute in latest Kendo Release

[Thambu]

In one of the recent releases (not sure from which release), even if we remove role SpinButton using renderer2.removeAttribute, in the ngAfterViewInit life cycle hook, after the kendo numeric textBox is rendered, the role spinButton is not going away from Kendo Angular Numeric TextBox. Any settings we need to do if we do not want this role?

What i tried can be seen in the sample below https://stackblitz.com/edit/angular-vfzhozgv . This is for 18.2.0. But, may be already working fine in latest version

[Martin Bechev]

Hello Thambu,

Thank you for the provided details.

Actually, the role was removed, using the code from the shared StackBlitz:

In case you want to disable the option of changing the value on scroll, set the changeValueOnScroll property to false:

https://stackblitz.com/edit/angular-vfzhozgv-bp7mmgvn?file=src%2Fapp%2Fapp.component.ts

The role attribute is generally used to help assistive technologies read the component and its value correctly. 

In case I am missing something, please do let me know.

Regards,
Martin Bechev
Progress Telerik

[Thambu]

Hi Martin Bechev,

My requirement is only to remove the role spibutton. as we saw currently using renderer.removeAttribute seems to be the only way to do that. My question was if there is a better way to do this. But seems like none. Thanks anyway.

Thanks,

Thambu.

[Thambu]

Basically, with role as spinbutton, in voiceover mode in ios mobile, i am unable to edit the text box in certain versions. If i double tap, the number keypad doesn't popup and there is no option to input a number

Thanks,

A. Thambu Samuel.

[Martin Bechev]

Hi Thambu,

Generally, it is not recommended to remove any accessibility attributes and screen reader helpers since this would affect the claimed accessibility compliance level:

https://www.telerik.com/kendo-angular-ui/components/accessibility/accessibility-compliance#compliance-table

However, if some attributes need to be removed, using removeAttribute is the way to go. If additional attributes need to be set, use the inputAttributes property of the NumericTextBox.

Could you please provide some more details on which versions the issue was reproduced in? This is the first time such an issue was reported, and we want to hear more.

It is worth mentioning that we are supporting the 2 most recent versions of any OS:

https://www.telerik.com/kendo-angular-ui/components/installation/requirements#browser-support

Regards