From: Jay Sitter <jay@jaysitter.com>
Date: Sat, 24 Jun 2023 04:54:22 +0000 (-0400)
Subject: fix: Fix some a11y issues on jump to content button
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/%7Bthis.state.thumbnail%7D?a=commitdiff_plain;h=07c7177a259647b12bfed52bf0f5c3cd49badcc4;p=lemmy-ui.git

fix: Fix some a11y issues on jump to content button
---

diff --git a/src/shared/components/app/app.tsx b/src/shared/components/app/app.tsx
index 96bf101..a815ade 100644
--- a/src/shared/components/app/app.tsx
+++ b/src/shared/components/app/app.tsx
@@ -33,12 +33,14 @@ export class App extends Component<any, any> {
       <>
         <Provider i18next={I18NextService.i18n}>
           <div id="app" className="lemmy-site">
-            <a
-              className="skip-link bg-light text-dark p-2 text-decoration-none position-absolute start-0 z-3"
+            <button
+              type="button"
+              tabIndex="0"
+              className="btn btn-text skip-link bg-light position-absolute start-0 z-3"
               onClick={linkEvent(this, this.handleJumpToContent)}
             >
-              ${I18NextService.i18n.t("jump_to_content", "Jump to content")}
-            </a>
+              {I18NextService.i18n.t("jump_to_content", "Jump to content")}
+            </button>
             {siteView && (
               <Theme defaultTheme={siteView.local_site.default_theme} />
             )}