diff --git a/.changeset/dull-rocks-boil.md b/.changeset/dull-rocks-boil.md new file mode 100644 index 0000000000000..06b6dd3216cae --- /dev/null +++ b/.changeset/dull-rocks-boil.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/meteor': minor +--- + +Adds missing legend for fieldset in profile page to meet WCAG compliance diff --git a/apps/meteor/client/views/account/profile/AccountProfileForm.tsx b/apps/meteor/client/views/account/profile/AccountProfileForm.tsx index 04e1865ff30f1..5539bde1fd1ed 100644 --- a/apps/meteor/client/views/account/profile/AccountProfileForm.tsx +++ b/apps/meteor/client/views/account/profile/AccountProfileForm.tsx @@ -25,6 +25,7 @@ import { import { useMutation } from '@tanstack/react-query'; import type { AllHTMLAttributes, ReactElement } from 'react'; import { useId, useCallback } from 'react'; +import { VisuallyHidden } from 'react-aria'; import { Controller, useFormContext } from 'react-hook-form'; import type { AccountProfileFormValues } from './getProfileInitialValues'; @@ -142,6 +143,9 @@ const AccountProfileForm = (props: AllHTMLAttributes): ReactEle return ( + + {t('Profile_details')} + ): ReactEle (