fix: remove selection overlay hover tooltips

Author: DjDeveloperr

client/src/features/accessibility/AccessibilityOverlay.test.ts

@@ -1,6 +1,11 @@
 import { describe, expect, it } from "vitest";
+import { createElement } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
 
-import { accessibilityDomTagName } from "./AccessibilityOverlay";
+import {
+  AccessibilityOverlay,
+  accessibilityDomTagName,
+} from "./AccessibilityOverlay";
 
 describe("accessibilityDomTagName", () => {
   it("uses source and component names for annotator-friendly custom tags", () => {
@@ -24,3 +29,30 @@ describe("accessibilityDomTagName", () => {
     ).toBe("simdeck-range-and-filter-bar");
   });
 });
+
+describe("AccessibilityOverlay", () => {
+  it("does not attach browser-native hover tooltips to selection nodes", () => {
+    const markup = renderToStaticMarkup(
+      createElement(AccessibilityOverlay, {
+        hoveredId: null,
+        roots: [
+          {
+            frame: { height: 844, width: 390, x: 0, y: 0 },
+            role: "application",
+            children: [
+              {
+                AXLabel: "Continue",
+                frame: { height: 48, width: 180, x: 105, y: 720 },
+                type: "Button",
+              },
+            ],
+          },
+        ],
+        selectedId: "",
+      }),
+    );
+
+    expect(markup).toContain('aria-label="SimDeck accessibility element');
+    expect(markup).not.toContain(" title=");
+  });
+});

client/src/features/accessibility/AccessibilityOverlay.tsx

@@ -172,7 +172,6 @@ function AccessibilityDomNode({
     "data-simdeck-accessibility-value": metadata.value,
     "data-simdeck-inspector-id": node.inspectorId || undefined,
     "data-simdeck-uikit-id": node.uikitId || undefined,
-    title: label,
     role,
     style: frameStyle(node.frame, rootFrame),
   });