The test.

Making sure that we can use the ID of a form field that is labeled with the label tag as the source of accessible description for an associated button.

This type of situation often comes up when a form field has a label (associated using the for/id method), as well as a "help" or "more info" button.

The test

Results

This does not work on either FF or IE with either Jaws or NVDA.

aria-label to the rescue?

We replicate the label text invisibly in the input field using the aria-label attribute. This should assign an accessible name to the field that does not depend on recursion.

Results

Works in Firefox with NVDA and Jaws.

Does not work in IE (and IE does not even recognize the aria-label attribute according to the Jaws inspect advanced element script.