FOUR-3239: Described By

[mcraeteisha]

Issue

Ticket: FOUR-3239

For vue-tables with action buttons, the action buttons need to be associated with the element name using aria-labels.

For example: aria-label="Edit [Process Name]"

Solution

Add aria-labels to action buttons in vue-tables across the ProcessMaker platform. Labels now includes the action and element name.

Updates were made in the following areas of ProcessMaker:

• Admin → Users
• Admin → Groups
• Admin → Auth Clients
• Admin → Script Executors
• Designer → Processes
• Designer → Scripts
• Designer → Screens
• Designer → Environment Variables
• Designer → Signals
• Tasks → Tasks

How to Test

1. Update core branch to bugfix/FOUR-3239.
2. Go to one of the areas listed above.
3. Inspect an action button listed to the right of an element.
4. You should be able to see the aria-label for the action button. The label should follow a format of aria-label="Action [Element Name]".

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.