feat(a11y): Missing FieldGroup legend in accessibility page (#37134)

Co-authored-by: Erik Göthe <194300518+ergotse@users.noreply.github.com>
Co-authored-by: Douglas Fabris <27704687+dougfabris@users.noreply.github.com>

Author: 3 people

.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

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 = () => {
 						</AccordionItem>
 						<AccordionItem title={t('Adjustable_layout')}>
 							<FieldGroup>
+								<VisuallyHidden>
+									<legend>{t('Adjustable_layout')}</legend>
+								</VisuallyHidden>
 								<Field>
 									<FieldLabel htmlFor={fontSizeId} mbe={12}>
 										{t('Font_size')}