From 07c7177a259647b12bfed52bf0f5c3cd49badcc4 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jay@jaysitter.com> Date: Sat, 24 Jun 2023 00:54:22 -0400 Subject: [PATCH] fix: Fix some a11y issues on jump to content button --- src/shared/components/app/app.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) 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} /> )} -- 2.44.1