diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index 9ce112fd71e..b69f100ec9f 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -251,6 +251,7 @@
},
"learn": {
"heading": "Welcome to freeCodeCamp's curriculum.",
+ "skip-to-content": "Skip to content",
"welcome-1": "Welcome back, {{name}}.",
"welcome-2": "Welcome to freeCodeCamp.org",
"start-at-beginning": "If you are new to coding, we recommend you <0>start at the beginning0>.",
diff --git a/client/src/components/Header/index.tsx b/client/src/components/Header/index.tsx
index bce18724981..7fb298b49fa 100644
--- a/client/src/components/Header/index.tsx
+++ b/client/src/components/Header/index.tsx
@@ -13,6 +13,7 @@ import './header.css';
interface HeaderProps {
fetchState: { pending: boolean };
user: User;
+ skipButtonText: string;
}
export class Header extends React.Component<
HeaderProps,
@@ -83,7 +84,7 @@ export class Header extends React.Component<
render(): JSX.Element {
const { displayMenu, isLanguageMenuDisplayed } = this.state;
- const { fetchState, user } = this.props;
+ const { fetchState, user, skipButtonText } = this.props;
return (
<>
@@ -95,7 +96,7 @@ export class Header extends React.Component<