diff --git a/gradle/changelog/sr_aheadBehind.yaml b/gradle/changelog/sr_aheadBehind.yaml
new file mode 100644
index 0000000000..08896dc898
--- /dev/null
+++ b/gradle/changelog/sr_aheadBehind.yaml
@@ -0,0 +1,2 @@
+- type: fixed
+  description: Ahead and behind tag of a branch to screen reader
diff --git a/scm-ui/ui-webapp/public/locales/de/repos.json b/scm-ui/ui-webapp/public/locales/de/repos.json
index 4b4b206a92..a3554a590e 100644
--- a/scm-ui/ui-webapp/public/locales/de/repos.json
+++ b/scm-ui/ui-webapp/public/locales/de/repos.json
@@ -160,9 +160,7 @@
     "dangerZone": "Branch löschen",
     "aheadBehind": {
       "tooltip": "{{ahead}} Commit(s) vor, {{behind}} Commit(s) hinter dem Default Branch",
-      "label": "Voraus / Hinterher",
-      "ahead": "Voraus",
-      "behind": "Hinterher"
+      "label": "Voraus / Hinterher"
     },
     "delete": {
       "button": "Löschen",
diff --git a/scm-ui/ui-webapp/public/locales/en/repos.json b/scm-ui/ui-webapp/public/locales/en/repos.json
index 71bbb05028..cb99ff843e 100644
--- a/scm-ui/ui-webapp/public/locales/en/repos.json
+++ b/scm-ui/ui-webapp/public/locales/en/repos.json
@@ -160,9 +160,7 @@
     "dangerZone": "Delete Branch",
     "aheadBehind": {
       "tooltip": "{{ahead}} commit(s) ahead, {{behind}} commit(s) behind default branch",
-      "label": "Ahead / Behind",
-      "ahead": "Ahead",
-      "behind": "Behind"
+      "label": "Ahead / Behind"
     },
     "delete": {
       "button": "Delete",
diff --git a/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx b/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
index 4291f5170c..e2e87db011 100644
--- a/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
@@ -55,16 +55,17 @@ const AheadBehindTag: FC<Props> = ({ branch, details }) => {
     <Tooltip
       message={t("branch.aheadBehind.tooltip", { ahead: details.changesetsAhead, behind: details.changesetsBehind })}
     >
-      <span className="is-inline-flex is-align-items-center">
-        <Icon className={details.changesetsAhead > 0 ? "has-text-success" : "has-text-grey-light"}>arrow-up</Icon>
-        <Count aria-label={t("branch.aheadBehind.ahead")} className="is-size-7 pl-0">
-          {details.changesetsAhead}
-        </Count>
-        <Icon className={details.changesetsBehind > 0 ? "has-text-warning" : "has-text-grey-light"}>arrow-down</Icon>
-        <Count aria-label={t("branch.aheadBehind.behind")} className="is-size-7 pr-1">
-          {details.changesetsBehind}
-        </Count>
-      </span>
+      <>
+        <span className="is-sr-only">
+          {t("branch.aheadBehind.tooltip", { ahead: details.changesetsAhead, behind: details.changesetsBehind })}
+        </span>
+        <span className="is-inline-flex is-align-items-center" aria-hidden="true">
+          <Icon className={details.changesetsAhead > 0 ? "has-text-success" : "has-text-grey-light"}>arrow-up</Icon>
+          <Count className="is-size-7 pl-0">{details.changesetsAhead}</Count>
+          <Icon className={details.changesetsBehind > 0 ? "has-text-warning" : "has-text-grey-light"}>arrow-down</Icon>
+          <Count className="is-size-7 pr-1">{details.changesetsBehind}</Count>
+        </span>
+      </>
     </Tooltip>
   );
 };