Fix tests (accessibility issues with new buttons)

playwright/reconnect.spec.ts

@@ -54,6 +54,8 @@ test("can only interact with header and footer while reconnecting", async ({
     page.getByRole("switch", { name: "Mute microphone" }),
   ).toBeFocused();
   await page.keyboard.press("Tab");
+  await expect(page.getByRole("button", { name: "Microphone" })).toBeFocused();
+  await page.keyboard.press("Tab");
   await expect(page.getByRole("switch", { name: "Stop video" })).toBeFocused();
   // Most critically, we should be able to press the hangup button
   await page.getByRole("button", { name: "End call" }).click();

src/components/MediaMuteAndSwitchButton.tsx

@@ -98,7 +98,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
         IconOptions: VideoCallIcon,
         disabledLabel: t("stop_video_button_label"),
         enabledLabel: t("start_video_button_label"),
-        optionsButtonLabel: t("settings.devices.microphone"),
+        optionsButtonLabel: t("settings.devices.camera"),
       };
       break;
     case "audio":
@@ -152,6 +152,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
       {/* The mute button lives inside */}
       <Button
         iconOnly
+        role="switch"
         Icon={enabled ? IconEnabled : IconDisabled}
         onClick={(e) => {
           onMuteClick?.();