diff --git a/apps/dashboard/src/lib/remote/admin-projects.remote.ts b/apps/dashboard/src/lib/remote/admin-projects.remote.ts
index 323eb97..3bb3f2b 100644
--- a/apps/dashboard/src/lib/remote/admin-projects.remote.ts
+++ b/apps/dashboard/src/lib/remote/admin-projects.remote.ts
@@ -29,6 +29,10 @@ import {
 import { sendRenderedEmail } from '$lib/server/email';
 import { softDeleteOrganizationResources } from '$lib/server/project-deletion';
 import { provisionVm } from '$lib/server/vm-provisioning';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureAdminProjects
+} from '$lib/server/accessibility-fixtures';
 
 export type AdminProjectBillingStatus = 'configured' | 'past_due' | 'suspended' | 'none';
 
@@ -69,6 +73,7 @@ function makeCountMap(rows: { key: string | null; count: number }[]) {
 }
 
 export const listAdminProjects = query(async (): Promise<AdminProject[]> => {
+	if (accessibilityFixtureEnabled) return accessibilityFixtureAdminProjects;
 	const db = await requireCurrentAdmin();
 
 	const [orgs, owners, memberCounts, vmCounts, volumeCounts, billingCustomers] = await Promise.all([
diff --git a/apps/dashboard/src/lib/remote/admin-users.remote.ts b/apps/dashboard/src/lib/remote/admin-users.remote.ts
index 2cbd351..0317f51 100644
--- a/apps/dashboard/src/lib/remote/admin-users.remote.ts
+++ b/apps/dashboard/src/lib/remote/admin-users.remote.ts
@@ -25,6 +25,10 @@ import {
 import { updateProjectCustomer } from '$lib/server/billing/autumn';
 import { sendRenderedEmail } from '$lib/server/email';
 import { softDeleteOrganizationResources } from '$lib/server/project-deletion';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureAdminUsers
+} from '$lib/server/accessibility-fixtures';
 
 export type UserSession = {
 	id: string;
@@ -156,6 +160,7 @@ function makeCountMap(rows: { userId: string | null; count: number }[]) {
 }
 
 export const listAdminUsers = query(async (): Promise<AdminUser[]> => {
+	if (accessibilityFixtureEnabled) return accessibilityFixtureAdminUsers;
 	const { db } = await requireCurrentAdmin();
 
 	const users = await db
diff --git a/apps/dashboard/src/lib/remote/admin-vms.remote.ts b/apps/dashboard/src/lib/remote/admin-vms.remote.ts
index c623741..10ebaa0 100644
--- a/apps/dashboard/src/lib/remote/admin-vms.remote.ts
+++ b/apps/dashboard/src/lib/remote/admin-vms.remote.ts
@@ -7,6 +7,10 @@ import { initDrizzle } from '$lib/server/db';
 import { member, organization, user, vms, vmTypes } from '$lib/server/db/schema';
 import { getBackend, type VmInfo } from '$lib/server/backends';
 import { queueVmDeletion } from '$lib/server/vm-deletion';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureAdminVms
+} from '$lib/server/accessibility-fixtures';
 
 export type AdminVm = {
 	id: string;
@@ -50,6 +54,7 @@ async function requireCurrentAdmin() {
 }
 
 export const listAllAdminVms = query(async (): Promise<AdminVm[]> => {
+	if (accessibilityFixtureEnabled) return accessibilityFixtureAdminVms;
 	const db = await requireCurrentAdmin();
 
 	const [rows, owners] = await Promise.all([
diff --git a/apps/dashboard/src/lib/remote/billing.remote.ts b/apps/dashboard/src/lib/remote/billing.remote.ts
index e597f0c..2c8cf4f 100644
--- a/apps/dashboard/src/lib/remote/billing.remote.ts
+++ b/apps/dashboard/src/lib/remote/billing.remote.ts
@@ -10,6 +10,10 @@ import {
 import { getProjectBillingOverview, refreshProjectBilling } from '$lib/server/billing/overview';
 import { runInBackground } from '$lib/server/background';
 import { initDrizzle } from '$lib/server/db';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureBillingOverview
+} from '$lib/server/accessibility-fixtures';
 
 const projectParams = type({ projectId: 'string' });
 const setupParams = type({ projectId: 'string', returnTo: 'string?', discountCode: 'string?' });
@@ -24,6 +28,8 @@ export const getProjectBilling = query(projectParams, async (params) => {
 	const event = getRequestEvent();
 	if (!event?.locals.user) error(401, 'Authentication required');
 
+	if (accessibilityFixtureEnabled) return accessibilityFixtureBillingOverview;
+
 	const db = initDrizzle();
 	await requireProjectAccess(db, event.locals.user.id, params.projectId, 'admin');
 	runInBackground(refreshProjectBilling(params.projectId), 'refreshProjectBilling');
diff --git a/apps/dashboard/src/lib/remote/images.remote.ts b/apps/dashboard/src/lib/remote/images.remote.ts
index ac4bf2e..8cc37d0 100644
--- a/apps/dashboard/src/lib/remote/images.remote.ts
+++ b/apps/dashboard/src/lib/remote/images.remote.ts
@@ -6,6 +6,10 @@ import { initDrizzle } from '$lib/server/db';
 import { baseImages } from '$lib/server/db/schema';
 import { getBackend } from '$lib/server/backends';
 import { requireAdmin } from '$lib/server/auth-context';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureImages
+} from '$lib/server/accessibility-fixtures';
 
 type ImageRow = {
 	id: string;
@@ -53,6 +57,8 @@ export const listImages = query(async () => {
 	const event = getRequestEvent();
 	if (!event?.locals.user) error(401, 'Authentication required');
 
+	if (accessibilityFixtureEnabled) return accessibilityFixtureImages;
+
 	const db = initDrizzle();
 	const rows = await db.query.baseImages.findMany({
 		orderBy: [asc(baseImages.sortOrder), asc(baseImages.id)]
diff --git a/apps/dashboard/src/lib/remote/ipam.remote.ts b/apps/dashboard/src/lib/remote/ipam.remote.ts
index 56341ec..811c7f6 100644
--- a/apps/dashboard/src/lib/remote/ipam.remote.ts
+++ b/apps/dashboard/src/lib/remote/ipam.remote.ts
@@ -6,6 +6,10 @@ import { initDrizzle } from '$lib/server/db';
 import { ipamAllocations, ipamPrefixes } from '$lib/server/db/schema';
 import { requireAdmin } from '$lib/server/auth-context';
 import { listIpamPrefixesWithStats, normalizeIpamPrefixInput } from '$lib/server/ipam';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureIpamPrefixes
+} from '$lib/server/accessibility-fixtures';
 
 async function requireCurrentAdmin() {
 	const event = getRequestEvent();
@@ -18,6 +22,7 @@ async function requireCurrentAdmin() {
 }
 
 export const listIpamPrefixes = query(async () => {
+	if (accessibilityFixtureEnabled) return accessibilityFixtureIpamPrefixes;
 	const db = await requireCurrentAdmin();
 	return listIpamPrefixesWithStats(db);
 });
diff --git a/apps/dashboard/src/lib/remote/vm-types.remote.ts b/apps/dashboard/src/lib/remote/vm-types.remote.ts
index e9f727d..c5f15f5 100644
--- a/apps/dashboard/src/lib/remote/vm-types.remote.ts
+++ b/apps/dashboard/src/lib/remote/vm-types.remote.ts
@@ -5,6 +5,10 @@ import { asc, desc, eq } from 'drizzle-orm';
 import { initDrizzle } from '$lib/server/db';
 import { vmTypes } from '$lib/server/db/schema';
 import { requireAdmin } from '$lib/server/auth-context';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureVmTypes
+} from '$lib/server/accessibility-fixtures';
 
 type VmTypeRow = {
 	id: string;
@@ -22,6 +26,8 @@ export const listVmTypes = query(async () => {
 	const event = getRequestEvent();
 	if (!event?.locals.user) error(401, 'Authentication required');
 
+	if (accessibilityFixtureEnabled) return accessibilityFixtureVmTypes;
+
 	const db = initDrizzle();
 	const rows = await db.query.vmTypes.findMany({
 		orderBy: [asc(vmTypes.sortOrder), asc(vmTypes.id)]
diff --git a/apps/dashboard/src/lib/server/accessibility-fixtures.ts b/apps/dashboard/src/lib/server/accessibility-fixtures.ts
index c7a6f1c..31ed433 100644
--- a/apps/dashboard/src/lib/server/accessibility-fixtures.ts
+++ b/apps/dashboard/src/lib/server/accessibility-fixtures.ts
@@ -116,3 +116,149 @@ export const accessibilityFixtureServers = [
 		}
 	}
 ];
+
+export const accessibilityFixtureBillingOverview = {
+	customer: null,
+	status: 'active' as const,
+	statusLabel: 'Ready',
+	planLabel: 'Project billing',
+	setupRequired: false,
+	syncError: null,
+	lastUpdatedAt: now.getTime(),
+	activeResourceCount: 1,
+	activeResources: [
+		{
+			id: 'starter',
+			label: 'Starter',
+			resourceType: 'vm' as const,
+			count: 1,
+			hours: 720,
+			cost: 36.0
+		}
+	]
+};
+
+export const accessibilityFixtureAdminUsers = [
+	{
+		id: accessibilityFixtureUser.id,
+		name: accessibilityFixtureUser.name,
+		email: accessibilityFixtureUser.email,
+		image: accessibilityFixtureUser.image,
+		emailVerified: accessibilityFixtureUser.emailVerified,
+		role: accessibilityFixtureUser.role,
+		isAdmin: accessibilityFixtureUser.isAdmin,
+		disabled: false,
+		billingExempt: false,
+		twoFactorEnabled: false,
+		createdAt: now,
+		updatedAt: now,
+		sessionCount: 1,
+		accountCount: 1,
+		orgCount: 1,
+		sshKeyCount: 0,
+		apiTokenCount: 0,
+		passkeyCount: 0
+	}
+];
+
+export const accessibilityFixtureAdminProjects = [
+	{
+		id: accessibilityFixtureProject.id,
+		name: accessibilityFixtureProject.projectName,
+		slug: 'accessibility-project',
+		createdAt: now.getTime(),
+		ownerId: accessibilityFixtureUser.id,
+		ownerName: accessibilityFixtureUser.name,
+		ownerEmail: accessibilityFixtureUser.email,
+		ownerBillingExempt: false,
+		memberCount: 2,
+		vmCount: 1,
+		volumeCount: 0,
+		billingStatus: 'configured' as const,
+		billingExempt: false,
+		disabled: false
+	}
+];
+
+export const accessibilityFixtureAdminVms = [
+	{
+		id: accessibilityFixtureServers[0].id,
+		name: accessibilityFixtureServers[0].name,
+		proxmoxId: accessibilityFixtureServers[0].proxmoxId,
+		proxmoxNode: accessibilityFixtureServers[0].live.proxmoxNode,
+		active: accessibilityFixtureServers[0].active,
+		status: accessibilityFixtureServers[0].status,
+		statusError: null,
+		liveStatus: accessibilityFixtureServers[0].live.status,
+		uptime: accessibilityFixtureServers[0].live.uptime,
+		cpuUsage: accessibilityFixtureServers[0].live.metrics.cpu,
+		memoryUsageBytes: accessibilityFixtureServers[0].live.memory,
+		memoryTotalBytes: accessibilityFixtureServers[0].live.memory,
+		createdAt: now.getTime(),
+		deletedAt: null,
+		lastKnownAt: now.getTime(),
+		lastKnownIpv4: accessibilityFixtureServers[0].live.networkInterfaces.eth0.ipAddresses[0],
+		lastKnownIpv6: accessibilityFixtureServers[0].live.networkInterfaces.eth0.ipAddresses[1],
+		projectId: accessibilityFixtureProject.id,
+		projectName: accessibilityFixtureProject.projectName,
+		projectBillingExempt: false,
+		ownerName: accessibilityFixtureUser.name,
+		ownerEmail: accessibilityFixtureUser.email,
+		ownerBillingExempt: false,
+		vmTypeName: accessibilityFixtureServers[0].vmType.name,
+		vmTypeCores: accessibilityFixtureServers[0].vmType.cores,
+		vmTypeRamCapacity: accessibilityFixtureServers[0].vmType.ramCapacity,
+		vmTypeStorageAmount: accessibilityFixtureServers[0].vmType.storageAmount,
+		vmTypeRate: '0.05'
+	}
+];
+
+export const accessibilityFixtureIpamPrefixes = [
+	{
+		id: 'accessibility-prefix-v4',
+		name: 'Test IPv4',
+		cidr: '192.0.2.0/24',
+		family: 'ipv4' as const,
+		disabled: false,
+		ipv6UseTransitAddress: false,
+		whitelistStart: null,
+		whitelistEnd: null,
+		gatewayAddress: '192.0.2.1',
+		allocated: 2,
+		capacity: '254',
+		available: '252',
+		hasCapacity: true
+	}
+];
+
+export const accessibilityFixtureVmTypes = [
+	{
+		id: 'starter',
+		name: 'Starter',
+		isa: 'x86',
+		cores: 2,
+		ramCapacity: 4,
+		storageAmount: 50,
+		rate: '0.05',
+		cap: '50.00',
+		autumnFeatureId: 'starter'
+	}
+];
+
+export const accessibilityFixtureImages = [
+	{
+		id: 'ubuntu-2404',
+		name: 'Ubuntu',
+		version: '24.04 LTS',
+		description: 'Ubuntu 24.04 LTS',
+		icon: 'ubuntu',
+		color: 'bg-orange-500',
+		isOfficial: true,
+		logoSvg: null,
+		accentColor: '#E95420',
+		imageType: 'qcow2',
+		secureBoot: false,
+		filePath: 'local:iso/ubuntu-24.04.qcow2',
+		isa: 'x86'
+	}
+];
diff --git a/apps/dashboard/src/lib/server/auth-context.ts b/apps/dashboard/src/lib/server/auth-context.ts
index 68e2fa1..0c8bb07 100644
--- a/apps/dashboard/src/lib/server/auth-context.ts
+++ b/apps/dashboard/src/lib/server/auth-context.ts
@@ -3,6 +3,11 @@ import { and, eq } from 'drizzle-orm';
 import { getRequestEvent } from '$app/server';
 import { hasProjectRole, type PermissionLevel } from '$lib/auth/organization-permissions';
 import { member, organization, user } from '$lib/server/db/schema';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureProject,
+	accessibilityFixtureUser
+} from '$lib/server/accessibility-fixtures';
 
 export function hasAdminRole(role: string | null | undefined): boolean {
 	return role?.split(',').includes('admin') ?? false;
@@ -45,6 +50,8 @@ function loadProjectAccess(db: any, userId: string, projectId: string): Promise<
 }
 
 export async function requireAdmin(db: any, userId: string): Promise<void> {
+	if (accessibilityFixtureEnabled && userId === accessibilityFixtureUser.id) return;
+
 	const isAdmin = await cachedLookup(`is-admin:${userId}`, async () => {
 		const currentUser = await db.query.user.findFirst({
 			where: eq(user.id, userId)
@@ -69,6 +76,10 @@ export async function requireProjectAccess(
 	projectId: string,
 	minLevel: PermissionLevel | 'owner' = 'read'
 ): Promise<void> {
+	if (accessibilityFixtureEnabled && userId === accessibilityFixtureUser.id) {
+		if (projectId === accessibilityFixtureProject.id) return;
+	}
+
 	const projectAccess = await loadProjectAccess(db, userId, projectId);
 
 	if (!projectAccess || projectAccess.deletedAt != null) {
@@ -89,6 +100,10 @@ export async function getProjectMemberRole(
 	userId: string,
 	projectId: string
 ): Promise<string | null> {
+	if (accessibilityFixtureEnabled && userId === accessibilityFixtureUser.id) {
+		if (projectId === accessibilityFixtureProject.id) return 'owner';
+	}
+
 	const projectAccess = await loadProjectAccess(db, userId, projectId);
 	return projectAccess?.role ?? null;
 }
diff --git a/apps/dashboard/src/lib/server/billing/overview.ts b/apps/dashboard/src/lib/server/billing/overview.ts
index 1bf6962..17c2355 100644
--- a/apps/dashboard/src/lib/server/billing/overview.ts
+++ b/apps/dashboard/src/lib/server/billing/overview.ts
@@ -6,6 +6,10 @@ import {
 } from './autumn';
 import { initDrizzle } from '$lib/server/db';
 import { billingMeters, billingUsageEvents, vmTypes } from '$lib/server/db/schema';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureBillingOverview
+} from '$lib/server/accessibility-fixtures';
 
 function statusLabel(status: Awaited<ReturnType<typeof getProjectBillingState>>['status']) {
 	if (status === 'active') return 'Ready';
@@ -24,6 +28,8 @@ export async function refreshProjectBilling(projectId: string) {
 }
 
 export async function getProjectBillingOverview(projectId: string) {
+	if (accessibilityFixtureEnabled) return accessibilityFixtureBillingOverview;
+
 	const db = initDrizzle();
 	const now = Date.now();
 	const billingState = await getProjectBillingState(projectId);
diff --git a/apps/dashboard/src/lib/server/env.ts b/apps/dashboard/src/lib/server/env.ts
index 3b4b8a0..adccb98 100644
--- a/apps/dashboard/src/lib/server/env.ts
+++ b/apps/dashboard/src/lib/server/env.ts
@@ -2,6 +2,7 @@ import type { Fetcher, KVNamespace, SendEmail } from '@cloudflare/workers-types'
 import { getRequestEvent } from '$app/server';
 import { dev } from '$app/environment';
 import { env as privateEnv } from '$env/dynamic/private';
+import { accessibilityFixtureEnabled } from '$lib/server/accessibility-fixtures';
 
 export type RuntimeEnv = {
 	ORIGIN: string;
@@ -34,7 +35,10 @@ export type RuntimeEnv = {
 };
 
 function required(name: keyof RuntimeEnv, value: string | undefined): string {
-	if (!value) throw new Error(`${name} is not set`);
+	if (!value) {
+		if (accessibilityFixtureEnabled) return `fixture-${name}`;
+		throw new Error(`${name} is not set`);
+	}
 
 	return value;
 }
diff --git a/apps/dashboard/src/routes/(app)/admin/+layout.server.ts b/apps/dashboard/src/routes/(app)/admin/+layout.server.ts
index f356330..08f8b8f 100644
--- a/apps/dashboard/src/routes/(app)/admin/+layout.server.ts
+++ b/apps/dashboard/src/routes/(app)/admin/+layout.server.ts
@@ -9,6 +9,16 @@ import { listIpamPrefixes } from '$lib/remote/ipam.remote';
 import { initDrizzle } from '$lib/server/db';
 import { requireAdmin } from '$lib/server/auth-context';
 import { getFeatureFlags } from '$lib/server/feature-flags';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureVmTypes,
+	accessibilityFixtureImages,
+	accessibilityFixtureFeatureFlags,
+	accessibilityFixtureAdminUsers,
+	accessibilityFixtureIpamPrefixes,
+	accessibilityFixtureAdminVms,
+	accessibilityFixtureAdminProjects
+} from '$lib/server/accessibility-fixtures';
 
 export const load: LayoutServerLoad = async ({ depends }) => {
 	depends('app:feature-flags');
@@ -30,6 +40,26 @@ export const load: LayoutServerLoad = async ({ depends }) => {
 		};
 	}
 
+	if (accessibilityFixtureEnabled) {
+		const [vmTypes, images, adminUsers, ipamPrefixes, adminVms, adminProjects] = await Promise.all([
+			listVmTypes(),
+			listImages(),
+			listAdminUsers(),
+			listIpamPrefixes(),
+			listAllAdminVms(),
+			listAdminProjects()
+		]);
+		return {
+			vmTypes,
+			images,
+			featureFlags: accessibilityFixtureFeatureFlags,
+			adminUsers,
+			ipamPrefixes,
+			adminVms,
+			adminProjects
+		};
+	}
+
 	await requireAdmin(initDrizzle(), userId);
 
 	const [vmTypes, images, featureFlags, adminUsers, ipamPrefixes, adminVms, adminProjects] =
diff --git a/apps/dashboard/src/routes/(app)/admin/+layout.svelte b/apps/dashboard/src/routes/(app)/admin/+layout.svelte
index 81be8be..ab3a6f7 100644
--- a/apps/dashboard/src/routes/(app)/admin/+layout.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/+layout.svelte
@@ -73,6 +73,7 @@
 </script>
 
 <div class="flex flex-1 flex-col overflow-hidden">
+	<h1 class="sr-only">Admin</h1>
 	<div class="flex h-10 shrink-0 items-center gap-0 overflow-x-auto border-b border-border">
 		{#each tabs as tab (tab.href)}
 			{@const active =
diff --git a/apps/dashboard/src/routes/(app)/admin/emails/+page.svelte b/apps/dashboard/src/routes/(app)/admin/emails/+page.svelte
index f065097..94d4497 100644
--- a/apps/dashboard/src/routes/(app)/admin/emails/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/emails/+page.svelte
@@ -368,6 +368,7 @@
 					bind:value={subject}
 					placeholder="Subject line"
 					disabled={sending}
+					aria-label="Subject"
 					class="h-9 w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
 				/>
 			</div>
@@ -469,6 +470,7 @@
 									event.currentTarget.value as AudienceField
 								))}
 							disabled={sending}
+							aria-label="Condition field"
 							class="h-8 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 						>
 							{#each Object.entries(audienceFieldDefs) as [value, def] (value)}
@@ -478,6 +480,7 @@
 						<select
 							bind:value={condition.op}
 							disabled={sending}
+							aria-label="Condition operator"
 							class="h-8 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 						>
 							{#each audienceFieldDefs[condition.field].ops as op (op.value)}
@@ -489,6 +492,7 @@
 								type="date"
 								bind:value={condition.value}
 								disabled={sending}
+								aria-label="Condition value"
 								class="h-8 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 							/>
 						{:else if condition.field === 'vmCount'}
@@ -497,12 +501,14 @@
 								min="0"
 								bind:value={condition.value}
 								disabled={sending}
+								aria-label="Condition value"
 								class="h-8 w-20 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 							/>
 						{:else if condition.field === 'vmType'}
 							<select
 								bind:value={condition.value}
 								disabled={sending}
+								aria-label="Condition value"
 								class="h-8 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 							>
 								{#each vmTypeOptions as typeName (typeName)}
@@ -513,6 +519,7 @@
 							<select
 								bind:value={condition.value}
 								disabled={sending}
+								aria-label="Condition value"
 								class="h-8 border border-border bg-muted px-2 text-xs text-foreground focus:border-ring focus:outline-none"
 							>
 								<option value="yes">yes</option>
diff --git a/apps/dashboard/src/routes/(app)/admin/features/+page.svelte b/apps/dashboard/src/routes/(app)/admin/features/+page.svelte
index 122812a..c7cebf4 100644
--- a/apps/dashboard/src/routes/(app)/admin/features/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/features/+page.svelte
@@ -99,13 +99,13 @@
 				<div class="flex items-center justify-between border-b border-border/50 px-4 py-3">
 					<div class="flex items-center gap-2.5">
 						<CatIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-						<h3 class="text-sm font-semibold text-foreground">
+						<h2 class="text-sm font-semibold text-foreground">
 							{featureFlagCategoryLabels[category as FeatureFlagCategory]}
-						</h3>
+						</h2>
 					</div>
 					<div
 						class="flex h-5 items-center rounded-full px-2 text-[10px] font-medium {catEnabled > 0
-							? 'bg-emerald-500/10 text-emerald-400'
+							? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-500/10 dark:text-emerald-300'
 							: 'bg-muted text-muted-foreground'}"
 					>
 						{#if catEnabled === flags.length}
diff --git a/apps/dashboard/src/routes/(app)/admin/images/+page.svelte b/apps/dashboard/src/routes/(app)/admin/images/+page.svelte
index 0eafee9..a035d77 100644
--- a/apps/dashboard/src/routes/(app)/admin/images/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/images/+page.svelte
@@ -108,7 +108,7 @@
 		<table class="w-full whitespace-nowrap">
 			<thead
 				><tr class="border-b border-border">
-					<th class="w-8 px-3 py-3"></th>
+					<th class="w-8 px-3 py-3"><span class="sr-only">Drag handle</span></th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">Image</th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">Version</th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">Type</th>
@@ -155,7 +155,9 @@
 								<div class="flex flex-col gap-1">
 									<span class="text-sm font-medium text-foreground">{img.name}</span>
 									{#if img.isOfficial}
-										<Badge variant="secondary" class="w-fit text-[10px] text-emerald-300"
+										<Badge
+											variant="secondary"
+											class="w-fit text-[10px] text-emerald-700 dark:text-emerald-300"
 											>Official</Badge
 										>
 									{/if}
diff --git a/apps/dashboard/src/routes/(app)/admin/projects/[[id]]/+page.svelte b/apps/dashboard/src/routes/(app)/admin/projects/[[id]]/+page.svelte
index 0a59809..d73ef0c 100644
--- a/apps/dashboard/src/routes/(app)/admin/projects/[[id]]/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/projects/[[id]]/+page.svelte
@@ -138,30 +138,56 @@
 
 	function vmStatusInfo(vm: AdminVm) {
 		if (vm.status === 'deleting')
-			return { label: 'deleting', class: 'border-red-500/20 bg-red-500/10 text-red-400' };
+			return {
+				label: 'deleting',
+				class:
+					'border-red-300 bg-red-100 text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400'
+			};
 		if (vm.status === 'error')
-			return { label: 'error', class: 'border-red-500/20 bg-red-500/10 text-red-400' };
+			return {
+				label: 'error',
+				class:
+					'border-red-300 bg-red-100 text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400'
+			};
 		if (vm.status === 'provisioning')
-			return { label: 'provisioning', class: 'border-sky-500/20 bg-sky-500/10 text-sky-400' };
+			return {
+				label: 'provisioning',
+				class:
+					'border-sky-300 bg-sky-100 text-sky-800 dark:border-sky-800 dark:bg-sky-950/40 dark:text-sky-400'
+			};
 		if (vm.liveStatus === 'running')
 			return {
 				label: 'running',
-				class: 'border-emerald-500/20 bg-emerald-500/10 text-emerald-400'
+				class:
+					'border-emerald-300 bg-emerald-100 text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-400'
 			};
 		if (vm.liveStatus === 'paused')
-			return { label: 'paused', class: 'border-amber-500/20 bg-amber-500/10 text-amber-400' };
+			return {
+				label: 'paused',
+				class:
+					'border-amber-300 bg-amber-100 text-amber-800 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-400'
+			};
 		return { label: 'stopped', class: 'border-ring/20 bg-muted/30 text-muted-foreground' };
 	}
 
 	function billingInfo(project: AdminProject) {
 		if (project.billingStatus === 'suspended')
-			return { label: 'suspended', class: 'border-red-500/20 bg-red-500/10 text-red-400' };
+			return {
+				label: 'suspended',
+				class:
+					'border-red-300 bg-red-100 text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400'
+			};
 		if (project.billingStatus === 'past_due')
-			return { label: 'past due', class: 'border-amber-500/20 bg-amber-500/10 text-amber-400' };
+			return {
+				label: 'past due',
+				class:
+					'border-amber-300 bg-amber-100 text-amber-800 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-400'
+			};
 		if (project.billingStatus === 'configured')
 			return {
 				label: 'configured',
-				class: 'border-emerald-500/20 bg-emerald-500/10 text-emerald-400'
+				class:
+					'border-emerald-300 bg-emerald-100 text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-400'
 			};
 		return { label: 'no billing', class: 'border-ring/20 bg-muted/30 text-muted-foreground' };
 	}
@@ -626,18 +652,15 @@
 									{info.label}
 								</span>
 								<DropdownMenu.Root>
-									<DropdownMenu.Trigger disabled={Boolean(saving)}>
-										<Button
-											variant="ghost"
-											size="sm"
-											class="h-7 w-7 p-0 text-muted-foreground hover:text-foreground"
-										>
-											{#if saving}
-												<Loader2 class="h-3.5 w-3.5 animate-spin" />
-											{:else}
-												<MoreHorizontal class="h-4 w-4" />
-											{/if}
-										</Button>
+									<DropdownMenu.Trigger
+										disabled={Boolean(saving)}
+										class="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+									>
+										{#if saving}
+											<Loader2 class="h-3.5 w-3.5 animate-spin" />
+										{:else}
+											<MoreHorizontal class="h-4 w-4" />
+										{/if}
 									</DropdownMenu.Trigger>
 									<DropdownMenu.Content class="w-44 border-border bg-background" align="end">
 										<DropdownMenu.Item
@@ -844,17 +867,14 @@
 				/>
 			</div>
 			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button
-						variant="outline"
-						size="sm"
-						class="h-8 gap-1.5 border-border/50 text-xs {ownerFilter === 'all'
-							? 'text-muted-foreground'
-							: 'text-foreground'} hover:bg-muted hover:text-foreground"
-					>
-						Owner: {ownerFilterLabel}
-						<ChevronDown class="h-3 w-3 text-muted-foreground" />
-					</Button>
+				<DropdownMenu.Trigger
+					class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {ownerFilter ===
+					'all'
+						? 'text-muted-foreground'
+						: 'text-foreground'}"
+				>
+					Owner: {ownerFilterLabel}
+					<ChevronDown class="h-3 w-3 text-muted-foreground" />
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="max-h-72 w-56 overflow-y-auto border-border bg-background">
 					<DropdownMenu.Item
@@ -882,17 +902,14 @@
 				</DropdownMenu.Content>
 			</DropdownMenu.Root>
 			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button
-						variant="outline"
-						size="sm"
-						class="h-8 gap-1.5 border-border/50 text-xs {billingFilter === 'all'
-							? 'text-muted-foreground'
-							: 'text-foreground'} hover:bg-muted hover:text-foreground"
-					>
-						Billing: {billingFilterLabel}
-						<ChevronDown class="h-3 w-3 text-muted-foreground" />
-					</Button>
+				<DropdownMenu.Trigger
+					class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {billingFilter ===
+					'all'
+						? 'text-muted-foreground'
+						: 'text-foreground'}"
+				>
+					Billing: {billingFilterLabel}
+					<ChevronDown class="h-3 w-3 text-muted-foreground" />
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="w-44 border-border bg-background">
 					<DropdownMenu.Item
@@ -924,7 +941,8 @@
 				<p class="text-sm">No projects found</p>
 			</div>
 		{:else}
-			<div class="overflow-x-auto rounded-md border border-border/60">
+			<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+			<div class="overflow-x-auto rounded-md border border-border/60" tabindex="0">
 				<table class="w-full text-left text-xs">
 					<thead>
 						<tr
@@ -936,7 +954,9 @@
 							<th class="px-4 py-2.5 font-medium">Resources</th>
 							<th class="px-4 py-2.5 font-medium">Billing</th>
 							<th class="px-4 py-2.5 font-medium">Created</th>
-							<th class="px-4 py-2.5"></th>
+							<th class="px-4 py-2.5">
+								<span class="sr-only">Actions</span>
+							</th>
 						</tr>
 					</thead>
 					<tbody class="divide-y divide-border/50">
@@ -1142,17 +1162,13 @@
 				<div class="flex flex-col gap-1.5">
 					<Label>Plan</Label>
 					<DropdownMenu.Root>
-						<DropdownMenu.Trigger>
-							<Button
-								variant="outline"
-								size="sm"
-								class="h-8 w-full justify-between gap-1.5 border-border/50 text-xs {createVmTypeId
-									? 'text-foreground'
-									: 'text-muted-foreground'}"
-							>
-								<span class="truncate">{createVmTypeLabel}</span>
-								<ChevronDown class="h-3 w-3 shrink-0 text-muted-foreground" />
-							</Button>
+						<DropdownMenu.Trigger
+							class="flex h-8 w-full items-center justify-between gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {createVmTypeId
+								? 'text-foreground'
+								: 'text-muted-foreground'}"
+						>
+							<span class="truncate">{createVmTypeLabel}</span>
+							<ChevronDown class="h-3 w-3 shrink-0 text-muted-foreground" />
 						</DropdownMenu.Trigger>
 						<DropdownMenu.Content class="max-h-64 w-56 overflow-y-auto border-border bg-background">
 							{#each admin.vmTypes as vmType (vmType.id)}
@@ -1177,17 +1193,13 @@
 				<div class="flex flex-col gap-1.5">
 					<Label>Image</Label>
 					<DropdownMenu.Root>
-						<DropdownMenu.Trigger>
-							<Button
-								variant="outline"
-								size="sm"
-								class="h-8 w-full justify-between gap-1.5 border-border/50 text-xs {createVmImageId
-									? 'text-foreground'
-									: 'text-muted-foreground'}"
-							>
-								<span class="truncate">{createVmImageLabel}</span>
-								<ChevronDown class="h-3 w-3 shrink-0 text-muted-foreground" />
-							</Button>
+						<DropdownMenu.Trigger
+							class="flex h-8 w-full items-center justify-between gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {createVmImageId
+								? 'text-foreground'
+								: 'text-muted-foreground'}"
+						>
+							<span class="truncate">{createVmImageLabel}</span>
+							<ChevronDown class="h-3 w-3 shrink-0 text-muted-foreground" />
 						</DropdownMenu.Trigger>
 						<DropdownMenu.Content class="max-h-64 w-56 overflow-y-auto border-border bg-background">
 							<DropdownMenu.Item
diff --git a/apps/dashboard/src/routes/(app)/admin/users/[[id]]/+page.svelte b/apps/dashboard/src/routes/(app)/admin/users/[[id]]/+page.svelte
index 7bfc141..dcb118e 100644
--- a/apps/dashboard/src/routes/(app)/admin/users/[[id]]/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/users/[[id]]/+page.svelte
@@ -185,14 +185,14 @@
 
 	function avatarColor(name: string) {
 		const colors = [
-			'bg-red-500/20 text-red-400',
-			'bg-emerald-500/20 text-emerald-400',
-			'bg-sky-500/20 text-sky-400',
-			'bg-amber-500/20 text-amber-400',
-			'bg-violet-500/20 text-violet-400',
-			'bg-rose-500/20 text-rose-400',
-			'bg-cyan-500/20 text-cyan-400',
-			'bg-orange-500/20 text-orange-400'
+			'bg-red-100 text-red-800 dark:bg-red-500/20 dark:text-red-400',
+			'bg-emerald-100 text-emerald-800 dark:bg-emerald-500/20 dark:text-emerald-400',
+			'bg-sky-100 text-sky-800 dark:bg-sky-500/20 dark:text-sky-400',
+			'bg-amber-100 text-amber-800 dark:bg-amber-500/20 dark:text-amber-400',
+			'bg-violet-100 text-violet-800 dark:bg-violet-500/20 dark:text-violet-400',
+			'bg-rose-100 text-rose-800 dark:bg-rose-500/20 dark:text-rose-400',
+			'bg-cyan-100 text-cyan-800 dark:bg-cyan-500/20 dark:text-cyan-400',
+			'bg-orange-100 text-orange-800 dark:bg-orange-500/20 dark:text-orange-400'
 		];
 		let hash = 0;
 		for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
@@ -365,17 +365,14 @@
 					/>
 				</div>
 				<DropdownMenu.Root>
-					<DropdownMenu.Trigger>
-						<Button
-							variant="outline"
-							size="sm"
-							class="h-8 gap-1.5 border-border/50 text-xs {roleFilter === 'all'
-								? 'text-muted-foreground'
-								: 'text-foreground'} hover:bg-muted hover:text-foreground"
-						>
-							Role: {roleFilterLabel}
-							<ChevronDown class="h-3 w-3 text-muted-foreground" />
-						</Button>
+					<DropdownMenu.Trigger
+						class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {roleFilter ===
+						'all'
+							? 'text-muted-foreground'
+							: 'text-foreground'}"
+					>
+						Role: {roleFilterLabel}
+						<ChevronDown class="h-3 w-3 text-muted-foreground" />
 					</DropdownMenu.Trigger>
 					<DropdownMenu.Content class="w-44 border-border bg-background">
 						<DropdownMenu.Item
@@ -400,17 +397,14 @@
 					</DropdownMenu.Content>
 				</DropdownMenu.Root>
 				<DropdownMenu.Root>
-					<DropdownMenu.Trigger>
-						<Button
-							variant="outline"
-							size="sm"
-							class="h-8 gap-1.5 border-border/50 text-xs {statusFilter === 'all'
-								? 'text-muted-foreground'
-								: 'text-foreground'} hover:bg-muted hover:text-foreground"
-						>
-							Status: {statusFilterLabel}
-							<ChevronDown class="h-3 w-3 text-muted-foreground" />
-						</Button>
+					<DropdownMenu.Trigger
+						class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {statusFilter ===
+						'all'
+							? 'text-muted-foreground'
+							: 'text-foreground'}"
+					>
+						Status: {statusFilterLabel}
+						<ChevronDown class="h-3 w-3 text-muted-foreground" />
 					</DropdownMenu.Trigger>
 					<DropdownMenu.Content class="w-44 border-border bg-background">
 						<DropdownMenu.Item
@@ -441,7 +435,8 @@
 					<p class="text-sm">No users found</p>
 				</div>
 			{:else}
-				<div class="overflow-x-auto rounded-md border border-border/60">
+				<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+				<div class="overflow-x-auto rounded-md border border-border/60" tabindex="0">
 					<table class="w-full text-left text-xs">
 						<thead>
 							<tr
@@ -452,7 +447,9 @@
 								<th class="px-4 py-2.5 font-medium">Status</th>
 								<th class="px-4 py-2.5 font-medium">Resources</th>
 								<th class="px-4 py-2.5 font-medium">Created</th>
-								<th class="px-4 py-2.5"></th>
+								<th class="px-4 py-2.5">
+									<span class="sr-only">Actions</span>
+								</th>
 							</tr>
 						</thead>
 						<tbody class="divide-y divide-border/50">
@@ -488,7 +485,7 @@
 									<td class="px-4 py-2.5">
 										{#if account.isAdmin}
 											<span
-												class="inline-flex items-center gap-1 rounded-sm border border-red-500/20 bg-red-500/10 px-1.5 py-0.5 text-[10px] font-medium text-red-400"
+												class="inline-flex items-center gap-1 rounded-sm border border-red-300 bg-red-100 px-1.5 py-0.5 text-[10px] font-medium text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400"
 											>
 												<Shield class="h-2.5 w-2.5" />Admin
 											</span>
@@ -504,7 +501,7 @@
 										<div class="flex flex-wrap items-center gap-1">
 											{#if account.emailVerified}
 												<span
-													class="inline-flex items-center gap-1 rounded-sm border border-emerald-500/20 bg-emerald-500/10 px-1.5 py-0.5 text-[10px] font-medium text-emerald-400"
+													class="inline-flex items-center gap-1 rounded-sm border border-emerald-300 bg-emerald-100 px-1.5 py-0.5 text-[10px] font-medium text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-400"
 												>
 													<Check class="h-2.5 w-2.5" />Verified
 												</span>
@@ -518,7 +515,7 @@
 											{/if}
 											{#if account.disabled}
 												<span
-													class="inline-flex items-center gap-1 rounded-sm border border-red-500/20 bg-red-500/10 px-1.5 py-0.5 text-[10px] font-medium text-red-400"
+													class="inline-flex items-center gap-1 rounded-sm border border-red-300 bg-red-100 px-1.5 py-0.5 text-[10px] font-medium text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400"
 												>
 													<X class="h-2.5 w-2.5" />Disabled
 												</span>
@@ -617,21 +614,19 @@
 				<div class="flex flex-col gap-2">
 					<span class="text-xs font-medium text-muted-foreground">Role</span>
 					<DropdownMenu.Root>
-						<DropdownMenu.Trigger disabled={isAdminSaving}>
-							<Button
-								variant="outline"
-								class="h-9 w-full justify-between border-border/50 bg-muted/40 text-xs text-foreground hover:bg-muted"
-							>
-								<span class="flex items-center gap-2">
-									<RoleIcon class="h-3.5 w-3.5 text-muted-foreground" />
-									{u.isAdmin ? 'Admin' : 'User'}
-								</span>
-								{#if isAdminSaving}
-									<Loader2 class="h-3 w-3 animate-spin text-muted-foreground" />
-								{:else}
-									<ChevronDown class="h-3 w-3 text-muted-foreground" />
-								{/if}
-							</Button>
+						<DropdownMenu.Trigger
+							disabled={isAdminSaving}
+							class="flex h-9 w-full items-center justify-between rounded-md border border-border/50 bg-muted/40 px-3 text-xs text-foreground transition-colors hover:bg-muted"
+						>
+							<span class="flex items-center gap-2">
+								<RoleIcon class="h-3.5 w-3.5 text-muted-foreground" />
+								{u.isAdmin ? 'Admin' : 'User'}
+							</span>
+							{#if isAdminSaving}
+								<Loader2 class="h-3 w-3 animate-spin text-muted-foreground" />
+							{:else}
+								<ChevronDown class="h-3 w-3 text-muted-foreground" />
+							{/if}
 						</DropdownMenu.Trigger>
 						<DropdownMenu.Content class="w-56 border-border bg-background">
 							<DropdownMenu.Label class="text-xs text-muted-foreground"
diff --git a/apps/dashboard/src/routes/(app)/admin/vm-types/+page.svelte b/apps/dashboard/src/routes/(app)/admin/vm-types/+page.svelte
index 3e01c51..162c3e0 100644
--- a/apps/dashboard/src/routes/(app)/admin/vm-types/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/vm-types/+page.svelte
@@ -81,7 +81,7 @@
 		<table class="w-full whitespace-nowrap">
 			<thead
 				><tr class="border-b border-border">
-					<th class="w-8 px-3 py-3"></th>
+					<th class="w-8 px-3 py-3"><span class="sr-only">Drag handle</span></th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">Name</th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">ISA</th>
 					<th class="px-5 py-3 text-left text-xs font-medium text-muted-foreground">Cores</th>
diff --git a/apps/dashboard/src/routes/(app)/admin/vms/[[id]]/+page.svelte b/apps/dashboard/src/routes/(app)/admin/vms/[[id]]/+page.svelte
index 35558a4..fe57dae 100644
--- a/apps/dashboard/src/routes/(app)/admin/vms/[[id]]/+page.svelte
+++ b/apps/dashboard/src/routes/(app)/admin/vms/[[id]]/+page.svelte
@@ -96,18 +96,35 @@
 		if (!vm.active)
 			return { label: 'deleted', class: 'border-ring/20 bg-muted/30 text-muted-foreground' };
 		if (vm.status === 'deleting')
-			return { label: 'deleting', class: 'border-red-500/20 bg-red-500/10 text-red-400' };
+			return {
+				label: 'deleting',
+				class:
+					'border-red-300 bg-red-100 text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400'
+			};
 		if (vm.status === 'error')
-			return { label: 'error', class: 'border-red-500/20 bg-red-500/10 text-red-400' };
+			return {
+				label: 'error',
+				class:
+					'border-red-300 bg-red-100 text-red-800 dark:border-red-800 dark:bg-red-950/40 dark:text-red-400'
+			};
 		if (vm.status === 'provisioning')
-			return { label: 'provisioning', class: 'border-sky-500/20 bg-sky-500/10 text-sky-400' };
+			return {
+				label: 'provisioning',
+				class:
+					'border-sky-300 bg-sky-100 text-sky-800 dark:border-sky-800 dark:bg-sky-950/40 dark:text-sky-400'
+			};
 		if (vm.liveStatus === 'running')
 			return {
 				label: 'running',
-				class: 'border-emerald-500/20 bg-emerald-500/10 text-emerald-400'
+				class:
+					'border-emerald-300 bg-emerald-100 text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-400'
 			};
 		if (vm.liveStatus === 'paused')
-			return { label: 'paused', class: 'border-amber-500/20 bg-amber-500/10 text-amber-400' };
+			return {
+				label: 'paused',
+				class:
+					'border-amber-300 bg-amber-100 text-amber-800 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-400'
+			};
 		return { label: 'stopped', class: 'border-ring/20 bg-muted/30 text-muted-foreground' };
 	}
 
@@ -260,17 +277,14 @@
 				/>
 			</div>
 			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button
-						variant="outline"
-						size="sm"
-						class="h-8 gap-1.5 border-border/50 text-xs {ownerFilter === 'all'
-							? 'text-muted-foreground'
-							: 'text-foreground'} hover:bg-muted hover:text-foreground"
-					>
-						Owner: {ownerFilterLabel}
-						<ChevronDown class="h-3 w-3 text-muted-foreground" />
-					</Button>
+				<DropdownMenu.Trigger
+					class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {ownerFilter ===
+					'all'
+						? 'text-muted-foreground'
+						: 'text-foreground'}"
+				>
+					Owner: {ownerFilterLabel}
+					<ChevronDown class="h-3 w-3 text-muted-foreground" />
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="max-h-72 w-56 overflow-y-auto border-border bg-background">
 					<DropdownMenu.Item
@@ -298,17 +312,14 @@
 				</DropdownMenu.Content>
 			</DropdownMenu.Root>
 			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button
-						variant="outline"
-						size="sm"
-						class="h-8 gap-1.5 border-border/50 text-xs {typeFilter === 'all'
-							? 'text-muted-foreground'
-							: 'text-foreground'} hover:bg-muted hover:text-foreground"
-					>
-						Type: {typeFilter === 'all' ? 'All' : typeFilter}
-						<ChevronDown class="h-3 w-3 text-muted-foreground" />
-					</Button>
+				<DropdownMenu.Trigger
+					class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {typeFilter ===
+					'all'
+						? 'text-muted-foreground'
+						: 'text-foreground'}"
+				>
+					Type: {typeFilter === 'all' ? 'All' : typeFilter}
+					<ChevronDown class="h-3 w-3 text-muted-foreground" />
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="max-h-72 w-48 overflow-y-auto border-border bg-background">
 					<DropdownMenu.Item
@@ -333,17 +344,14 @@
 				</DropdownMenu.Content>
 			</DropdownMenu.Root>
 			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button
-						variant="outline"
-						size="sm"
-						class="h-8 gap-1.5 border-border/50 text-xs {statusFilter === 'all'
-							? 'text-muted-foreground'
-							: 'text-foreground'} hover:bg-muted hover:text-foreground"
-					>
-						Status: {statusFilter === 'all' ? 'All' : statusFilter}
-						<ChevronDown class="h-3 w-3 text-muted-foreground" />
-					</Button>
+				<DropdownMenu.Trigger
+					class="flex h-8 items-center gap-1.5 rounded-md border border-border/50 px-3 text-xs transition-colors hover:bg-muted hover:text-foreground {statusFilter ===
+					'all'
+						? 'text-muted-foreground'
+						: 'text-foreground'}"
+				>
+					Status: {statusFilter === 'all' ? 'All' : statusFilter}
+					<ChevronDown class="h-3 w-3 text-muted-foreground" />
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="w-44 border-border bg-background">
 					<DropdownMenu.Item
@@ -393,7 +401,8 @@
 				<p class="text-sm">No servers found</p>
 			</div>
 		{:else}
-			<div class="overflow-x-auto rounded-md border border-border/60">
+			<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+			<div class="overflow-x-auto rounded-md border border-border/60" tabindex="0">
 				<table class="w-full text-left text-xs">
 					<thead>
 						<tr
@@ -405,7 +414,9 @@
 							<th class="px-4 py-2.5 font-medium">Status</th>
 							<th class="px-4 py-2.5 font-medium">Uptime</th>
 							<th class="px-4 py-2.5 font-medium">Created</th>
-							<th class="px-4 py-2.5"></th>
+							<th class="px-4 py-2.5">
+								<span class="sr-only">Actions</span>
+							</th>
 						</tr>
 					</thead>
 					<tbody class="divide-y divide-border/50">
@@ -463,18 +474,16 @@
 								<td class="px-4 py-3 text-muted-foreground">{formatDate(vm.createdAt)}</td>
 								<td class="px-4 py-3 text-right" onclick={(event) => event.stopPropagation()}>
 									<DropdownMenu.Root>
-										<DropdownMenu.Trigger disabled={Boolean(saving)}>
-											<Button
-												variant="ghost"
-												size="sm"
-												class="h-7 w-7 p-0 text-muted-foreground hover:text-foreground"
-											>
-												{#if saving}
-													<Loader2 class="h-3.5 w-3.5 animate-spin" />
-												{:else}
-													<MoreHorizontal class="h-4 w-4" />
-												{/if}
-											</Button>
+										<DropdownMenu.Trigger
+											disabled={Boolean(saving)}
+											class="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+											aria-label="Actions"
+										>
+											{#if saving}
+												<Loader2 class="h-3.5 w-3.5 animate-spin" />
+											{:else}
+												<MoreHorizontal class="h-4 w-4" />
+											{/if}
 										</DropdownMenu.Trigger>
 										<DropdownMenu.Content class="w-44 border-border bg-background" align="end">
 											{#if vm.active}
diff --git a/apps/dashboard/src/routes/(app)/projects/[projectid]/billing/+page.server.ts b/apps/dashboard/src/routes/(app)/projects/[projectid]/billing/+page.server.ts
index 3e69257..38f6b4a 100644
--- a/apps/dashboard/src/routes/(app)/projects/[projectid]/billing/+page.server.ts
+++ b/apps/dashboard/src/routes/(app)/projects/[projectid]/billing/+page.server.ts
@@ -5,12 +5,24 @@ import { attachDefaultProjectPlan } from '$lib/server/billing/autumn';
 import { getProjectBillingOverview, refreshProjectBilling } from '$lib/server/billing/overview';
 import { runInBackground } from '$lib/server/background';
 import { initDrizzle } from '$lib/server/db';
+import {
+	accessibilityFixtureEnabled,
+	accessibilityFixtureBillingOverview
+} from '$lib/server/accessibility-fixtures';
 
 export const load: PageServerLoad = async ({ locals, params, parent, url }) => {
 	if (!locals.user) error(401, 'Authentication required');
 
 	await parent();
 
+	if (accessibilityFixtureEnabled) {
+		return {
+			projectId: params.projectid,
+			canManageBilling: true,
+			billing: accessibilityFixtureBillingOverview
+		};
+	}
+
 	const db = initDrizzle();
 	await requireProjectAccess(db, locals.user.id, params.projectid, 'admin');
 	const role = await getProjectMemberRole(db, locals.user.id, params.projectid);
diff --git a/apps/dashboard/tests/accessibility.ts b/apps/dashboard/tests/accessibility.ts
index a0fa81a..a5cd17c 100644
--- a/apps/dashboard/tests/accessibility.ts
+++ b/apps/dashboard/tests/accessibility.ts
@@ -15,7 +15,16 @@ export const pages = [
 	{ label: 'project dashboard', path: '/' },
 	{ label: 'server list', path: '/projects/accessibility-project/servers' },
 	{ label: 'server detail', path: '/projects/accessibility-project/servers/accessibility-server' },
-	{ label: 'project settings', path: '/projects/accessibility-project/settings' }
+	{ label: 'project settings', path: '/projects/accessibility-project/settings' },
+	{ label: 'project billing', path: '/projects/accessibility-project/billing' },
+	{ label: 'admin users', path: '/admin/users' },
+	{ label: 'admin projects', path: '/admin/projects' },
+	{ label: 'admin vms', path: '/admin/vms' },
+	{ label: 'admin vm types', path: '/admin/vm-types' },
+	{ label: 'admin images', path: '/admin/images' },
+	{ label: 'admin ipam', path: '/admin/ipam' },
+	{ label: 'admin emails', path: '/admin/emails' },
+	{ label: 'admin features', path: '/admin/features' }
 ];
 
 export const test = base.extend<AxeFixture>({