diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
index 0c5b095ba1..22532ebea9 100644
--- a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
@@ -29,7 +29,9 @@ exports[`MemberTileView RoomMemberTileView should display an verified E2EIcon wh
           >
             u
           </span>
-           
+          <div
+            class="mx_MemberTileView_presence"
+          />
         </div>
         <div
           class="mx_MemberTileView_name"
@@ -105,7 +107,9 @@ exports[`MemberTileView RoomMemberTileView should display an warning E2EIcon whe
           >
             u
           </span>
-           
+          <div
+            class="mx_MemberTileView_presence"
+          />
         </div>
         <div
           class="mx_MemberTileView_name"
@@ -181,7 +185,9 @@ exports[`MemberTileView RoomMemberTileView should not display an E2EIcon when th
           >
             u
           </span>
-           
+          <div
+            class="mx_MemberTileView_presence"
+          />
         </div>
         <div
           class="mx_MemberTileView_name"
@@ -239,7 +245,9 @@ exports[`MemberTileView ThreePidInviteTileView renders ThreePidInvite correctly
           >
             F
           </span>
-           
+          <div
+            class="mx_MemberTileView_presence"
+          />
         </div>
         <div
           class="mx_MemberTileView_name"
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap
index 87159b7d1e..3fc2b1b9af 100644
--- a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap
@@ -2,175 +2,200 @@
 
 exports[`<PresenceIconView/> renders correctly for presence=busy 1`] = `
 <div>
-  <div
-    class="mx_PresenceIconView"
+  <span
+    tabindex="0"
   >
-    <svg
-      class="mx_PresenceIconView_dnd"
-      fill="currentColor"
-      height="8px"
-      viewBox="0 0 8 8"
-      width="8px"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
     >
-      <g
-        clip-path="url(#cpd_PresenceStrikethrough8X8Icon_a)"
+      <svg
+        class="mx_PresenceIconView_dnd"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          clip-rule="evenodd"
-          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961"
-          fill-rule="evenodd"
-        />
-      </g>
-      <defs>
-        <clippath
-          id="cpd_PresenceStrikethrough8X8Icon_a"
+        <g
+          clip-path="url(#cpd_PresenceStrikethrough8X8Icon_a)"
         >
           <path
-            d="M0 0h8v8H0z"
+            clip-rule="evenodd"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961"
+            fill-rule="evenodd"
           />
-        </clippath>
-      </defs>
-    </svg>
-  </div>
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceStrikethrough8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
 </div>
 `;
 
 exports[`<PresenceIconView/> renders correctly for presence=offline 1`] = `
 <div>
-  <div
-    class="mx_PresenceIconView"
+  <span
+    tabindex="0"
   >
-    <svg
-      class="mx_PresenceIconView_offline"
-      fill="currentColor"
-      height="8px"
-      viewBox="0 0 8 8"
-      width="8px"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
     >
-      <g
-        clip-path="url(#cpd_PresenceOutline8X8Icon_a)"
+      <svg
+        class="mx_PresenceIconView_offline"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          clip-rule="evenodd"
-          d="M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
-          fill-rule="evenodd"
-        />
-      </g>
-      <defs>
-        <clippath
-          id="cpd_PresenceOutline8X8Icon_a"
+        <g
+          clip-path="url(#cpd_PresenceOutline8X8Icon_a)"
         >
           <path
-            d="M0 0h8v8H0z"
+            clip-rule="evenodd"
+            d="M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+            fill-rule="evenodd"
           />
-        </clippath>
-      </defs>
-    </svg>
-  </div>
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceOutline8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
 </div>
 `;
 
 exports[`<PresenceIconView/> renders correctly for presence=online 1`] = `
 <div>
-  <div
-    class="mx_PresenceIconView"
+  <span
+    tabindex="0"
   >
-    <svg
-      class="mx_PresenceIconView_online"
-      fill="currentColor"
-      height="8px"
-      viewBox="0 0 8 8"
-      width="8px"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
     >
-      <g
-        clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+      <svg
+        class="mx_PresenceIconView_online"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
-        />
-      </g>
-      <defs>
-        <clippath
-          id="cpd_PresenceSolid8X8Icon_a"
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
         >
           <path
-            d="M0 0h8v8H0z"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
           />
-        </clippath>
-      </defs>
-    </svg>
-  </div>
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
 </div>
 `;
 
 exports[`<PresenceIconView/> renders correctly for presence=unavailable/unreachable 1`] = `
 <div>
-  <div
-    class="mx_PresenceIconView"
+  <span
+    tabindex="0"
   >
-    <svg
-      class="mx_PresenceIconView_unavailable"
-      fill="currentColor"
-      height="8px"
-      viewBox="0 0 8 8"
-      width="8px"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
     >
-      <g
-        clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+      <svg
+        class="mx_PresenceIconView_unavailable"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
-        />
-      </g>
-      <defs>
-        <clippath
-          id="cpd_PresenceSolid8X8Icon_a"
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
         >
           <path
-            d="M0 0h8v8H0z"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
           />
-        </clippath>
-      </defs>
-    </svg>
-  </div>
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
 </div>
 `;
 
 exports[`<PresenceIconView/> renders correctly for presence=unavailable/unreachable 2`] = `
 <div>
-  <div
-    class="mx_PresenceIconView"
+  <span
+    tabindex="0"
   >
-    <svg
-      class="mx_PresenceIconView_unavailable"
-      fill="currentColor"
-      height="8px"
-      viewBox="0 0 8 8"
-      width="8px"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
     >
-      <g
-        clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+      <svg
+        class="mx_PresenceIconView_unavailable"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
-        />
-      </g>
-      <defs>
-        <clippath
-          id="cpd_PresenceSolid8X8Icon_a"
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
         >
           <path
-            d="M0 0h8v8H0z"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
           />
-        </clippath>
-      </defs>
-    </svg>
-  </div>
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
 </div>
 `;