diff --git a/packages/features/bookings/Booker/components/Header.tsx b/packages/features/bookings/Booker/components/Header.tsx
index bf03708908..24644cb794 100644
--- a/packages/features/bookings/Booker/components/Header.tsx
+++ b/packages/features/bookings/Booker/components/Header.tsx
@@ -179,17 +179,32 @@ const LayoutToggle = ({
     return [
       {
         value: BookerLayouts.MONTH_VIEW,
-        label: <Icon name="calendar" width="16" height="16" />,
+        label: (
+          <>
+            <Icon name="calendar" width="16" height="16" />
+            <span className="sr-only">${t("switch_monthly")}</span>
+          </>
+        ),
         tooltip: t("switch_monthly"),
       },
       {
         value: BookerLayouts.WEEK_VIEW,
-        label: <Icon name="grid-3x3" width="16" height="16" />,
+        label: (
+          <>
+            <Icon name="grid-3x3" width="16" height="16" />
+            <span className="sr-only">${t("switch_weekly")}</span>
+          </>
+        ),
         tooltip: t("switch_weekly"),
       },
       {
         value: BookerLayouts.COLUMN_VIEW,
-        label: <Icon name="columns-3" width="16" height="16" />,
+        label: (
+          <>
+            <Icon name="columns-3" width="16" height="16" />
+            <span className="sr-only">${t("switch_columnview")}</span>
+          </>
+        ),
         tooltip: t("switch_columnview"),
       },
     ].filter((layout) => enabledLayouts?.includes(layout.value as BookerLayouts));