diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json index 976f44edc88..dff46fdf3f5 100644 --- a/client/i18n/locales/english/translations.json +++ b/client/i18n/locales/english/translations.json @@ -551,7 +551,9 @@ "how-update": "I set up a monthly donation, but I need to update or pause the monthly recurrence. How can I do this?", "take-care-of-this": "Just forward one of your monthly donation receipts to donors@freecodecamp.org and tell us what you'd like us to do. We'll take care of this for you and send you confirmation.", "anything-else": "Is there anything else I can learn about donating to freeCodeCamp.org?", - "other-support": "If there is some other way you'd like to support our charity and its mission that isn't listed here, or if you have any questions at all, please email Quincy at quincy@freecodecamp.org." + "other-support": "If there is some other way you'd like to support our charity and its mission that isn't listed here, or if you have any questions at all, please email Quincy at quincy@freecodecamp.org.", + "bear-progress-alt": "Illustration of an adorable teddy bear with a pleading expression holding an empty money jar.", + "bear-completion-alt": "Illustration of an adorable teddy bear holding a large trophy." }, "report": { "sign-in": "You need to be signed in to report a user", diff --git a/client/src/assets/images/components/alibaba-logo.tsx b/client/src/assets/images/components/alibaba-logo.tsx index 9e6b81d496a..e50207bdb39 100644 --- a/client/src/assets/images/components/alibaba-logo.tsx +++ b/client/src/assets/images/components/alibaba-logo.tsx @@ -9,8 +9,11 @@ const AlibabaLogo = ( viewBox='0 0 604 341' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' + role='img' + aria-labelledby='alibaba-logo-label' {...props} > + Alibaba diff --git a/client/src/assets/images/components/amazon-logo.tsx b/client/src/assets/images/components/amazon-logo.tsx index 58167c6b1e4..f1deadb51c3 100644 --- a/client/src/assets/images/components/amazon-logo.tsx +++ b/client/src/assets/images/components/amazon-logo.tsx @@ -1,6 +1,6 @@ import React from 'react'; -const SpotifyLogo = ( +const AmazonLogo = ( props: JSX.IntrinsicAttributes & React.SVGProps ): JSX.Element => ( + Amazon ); -SpotifyLogo.displayName = 'SpotifyLogo'; +AmazonLogo.displayName = 'AmazonLogo'; -export default SpotifyLogo; +export default AmazonLogo; diff --git a/client/src/assets/images/components/apple-logo.tsx b/client/src/assets/images/components/apple-logo.tsx index d79fcf1fe79..0b8a4801a6b 100644 --- a/client/src/assets/images/components/apple-logo.tsx +++ b/client/src/assets/images/components/apple-logo.tsx @@ -8,9 +8,12 @@ const AppleLogo = ( viewBox='450 0 500 650' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' - {...props} fill='var(--quaternary-color)' + role='img' + aria-labelledby='apple-logo-label' + {...props} > + Apple diff --git a/client/src/assets/images/components/as-seen-in-text.tsx b/client/src/assets/images/components/as-seen-in-text.tsx index 2e2f453a4a8..5626618a1ba 100644 --- a/client/src/assets/images/components/as-seen-in-text.tsx +++ b/client/src/assets/images/components/as-seen-in-text.tsx @@ -13,7 +13,13 @@ const AsSeenInText = ( {...props} fill={fill} data-playwright-test-label='landing-as-seen-in-container-logos' + role='img' + aria-labelledby='as-seen-in-logos-label' > + + Wired, Business Insider, Inc. Magazine, Lifehacker, Time, Quartz, USA + Today, The New York Times, BBC + ): JSX.Element { + const { t } = useTranslation(); return ( <> + + {t('donate.bear-completion-alt')} + ): JSX.Element { + const { t } = useTranslation(); return ( <> + {t('donate.bear-progress-alt')} + Google diff --git a/client/src/assets/images/components/microsoft-logo.tsx b/client/src/assets/images/components/microsoft-logo.tsx index 9d659f1c70b..52abd202919 100644 --- a/client/src/assets/images/components/microsoft-logo.tsx +++ b/client/src/assets/images/components/microsoft-logo.tsx @@ -8,9 +8,12 @@ const MicrosoftLogo = ( viewBox='939.813 1185 1400 472' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' - {...props} fill='var(--quaternary-color)' + role='img' + aria-labelledby='microsoft-logo-label' + {...props} > + Microsoft diff --git a/client/src/assets/images/components/patreon-logo.tsx b/client/src/assets/images/components/patreon-logo.tsx index ff71b7095a5..551d40d31b9 100644 --- a/client/src/assets/images/components/patreon-logo.tsx +++ b/client/src/assets/images/components/patreon-logo.tsx @@ -8,8 +8,11 @@ const PatreonLogo = ( viewBox='10 0 2560 356' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' + role='img' + aria-labelledby='patreon-logo-label' {...props} > + Patreon diff --git a/client/src/assets/images/components/spotify-logo.tsx b/client/src/assets/images/components/spotify-logo.tsx index 5f078742b01..907ff5e3c75 100644 --- a/client/src/assets/images/components/spotify-logo.tsx +++ b/client/src/assets/images/components/spotify-logo.tsx @@ -8,9 +8,12 @@ const SpotifyLogo = ( viewBox='3018 235.379 1525 572' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' - {...props} fill='var(--quaternary-color)' + role='img' + aria-labelledby='spotify-logo-label' + {...props} > + Spotify ); diff --git a/client/src/assets/images/components/tencent-logo.tsx b/client/src/assets/images/components/tencent-logo.tsx index 877be84e271..9495f828423 100644 --- a/client/src/assets/images/components/tencent-logo.tsx +++ b/client/src/assets/images/components/tencent-logo.tsx @@ -10,9 +10,11 @@ const TencentLogo = ( viewBox='0 0 1000 190' width='100' xmlns='http://www.w3.org/2000/svg' + role='img' + aria-labelledby='tencent-logo-label' {...props} > - Tencent_Logo + Tencent