diff --git a/.changeset/ten-roses-brake.md b/.changeset/ten-roses-brake.md new file mode 100644 index 0000000000000..c7c5e979eb13a --- /dev/null +++ b/.changeset/ten-roses-brake.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/meteor': minor +--- + +Adds missing legend for fieldset in accessibility page to meet WCAG compliance diff --git a/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx b/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx index 3d2d47feaf40e..1876b1e36909e 100644 --- a/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx +++ b/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx @@ -20,6 +20,7 @@ import { ExternalLink } from '@rocket.chat/ui-client'; import { useTranslation, useToastMessageDispatch, useEndpoint, useSetting } from '@rocket.chat/ui-contexts'; import { useMutation } from '@tanstack/react-query'; import { useId, useMemo } from 'react'; +import { VisuallyHidden } from 'react-aria'; import { Controller, useForm } from 'react-hook-form'; import { fontSizes } from './fontSizes'; @@ -133,6 +134,9 @@ const AccessibilityPage = () => { + + {t('Adjustable_layout')} + {t('Font_size')}