-
Notifications
You must be signed in to change notification settings - Fork 90
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(mrf-approvals): improve copy for approvals #7902
Conversation
@@ -92,7 +92,7 @@ export const FormLabel = ({ | |||
<Tooltip | |||
placement={tooltipPlacement} | |||
label={tooltipText} | |||
aria-label="Label tooltip" | |||
aria-label={`Tooltip content: ${tooltipText}`} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
changed to improve screen reader output to include tooltip text
<FormLabel.Label sx={{ ...styles.label, ...labelStyles }}> | ||
{label} | ||
</FormLabel.Label> | ||
<Flex alignItems="center"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
no / minimal changes to previous usages of Tooltip
expected
Rationale:
- flex direction is row, with no changes to the main axis orientation
- tooltipText is checked before adding another component. since prev usages do not pass in tooltipText, they should remain unchanged
frontend/src/features/admin-form/create/workflow/components/WorkflowContent/StepLabel.tsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Problem
Some P1 improvements to the copy are requested to improve admin understandability for MRF Approvals.
Closes FRM-1910
Solution
Make the necessary changes according to the Figma.
Additional changes to aria-label for tooltip in
FormLabel
andToggle
components have been fixed for better screen reader accessibility. Previously, screen readers would just read tooltip label without reading the content of the tooltip.Breaking Changes