Accessibility improvements in settings (#32968)

* Add more playwright axe tests to settings dialogs

* Fix axe issue heading-order

* Fix heading order

* Iterate

* Update snapshots

* Iterate

* Update snapshots

* Iterate

* Update screenshot

* Iterate

* Iterate

* Update snapshot

apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts

@@ -16,7 +16,7 @@ test.describe("Advanced section in Encryption tab", () => {
         await bootstrapCrossSigningForClient(clientHandle, credentials, true);
     });
 
-    test("should show the encryption details", { tag: "@screenshot" }, async ({ page, app, util }) => {
+    test("should show the encryption details", { tag: "@screenshot" }, async ({ page, app, util, axe }) => {
         await util.openEncryptionTab();
         const section = util.getEncryptionDetailsSection();
 
@@ -26,6 +26,8 @@ test.describe("Advanced section in Encryption tab", () => {
         await expect(section).toMatchScreenshot("encryption-details.png", {
             mask: [section.getByTestId("deviceId"), section.getByTestId("sessionKey")],
         });
+
+        await expect(axe).toHaveNoViolations();
     });
 
     test("should show the import room keys dialog", async ({ page, app, util }) => {