Task/FOUR-19875: aria-label property is the same in all options in the select list component generating unexpected behaviors for screen readers

[agustinbusso]

Issue & Reproduction Steps

Steps to Reproduce:

• Create a new screen
• Use the Select List component in the screen
• Configure the aria-label in Advanced property

Current Behavior:
The same aria-label is repeated for each option in the Select List. This is causing that the screen readers for disabilities reads the label question every time. This behavior is unexpected for the customer.

Expected Behavior:

ProcessMaker should allow configure the aria-label for each option in the aria-label property. One for the label and one for each option in the Select List component for the screen readers.

Solution

• Added area label option for checkbox renderAs mode, for provide data, request data, data connectors and collections.

How to Test

Test the steps above

Related Tickets & Packages

• FOUR-19875
• Screen Builder PR
• Vue Form Elements PR
• Core PR

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

ci:vue-form-elements:task/FOUR-19875

[agustinbusso]

Related PRs:
Screen Builder
Vue Form Elements
Core