diff --git a/src/i18n/en-US.json b/src/i18n/en-US.json
index 01dcaa1cdb2..01b1f5181ad 100644
--- a/src/i18n/en-US.json
+++ b/src/i18n/en-US.json
@@ -270,6 +270,8 @@
   "authLoginTitle": "Log in",
   "authPlaceholderEmail": "Email",
   "authPlaceholderPassword": "Password",
+  "togglePasswordShowLabel": "Show password",
+  "togglePasswordHideLabel": "Hide password",
   "authPostedResend": "Resend to {email}",
   "authPostedResendAction": "No email showing up?",
   "authPostedResendDetail": "Check your email inbox and follow the instructions.",
diff --git a/src/script/auth/component/AccountForm.tsx b/src/script/auth/component/AccountForm.tsx
index c20b3aa7e86..4da4ad4f8d2 100644
--- a/src/script/auth/component/AccountForm.tsx
+++ b/src/script/auth/component/AccountForm.tsx
@@ -248,6 +248,7 @@ const AccountFormComponent = ({
           placeholder={t('accountForm.passwordPlaceholder')}
           pattern={ValidationUtil.getNewPasswordPattern(Config.getConfig().NEW_PASSWORD_MINIMUM_LENGTH)}
           data-uie-name="enter-password"
+          togglePasswordBtnLabel={t('passwordToggleBtn')}
         />
         <Text muted css={styles.passwordInfo(!!validationErrors.length)} data-uie-name="element-password-help">
           {t('accountForm.passwordHelp', {minPasswordLength: String(Config.getConfig().NEW_PASSWORD_MINIMUM_LENGTH)})}
@@ -269,6 +270,7 @@ const AccountFormComponent = ({
           placeholder={t('accountForm.confirmPasswordPlaceholder')}
           pattern={`^${registrationData.password?.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}$`}
           data-uie-name="enter-confirm-password"
+          togglePasswordBtnLabel={t('passwordToggleBtn')}
         />
 
         <Exception errors={[authError, ...validationErrors]} />
diff --git a/src/script/auth/component/BackButton.tsx b/src/script/auth/component/BackButton.tsx
index 31284face23..3bdf333bbb0 100644
--- a/src/script/auth/component/BackButton.tsx
+++ b/src/script/auth/component/BackButton.tsx
@@ -27,12 +27,14 @@ export const BackButton = () => {
   const navigate = useNavigate();
 
   return (
-    <ArrowIcon
+    <button
+      type="button"
       onClick={() => navigate(-1)}
-      direction="left"
-      data-uie-name="go-index"
       aria-label={t('createPersonalAccount.goBack')}
-      color={COLOR.TEXT}
-    />
+      data-uie-name="go-index"
+      css={{background: 'none', border: 'none', cursor: 'pointer'}}
+    >
+      <ArrowIcon direction="left" aria-hidden="true" focusable="false" color={COLOR.TEXT} />
+    </button>
   );
 };
diff --git a/src/script/auth/component/ClientItem.tsx b/src/script/auth/component/ClientItem.tsx
index 8e88f04ade6..c819765d960 100644
--- a/src/script/auth/component/ClientItem.tsx
+++ b/src/script/auth/component/ClientItem.tsx
@@ -311,6 +311,7 @@ const ClientItem = ({selected, onClientRemoval, onClick, client, clientError, re
                     placeholder={t('clientItem.passwordPlaceholder')}
                     required
                     type="password"
+                    togglePasswordBtnLabel={t('passwordToggleBtn')}
                     value={password}
                   />
                 </FlexBox>
diff --git a/src/script/auth/component/JoinGuestLinkPasswordModal.tsx b/src/script/auth/component/JoinGuestLinkPasswordModal.tsx
index 847cbae8aa8..6f5e5eb7f45 100644
--- a/src/script/auth/component/JoinGuestLinkPasswordModal.tsx
+++ b/src/script/auth/component/JoinGuestLinkPasswordModal.tsx
@@ -83,6 +83,7 @@ const JoinGuestLinkPasswordModal = ({
             id="guest_link_join_password"
             className="modal__input"
             type="password"
+            togglePasswordBtnLabel={t('passwordToggleBtn')}
             autoComplete="off"
             value={passwordValue}
             onChange={event => setPasswordValue(event.currentTarget.value)}
diff --git a/src/script/auth/component/LoginForm.tsx b/src/script/auth/component/LoginForm.tsx
index e7fef114d0e..28fb6d18f49 100644
--- a/src/script/auth/component/LoginForm.tsx
+++ b/src/script/auth/component/LoginForm.tsx
@@ -140,6 +140,8 @@ const LoginForm = ({isFetching, onSubmit}: LoginFormProps) => {
         pattern={'.{1,1024}'}
         required
         data-uie-name="enter-password"
+        togglePasswordShowLabel={t('togglePasswordShowLabel')}
+        togglePasswordHideLabel={t('togglePasswordHideLabel')}
       />
 
       {isFetching ? (
diff --git a/src/script/auth/component/RouteA11y.tsx b/src/script/auth/component/RouteA11y.tsx
new file mode 100644
index 00000000000..c85a52f6a94
--- /dev/null
+++ b/src/script/auth/component/RouteA11y.tsx
@@ -0,0 +1,25 @@
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+import {useRouteA11y} from '../hooks/useRouteA11y';
+
+export const RouteA11y = () => {
+  useRouteA11y();
+  return null;
+};
diff --git a/src/script/auth/hooks/useRouteA11y.ts b/src/script/auth/hooks/useRouteA11y.ts
new file mode 100644
index 00000000000..bedd18c43bf
--- /dev/null
+++ b/src/script/auth/hooks/useRouteA11y.ts
@@ -0,0 +1,53 @@
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+import {useEffect} from 'react';
+
+import {useLocation} from 'react-router-dom';
+
+export function useRouteA11y() {
+  const location = useLocation();
+
+  useEffect(() => {
+    const focusTarget =
+      document.querySelector('[data-page-title]') ||
+      document.querySelector('main,[role="main"]') ||
+      document.querySelector('h1');
+
+    if (!focusTarget) {
+      return;
+    }
+
+    // scroll to top on each route change
+    window.scrollTo({top: 0, left: 0});
+
+    const element = focusTarget as HTMLElement;
+    element.setAttribute('tabindex', '-1');
+    element.classList.add('sr-only-focus');
+    element.focus({preventScroll: true});
+
+    // remove tabindex after blur
+    const handleBlur = () => {
+      element.classList.remove('sr-only-focus');
+      element.removeAttribute('tabindex');
+      element.removeEventListener('blur', handleBlur);
+    };
+    element.addEventListener('blur', handleBlur);
+  }, [location.key]);
+}
diff --git a/src/script/auth/page/CreatePersonalAccount.tsx b/src/script/auth/page/CreatePersonalAccount.tsx
index 77e870b17a7..1f034f9ceb2 100644
--- a/src/script/auth/page/CreatePersonalAccount.tsx
+++ b/src/script/auth/page/CreatePersonalAccount.tsx
@@ -51,7 +51,9 @@ export const CreatePersonalAccount = () => {
             <div css={styles.backButtonContainer}>
               <BackButton />
             </div>
-            <p css={styles.header}>{t('createPersonalAccount.headLine')}</p>
+            <p css={styles.header} role="heading" aria-level={1} data-page-title tabIndex={-1}>
+              {t('createPersonalAccount.headLine')}
+            </p>
             <AccountForm onSubmit={onSubmit} />
             <p css={styles.footer}>{t('createPersonalAccount.subHeader')}</p>
             <a css={styles.teamCreateButton} href={EXTERNAL_ROUTE.WIRE_TEAMS_SIGNUP} target="_blank" rel="noreferrer">
diff --git a/src/script/auth/page/Login.tsx b/src/script/auth/page/Login.tsx
index 42d6c6ab6b7..dac83ffd848 100644
--- a/src/script/auth/page/Login.tsx
+++ b/src/script/auth/page/Login.tsx
@@ -49,8 +49,8 @@ import {
   QUERY,
   QueryKeys,
   Text,
-  TextLink,
   useMatchMedia,
+  ActionLink,
 } from '@wireapp/react-ui-kit';
 
 import {LogoFullIcon} from 'Components/Icon';
@@ -61,6 +61,7 @@ import {isBackendError} from 'Util/TypePredicateUtil';
 import {EntropyContainer} from './EntropyContainer';
 import {separator} from './Login.styles';
 import {Page} from './Page';
+import {styles} from './VerifyEmailCode.styles';
 
 import {Config} from '../../Config';
 import {AccountAlreadyExistsModal} from '../component/AccountAlreadyExistsModal';
@@ -444,9 +445,13 @@ const LoginComponent = ({
                       {isSendingTwoFactorCode ? (
                         <Loading size={20} />
                       ) : (
-                        <TextLink onClick={resendTwoFactorCode} center data-uie-name="do-resend-code">
+                        <ActionLink
+                          onClick={resendTwoFactorCode}
+                          data-uie-name="do-resend-code"
+                          css={styles.resendLink}
+                        >
                           {t('verify.resendCode')}
-                        </TextLink>
+                        </ActionLink>
                       )}
                     </div>
                     <FlexBox justify="center">
@@ -464,11 +469,17 @@ const LoginComponent = ({
                   <>
                     <div>
                       {isEnterpriseLoginV2Enabled ? (
-                        <div css={{fontWeight: '500', fontSize: '1.5rem', marginBottom: '2rem'}}>
+                        <div
+                          css={{fontWeight: '500', fontSize: '1.5rem', marginBottom: '2rem'}}
+                          role="heading"
+                          aria-level={1}
+                          data-page-title
+                          tabIndex={-1}
+                        >
                           {t('index.welcome', {brandName: Config.getConfig().BACKEND_NAME})}
                         </div>
                       ) : (
-                        <Heading level={embedded ? '2' : '1'} center>
+                        <Heading level={embedded ? '2' : '1'} center data-page-title tabIndex={-1}>
                           {t('login.headline')}
                         </Heading>
                       )}
diff --git a/src/script/auth/page/Root.tsx b/src/script/auth/page/Root.tsx
index 5c1ebe6d248..622f4913728 100644
--- a/src/script/auth/page/Root.tsx
+++ b/src/script/auth/page/Root.tsx
@@ -50,6 +50,7 @@ import {VerifyEmailCode} from './VerifyEmailCode';
 import {VerifyEmailLink} from './VerifyEmailLink';
 
 import {Config} from '../../Config';
+import {RouteA11y} from '../component/RouteA11y';
 import {mapLanguage, normalizeLanguage} from '../localeConfig';
 import {actionRoot as ROOT_ACTIONS} from '../module/action/';
 import {bindActionCreators, RootState} from '../module/reducer';
@@ -73,6 +74,13 @@ const RootComponent: FC<RootProps & ConnectedProps & DispatchProps> = ({
   isFetchingSSOSettings,
   doGetSSOSettings,
 }) => {
+  useEffect(() => {
+    const style = document.createElement('style');
+    style.textContent = `.sr-only-focus:focus, .sr-only-focus:focus-visible { outline: none !important; }`;
+    document.head.appendChild(style);
+    return () => style.remove();
+  }, []);
+
   useEffect(() => {
     // Force the hash url to have a initial `/` (see https://stackoverflow.com/a/71864506)
     const forceSlashAfterHash = () => {
@@ -146,6 +154,7 @@ const RootComponent: FC<RootProps & ConnectedProps & DispatchProps> = ({
           </ContainerXS>
         ) : (
           <Router>
+            <RouteA11y />
             <Routes>
               <Route
                 path={ROUTE.INDEX}
diff --git a/src/script/auth/page/SetAccountType.tsx b/src/script/auth/page/SetAccountType.tsx
index b63ca9e0b07..647c71fcdbd 100644
--- a/src/script/auth/page/SetAccountType.tsx
+++ b/src/script/auth/page/SetAccountType.tsx
@@ -72,7 +72,9 @@ export const SetAccountType = () => {
           <FlexBox css={styles.headerIcon}>
             <BackButton />
           </FlexBox>
-          <FlexBox css={styles.headerText}>{t('selectAccountTypeHeading')}</FlexBox>
+          <FlexBox css={styles.headerText} role="heading" aria-level={1} data-page-title tabIndex={-1}>
+            {t('selectAccountTypeHeading')}
+          </FlexBox>
         </FlexBox>
         <FlexBox css={styles.optionWrapper}>
           {accountTypeOptions.map((option, index) => (
diff --git a/src/script/auth/page/SetPassword.tsx b/src/script/auth/page/SetPassword.tsx
index 770297117ad..b1303a30ca7 100644
--- a/src/script/auth/page/SetPassword.tsx
+++ b/src/script/auth/page/SetPassword.tsx
@@ -91,6 +91,7 @@ const SetPasswordComponent = ({
             name="password"
             placeholder={t('setPassword.passwordPlaceholder')}
             type="password"
+            togglePasswordBtnLabel={t('passwordToggleBtn')}
             markInvalid={!isValidPassword}
             onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
               passwordInput.current.setCustomValidity('');
diff --git a/src/script/auth/page/SingleSignOn.tsx b/src/script/auth/page/SingleSignOn.tsx
index f41b641def4..06e5ac31f09 100644
--- a/src/script/auth/page/SingleSignOn.tsx
+++ b/src/script/auth/page/SingleSignOn.tsx
@@ -259,7 +259,13 @@ const SingleSignOnComponent = ({hasDefaultSSOCode}: Props & ConnectedProps & Dis
               <div>
                 {isEnterpriseLoginV2Enabled ? (
                   <>
-                    <div css={{fontWeight: '500', fontSize: '1.5rem'}}>
+                    <div
+                      css={{fontWeight: '500', fontSize: '1.5rem'}}
+                      role="heading"
+                      aria-level={1}
+                      data-page-title
+                      tabIndex={-1}
+                    >
                       {t('index.welcome', {brandName: Config.getConfig().BACKEND_NAME})}
                     </div>
 
diff --git a/src/script/auth/page/Success.tsx b/src/script/auth/page/Success.tsx
index 6796357abef..ffcb7aa43e0 100644
--- a/src/script/auth/page/Success.tsx
+++ b/src/script/auth/page/Success.tsx
@@ -21,7 +21,7 @@ import {useEffect} from 'react';
 
 import {SuccessShield} from '@wireapp/react-ui-kit/lib/Images/SuccessShield';
 
-import {FlexBox, Text, TextLink} from '@wireapp/react-ui-kit';
+import {ActionLink, FlexBox, Text} from '@wireapp/react-ui-kit';
 
 import {Config} from 'src/script/Config';
 import {t} from 'Util/LocalizerUtil';
@@ -56,21 +56,21 @@ export const Success = () => {
             {t('success.subheader')}
           </Text>
 
-          <TextLink
+          <ActionLink
             data-uie-name="do-download-wire"
             onClick={() => secureOpen(pathWithParams(Config.getConfig().GET_WIRE_URL))}
             css={styles.link}
           >
             {t('success.downloadButton')}
-          </TextLink>
+          </ActionLink>
 
-          <TextLink
+          <ActionLink
             data-uie-name="do-open-wire-web"
             onClick={() => secureOpen(pathWithParams(EXTERNAL_ROUTE.WEBAPP))}
             css={styles.link}
           >
             {t('success.openWebAppText')}
-          </TextLink>
+          </ActionLink>
         </FlexBox>
       </AccountRegistrationLayout>
     </Page>
diff --git a/src/script/auth/page/VerifyEmailCode.tsx b/src/script/auth/page/VerifyEmailCode.tsx
index 6248ae83601..753f0ec4f70 100644
--- a/src/script/auth/page/VerifyEmailCode.tsx
+++ b/src/script/auth/page/VerifyEmailCode.tsx
@@ -25,7 +25,7 @@ import {connect} from 'react-redux';
 import {useNavigate} from 'react-router-dom';
 import {AnyAction, Dispatch} from 'redux';
 
-import {CodeInput, FlexBox, Text} from '@wireapp/react-ui-kit';
+import {ActionLink, CodeInput, FlexBox, Text} from '@wireapp/react-ui-kit';
 
 import {t} from 'Util/LocalizerUtil';
 import {getLogger} from 'Util/Logger';
@@ -35,7 +35,6 @@ import {styles} from './VerifyEmailCode.styles';
 
 import {AccountRegistrationLayout} from '../component/AccountRegistrationLayout';
 import {BackButton} from '../component/BackButton';
-import {LinkButton} from '../component/LinkButton';
 import {actionRoot as ROOT_ACTIONS} from '../module/action';
 import {RootState, bindActionCreators} from '../module/reducer';
 import * as AuthSelector from '../module/selector/AuthSelector';
@@ -105,9 +104,9 @@ const VerifyEmailCodeComponent = ({
           </Text>
           <CodeInput style={styles.codeInput} onCodeComplete={createAccount} data-uie-name="enter-code" />
           {parseError(authError)}
-          <LinkButton onClick={resendCode} data-uie-name="do-resend-code" css={styles.resendLink}>
+          <ActionLink onClick={resendCode} data-uie-name="do-resend-code" css={styles.resendLink}>
             {t('verify.resendCode')}
-          </LinkButton>
+          </ActionLink>
         </FlexBox>
       </AccountRegistrationLayout>
     </Page>
diff --git a/src/script/components/Modals/PrimaryModal/GuestLinkPasswordForm/GuestLinkPasswordForm.tsx b/src/script/components/Modals/PrimaryModal/GuestLinkPasswordForm/GuestLinkPasswordForm.tsx
index e0c40e33f1f..d33768094ee 100644
--- a/src/script/components/Modals/PrimaryModal/GuestLinkPasswordForm/GuestLinkPasswordForm.tsx
+++ b/src/script/components/Modals/PrimaryModal/GuestLinkPasswordForm/GuestLinkPasswordForm.tsx
@@ -75,6 +75,7 @@ export const GuestLinkPasswordForm = ({
           id="modal_pswd"
           className="modal__input"
           type="password"
+          togglePasswordBtnLabel={t('passwordToggleBtn')}
           autoComplete="off"
           value={passwordValue}
           ref={passwordValueRef}
@@ -91,6 +92,7 @@ export const GuestLinkPasswordForm = ({
           label={t('modalGuestLinkJoinConfirmLabel')}
           className="modal__input"
           type="password"
+          togglePasswordBtnLabel={t('passwordToggleBtn')}
           id="modal_pswd_confirmation"
           autoComplete="off"
           value={passwordConfirmationValue}
diff --git a/src/script/components/Modals/PrimaryModal/PasswordAdvancedSecurityForm/PasswordAdvancedSecurityForm.tsx b/src/script/components/Modals/PrimaryModal/PasswordAdvancedSecurityForm/PasswordAdvancedSecurityForm.tsx
index 01aa717f580..c522192c296 100644
--- a/src/script/components/Modals/PrimaryModal/PasswordAdvancedSecurityForm/PasswordAdvancedSecurityForm.tsx
+++ b/src/script/components/Modals/PrimaryModal/PasswordAdvancedSecurityForm/PasswordAdvancedSecurityForm.tsx
@@ -21,6 +21,8 @@ import type {ReactElement, ChangeEvent, FormEvent} from 'react';
 
 import {Input} from '@wireapp/react-ui-kit';
 
+import {t} from 'Util/LocalizerUtil';
+
 interface PasswordAdvancedSecurityFormProps {
   onSubmit: (event: FormEvent<HTMLFormElement>) => void;
   inputValue: string;
@@ -45,6 +47,7 @@ export const PasswordAdvancedSecurityForm = ({
       <Input
         id="modal_pswd_with_rules"
         type="password"
+        togglePasswordBtnLabel={t('passwordToggleBtn')}
         value={inputValue}
         placeholder={inputPlaceholder}
         required
diff --git a/src/types/i18n.d.ts b/src/types/i18n.d.ts
index 123fc3ffc96..36fbe7b67e7 100644
--- a/src/types/i18n.d.ts
+++ b/src/types/i18n.d.ts
@@ -274,6 +274,8 @@ declare module 'I18n/en-US.json' {
     'authLoginTitle': `Log in`;
     'authPlaceholderEmail': `Email`;
     'authPlaceholderPassword': `Password`;
+    'togglePasswordShowLabel': `Show password`;
+    'togglePasswordHideLabel': `Hide password`;
     'authPostedResend': `Resend to {email}`;
     'authPostedResendAction': `No email showing up?`;
     'authPostedResendDetail': `Check your email inbox and follow the instructions.`;