github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Observability Onboarding] Add ARIA labels to ambiguous links in footer (#190705)

Browse source 
Closes https://github.com/elastic/observability-accessibility/issues/126
**(internal 🔒)**

Fixes accessibility issue with ambiguous link labels.
This commit is contained in:
Mykola Harmash 2024-08-20 16:34:08 +02:00 • committed by GitHub
parent 06445ee2ce
commit 504032992b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
x-pack/plugins/observability_solution/observability_onboarding/public/application/footer/footer.tsx
View file

@ -60,6 +60,10 @@ export const Footer: FunctionComponent = () => {
'xpack.observability_onboarding.experimentalOnboardingFlow.exploreForumFlexItemLinkLabel',
{ defaultMessage: 'Discuss forum' }
),
linkARIALabel: i18n.translate(
'xpack.observability_onboarding.experimentalOnboardingFlow.exploreForumFlexItemLinkARIALabel',
{ defaultMessage: 'Open Elastic Discuss forum' }
),
link: URL_FORUM,
},
{
@ -78,6 +82,10 @@ export const Footer: FunctionComponent = () => {
'xpack.observability_onboarding.experimentalOnboardingFlow.browseDocumentationFlexItemLinkLabel',
{ defaultMessage: 'Learn more' }
),
linkARIALabel: i18n.translate(
'xpack.observability_onboarding.experimentalOnboardingFlow.browseDocumentationFlexItemLinkARIALabel',
{ defaultMessage: 'Learn more about all Elastic features' }
),
link: docLinks.links.observability.guide,
},
{
@ -118,6 +126,7 @@ export const Footer: FunctionComponent = () => {
<p>
<EuiLink
data-test-subj="observabilityOnboardingFooterLearnMoreLink"
aria-label={section.linkARIALabel}
href={section.link}
target="_blank"
external