diff --git a/src/onboarding/onboarding-welcome-link.ts b/src/onboarding/onboarding-welcome-link.ts
index 05d8019ab8..5969178c2a 100644
--- a/src/onboarding/onboarding-welcome-link.ts
+++ b/src/onboarding/onboarding-welcome-link.ts
@@ -17,6 +17,8 @@ class OnboardingWelcomeLink extends LitElement {
 
   @property() public iconPath!: string;
 
+  @property({ attribute: true, type: Boolean }) public noninteractive?: boolean;
+
   @queryAsync("mwc-ripple") private _ripple!: Promise<Ripple | null>;
 
   @state() private _shouldRenderRipple = false;
@@ -24,6 +26,7 @@ class OnboardingWelcomeLink extends LitElement {
   protected render(): TemplateResult {
     return html`
       <ha-card
+        .tabIndex=${this.noninteractive ? "-1" : "0"}
         @focus=${this.handleRippleFocus}
         @blur=${this.handleRippleBlur}
         @mousedown=${this.handleRippleActivate}
@@ -33,6 +36,7 @@ class OnboardingWelcomeLink extends LitElement {
         @touchstart=${this.handleRippleActivate}
         @touchend=${this.handleRippleDeactivate}
         @touchcancel=${this.handleRippleDeactivate}
+        @keydown=${this._handleKeyDown}
       >
         <ha-svg-icon .path=${this.iconPath}></ha-svg-icon>
         ${this.label}
@@ -41,6 +45,12 @@ class OnboardingWelcomeLink extends LitElement {
     `;
   }
 
+  private _handleKeyDown(ev: KeyboardEvent): void {
+    if (ev.key === "Enter" || ev.key === " ") {
+      (ev.target as HTMLElement).click();
+    }
+  }
+
   private _rippleHandlers: RippleHandlers = new RippleHandlers(() => {
     this._shouldRenderRipple = true;
     return this._ripple;
diff --git a/src/onboarding/onboarding-welcome-links.ts b/src/onboarding/onboarding-welcome-links.ts
index 1fec0ee38b..0dd336a734 100644
--- a/src/onboarding/onboarding-welcome-links.ts
+++ b/src/onboarding/onboarding-welcome-links.ts
@@ -21,6 +21,7 @@ class OnboardingWelcomeLinks extends LitElement {
         href="https://www.home-assistant.io/blog/2016/01/19/perfect-home-automation/"
       >
         <onboarding-welcome-link
+          noninteractive
           .iconPath=${mdiFileDocument}
           .label=${this.localize("ui.panel.page-onboarding.welcome.vision")}
         >