spinbutton: text content is output instead of aria-valuenow/aria-valuetext when reading linearly

[JAWS-test]

Summary

1. Go to https://codepen.io/jaws-test/pen/wvoWRjo
2. read with arrow keys
3. use quick navigation (E)

Expected result

• value is output
• text content is not output

Actual result

Firefox, Chrome, Edge, IE 11:

• value is not output
• text content is output

See: https://github.com/FreedomScientific/VFO-standards-support/issues/235

Additional Information

JAWS version and build number

2021.2012.57

Operating System and version

Windows 10

Browser and version:

Current version of Firefox, Chrome, Edge, IE 11

[StephenBeckettTPGi]

I can see why someone might want to have content inside a custom spinbutton <div> which doesn't exactly match the aria-valuenow, but Accessible Rich Internet Applications (WAI-ARIA) 1.2 states that only a textbox and/or two buttons may be nested inside such a <div>: https://www.w3.org/TR/wai-aria-1.2/#spinbutton

Authors MAY create a spinbutton with children or owned elements, but MUST limit those elements to a textbox and/or two buttons. Alternatively, authors MAY apply the spinbutton role to a text input and create sibling buttons to support the increment and decrement functions.

but I guess that doesn't specify what the contents of the textbox must be...

[JAWS-test]

@StephenBeckettTPGi:

I do not use textbox in my example, but only text.This is not forbidden according to the ARIA specification and is the same as in the example implementation of ARIA APG. There the problem occurs in the same way.