I have big and not simple plea to you.
WEB pages, such as Google search engine input box, WEB sites which requires to add user name, uses special kind of input boxes. Which differs from inputbox, which Htmlwidgets unit can create. I Am speaking about TTextInputWidget
When user of screen reader press TAB or SHIFT+TAB, screen reader announce The label of Inputbox automatically.
When I Am using Htmlwidgets unit, Screen reader do not announce Editbox label automatically when its get focus.
The issue is, how to find out, how to create Input box with label, which screen readers can announce automatically when some input box get A focus by pressing TAB, SHIFT+TAB or arrow keys.
Thank you very very much for yours time to find out if it would be possible to extend Htmlwidgets unit so it would be possible to create such input box labels by using TTextInputWidget.
Mailing lists / pas2js / 2020-09
100 % accessible TTextInputWidget labels
4 messages · 2 people ·
- MMgr. Janusz Chmiel 3
- MMichael Van Canneyt 1
Reply by email Subscribe to this list Your subscription
Read-only archive. Use j and k to move between messages.
Mgr. Janusz Chmiel wrote 15 lines
Normally, there is nothing to extend.
Just create a TLabelWidget for each input control, and set the "LabelFor" property to the input control.
The "Text" property of the label widget should then be read when the input control gets focus.
Michael.
Unfortunately, this do not help. Sure. Screen reader announce label when its build in virtual wiever feature is being used. But Without this feature enabled, by only pressing TAB, SHIFT+TAB or arrow key this do not work. It seems to Me, that there have to be some accessible attribute, I do not know. I will try to read some materials about it. And I will send you a WEB page with Javascript or only HTMl page which contain fully accessible editable fields.
The good page example is here
www.robobraille.org
There is search editable field. And there is The text Enter The terms which you want to search for.
It is very interesting, which algorithms is being used to create this focusable label or some other code.
