Skip to content
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: a11y doc links #31473

Merged
merged 7 commits into from
Jan 31, 2024
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/kind-dragons-flash.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@rocket.chat/meteor': minor
---

feat: add a11y doc links
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import {
ToggleSwitch,
} from '@rocket.chat/fuselage';
import { useUniqueId } from '@rocket.chat/fuselage-hooks';
import { ExternalLink } from '@rocket.chat/ui-client';
import { useTranslation, useToastMessageDispatch, useEndpoint, useSetting } from '@rocket.chat/ui-contexts';
import { useMutation } from '@tanstack/react-query';
import React, { useMemo } from 'react';
Expand Down Expand Up @@ -52,6 +53,7 @@ const AccessibilityPage = () => {
const clockModeId = useUniqueId();
const hideUsernamesId = useUniqueId();
const hideRolesId = useUniqueId();
const linkListId = useUniqueId();

const {
formState: { isDirty, dirtyFields, isSubmitting },
Expand Down Expand Up @@ -88,7 +90,25 @@ const AccessibilityPage = () => {
<PageScrollableContentWithShadow>
<Box is='form' id={pageFormId} onSubmit={handleSubmit(handleSaveData)} maxWidth='x600' w='full' alignSelf='center' mb={40} mi={36}>
<Box fontScale='p1' mbe={24}>
<Box pb={16}>{t('Accessibility_activation')}</Box>
<Box pb={16} is='p'>
{t('Accessibility_activation')}
</Box>
<p id={linkListId}>{t('Learn_more_about_accessibility')}</p>
<ul aria-labelledby={linkListId}>
<li>
<ExternalLink to='https://docs.rocket.chat/customer-center/legal-center/accessibility-statement'>
juliajforesti marked this conversation as resolved.
Show resolved Hide resolved
{t('Accessibility_statement')}
</ExternalLink>
</li>
<li>
<ExternalLink to='https://docs.rocket.chat/resources/glossary'>{t('Glossary_of_simplified_terms')}</ExternalLink>
</li>
<li>
<ExternalLink to='https://docs.rocket.chat/use-rocket.chat/user-guides/user-panel/accessibility-and-appearance'>
{t('Accessibility_feature_documentation')}
</ExternalLink>
</li>
</ul>
</Box>
<Accordion>
<Accordion.Item defaultExpanded={true} title={t('Theme')}>
Expand Down
4 changes: 4 additions & 0 deletions apps/meteor/packages/rocketchat-i18n/i18n/en.i18n.json
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,8 @@
"Accessibility": "Accessibility",
"Accessibility_and_Appearance": "Accessibility & appearance",
"Accessibility_activation": "Here you can activate a range of features to enhance your browsing experience.",
"Accessibility_statement": "Accessibility statement",
"Accessibility_feature_documentation": "Accessibility feature documentation",
"Accept_Call": "Accept Call",
"Accept": "Accept",
"Accept_incoming_livechat_requests_even_if_there_are_no_online_agents": "Accept incoming omnichannel requests even if there are no online agents",
Expand Down Expand Up @@ -2448,6 +2450,7 @@
"Global Policy": "Global Policy",
"Global_purge_override_warning": "A global retention policy is in place. If you leave \"Override global retention policy\" off, you can only apply a policy that is stricter than the global policy.",
"Global_Search": "Global search",
"Glossary_of_simplified_terms": "Glossary of simplified terms",
"Go_to_your_workspace": "Go to your workspace",
"Go_to_accessibility_and_appearance": "Go to accessibility and appearance",
"Google_Meet_Premium_only": "Google Meet (Premium only)",
Expand Down Expand Up @@ -3056,6 +3059,7 @@
"Lead_capture_phone_regex": "Lead capture phone regex",
"Learn_more": "Learn more",
"Learn_more_about_agents": "Learn more about agents",
"Learn_more_about_accessibility": "Learn more about our commitment with accessibility here:",
"Learn_more_about_business_hours": "Learn more about business hours",
"Learn_more_about_canned_responses": "Learn more about canned responses",
"Learn_more_about_contacts": "Learn more about contacts",
Expand Down
Loading