Test screen reader alerts for advanced search fields with multiple inputs

[kimisgold]

The advanced-search-sr-alerts branch contains improvements for the advanced search form centering on better screen reader alerts and labels, especially with regards to adding and removing rows in supported fields. These fields are search by value, search by class, search by template, and search by item set.

Test the following:

• When adding or removing rows, screen readers tell the user how many rows remain in the field.
  • When adding rows, focus remains on the "add value" button.
  • When removing rows, focus jumps to the next row's "remove value" button. If only one row remains, focus moves to the "add value" button.
• When tabbing through each of the field inputs, the screen reader indicates the row and field name. For fields that contain multiple inputs for each value, screen readers should also say the input name.

Test on these browsers:

• macOS: Chrome, Firefox, Safari
• Windows: Chrome, Firefox, Edge
• Safari for iOS
• Chrome for Android

Test with these screen readers:

• Windows: JAWS, NVDA
• macOS and iOS: Voiceover
• Android: Talkback (@katknow, I think you've mentioned you don't have access to an Android device. No problem if that's the case: I can provide testing coverage for that.)

[kimisgold]

A couple of things I've already observed in my own testing:

• The row count alerts don't work in Firefox while using JAWS. They seem fine in JAWS with Edge and Chrome. Seems like others have reported this issue to JAWS, so I may hold off on fixes for it until I see further response.
• Voiceover for iOS reads some input labels repetitively, especially on "remove value" buttons. I'm not sure if this is a matter of adjusting verbosity, but I'm looking into it.