WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: What's the best way of announcing the value of the <input> text field in real-time

for

From:
Date: Apr 10, 2021 5:20AM

Hello, Mark. I read your good suggestion well. Thanks a lot.

It's a very cool solution. I've been forgetting the spin-button role.
I tried making a custom spin-button. It's settled to a certain extent.

But, I have one concern.
I made the two buttons and native input, and then I put a spin button role attribute in the two buttons. and I put the "aria-valuetext" attribute value for announcing the quantity when they're clicked.

By the way, I saw the WAI-ARIA Authoring Practice page. My buttons are working very well, but my implementation way is different from the spin button of Authoring Practice.

the Authoring Practice example page is the custom date-picker input with the up and down button that not pressable for Mobile AT.

They hid that buttons from the Accessibility Tree by using "aria-hidden". And, the Spin button role was using on the div that's custom input.

I think I know why they made it like that. I think They focused on implementing the PC(Windows, Mac) native number input as the same thoroughly. So I don't know if my implementation method is allowed standardly.