Iterate landmarks around the app in order to improve a11y (#26776)

t3chguy · web-flow · commit 0d86bab0dc0f · 2023-12-20T15:32:23.000Z
diff --git a/src/vector/index.html b/src/vector/index.html
@@ -59,7 +59,7 @@
   </head>
   <body style="height: 100%; margin: 0;">
     <noscript>Sorry, Element requires JavaScript to be enabled.</noscript> <!-- TODO: Translate this? -->
-    <section id="matrixchat" style="height: 100%;" class="notranslate"></section>
+    <div id="matrixchat" style="height: 100%;" class="notranslate"></div>
 
 <%
     // insert <script> tags for the JS entry points
diff --git a/test/app-tests/loading-test.tsx b/test/app-tests/loading-test.tsx
@@ -377,7 +377,7 @@ describe("loading:", function () {
             it("does not show a login view", async function () {
                 await awaitRoomView(matrixChat);
 
-                await screen.findByLabelText("Spaces");
+                await screen.getByRole("tree", { name: "Spaces" });
                 expect(screen.queryAllByText("Sign in")).toHaveLength(0);
             });
         });
