fix(graph): a11y + style polish from review

- iconGraph: use 16-viewBox + 1.5 stroke (matches project icon spec)
- View relationships pivots: drop redundant aria-label that didn't
  match the visible text; rely on the visible "View relationships"
  span as the accessible name
- users_v2 pivot: use vm.User.DN() (consistent with rest of file),
  not vm.User.User.DN()
- TestAxeAAA_GraphPages -> TestAxeAA_GraphPages (matches the AA-only
  ruleset; AAA login ratchet stays separate in axe_test.go)

Signed-off-by: Sebastian Mendel <info@sebastianmendel.de>

Author: CybotTM

internal/e2e/axe_graph_test.go

@@ -14,9 +14,12 @@ import (
 	"github.com/stretchr/testify/require"
 )
 
-// TestAxeAAA_GraphPages asserts the Phase 3 graph view pages have zero
-// WCAG violations under the same axe-core ruleset used by the login
-// page test. Covers:
+// TestAxeAA_GraphPages asserts the Phase 3 graph view pages have zero
+// WCAG 2.2 Level AA violations under axe-core. The graph view's stated
+// conformance level is AA (not AAA — the dynamic SVG/JS interactions
+// don't clear the AAA bar; the AAA-equivalent flat edge table below
+// the canvas provides the text alternative). The login page has a
+// separate AAA ratchet in TestAxeAAA_LoginPage. Covers:
 //   - /graph?entity=<seeded-DN>&depth=2 (entity-focused mode)
 //   - /users?view=graph                 (list-page Graph mode)
 //   - /groups?view=graph
@@ -25,7 +28,7 @@ import (
 // Authenticated as the test user; uses the first user from /users to
 // pick a real DN for the entity-focused page (matches the existing
 // graph_test.go pattern).
-func TestAxeAAA_GraphPages(t *testing.T) {
+func TestAxeAA_GraphPages(t *testing.T) {
 	config := DefaultTestConfig()
 	browser := NewTestBrowser(t, config)
 	defer browser.Close()

internal/web/templates/computers_v2.templ

@@ -361,8 +361,7 @@ templ computerDrawerContentsCtx(vm ComputerDrawerVM, inDrawer bool) {
 			}
 			<li>
 				<a class="drawer__pivot" href={ templ.URL("/graph?entity=" + url.QueryEscape(vm.Computer.DN())) }
-					aria-label="View relationship graph"
-					title="View relationship graph">
+					title="View relationships">
 					<span class="drawer__pivot-icon" aria-hidden="true">@iconGraph()</span>
 					<span class="drawer__pivot-text">View relationships</span>
 				</a>

internal/web/templates/groups_v2.templ

@@ -371,8 +371,7 @@ templ groupDrawerContentsCtx(vm GroupDrawerVM, inDrawer bool) {
 			}
 			<li>
 				<a class="drawer__pivot" href={ templ.URL("/graph?entity=" + url.QueryEscape(asLdapGroup(vm.Group).DN())) }
-					aria-label="View relationship graph"
-					title="View relationship graph">
+					title="View relationships">
 					<span class="drawer__pivot-icon" aria-hidden="true">@iconGraph()</span>
 					<span class="drawer__pivot-text">View relationships</span>
 				</a>

internal/web/templates/icons.templ

@@ -201,17 +201,18 @@ templ iconOSApple() {
 }
 
 // iconGraph — four nodes connected as a square. Semantic for the
-// relationship-graph view introduced in Phase 3.
+// relationship-graph view introduced in Phase 3. Matches the project
+// icon spec: 16-viewBox, 1.5 stroke, currentColor.
 templ iconGraph() {
-	<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
-		<circle cx="6" cy="6" r="2.5"></circle>
-		<circle cx="18" cy="6" r="2.5"></circle>
-		<circle cx="6" cy="18" r="2.5"></circle>
-		<circle cx="18" cy="18" r="2.5"></circle>
-		<line x1="8.5" y1="6" x2="15.5" y2="6"></line>
-		<line x1="6" y1="8.5" x2="6" y2="15.5"></line>
-		<line x1="18" y1="8.5" x2="18" y2="15.5"></line>
-		<line x1="8.5" y1="18" x2="15.5" y2="18"></line>
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+		<circle cx="4" cy="4" r="1.5"></circle>
+		<circle cx="12" cy="4" r="1.5"></circle>
+		<circle cx="4" cy="12" r="1.5"></circle>
+		<circle cx="12" cy="12" r="1.5"></circle>
+		<line x1="5.5" y1="4" x2="10.5" y2="4"></line>
+		<line x1="4" y1="5.5" x2="4" y2="10.5"></line>
+		<line x1="12" y1="5.5" x2="12" y2="10.5"></line>
+		<line x1="5.5" y1="12" x2="10.5" y2="12"></line>
 	</svg>
 }
 

internal/web/templates/users_v2.templ

@@ -459,9 +459,8 @@ templ userDrawerContentsCtx(vm UserDrawerVM, inDrawer bool) {
 				</li>
 			}
 			<li>
-				<a class="drawer__pivot" href={ templ.URL("/graph?entity=" + url.QueryEscape(vm.User.User.DN())) }
-					aria-label="View relationship graph"
-					title="View relationship graph">
+				<a class="drawer__pivot" href={ templ.URL("/graph?entity=" + url.QueryEscape(vm.User.DN())) }
+					title="View relationships">
 					<span class="drawer__pivot-icon" aria-hidden="true">@iconGraph()</span>
 					<span class="drawer__pivot-text">View relationships</span>
 				</a>