diff --git a/app/compare/CompareClient.a11y-keyboard.test.tsx b/app/compare/CompareClient.a11y-keyboard.test.tsx
new file mode 100644
index 000000000..0e925d0b6
--- /dev/null
+++ b/app/compare/CompareClient.a11y-keyboard.test.tsx
@@ -0,0 +1,63 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import CompareClient from './CompareClient';
+
+vi.mock('next/navigation', () => ({
+  useSearchParams: () => new URLSearchParams(),
+  useRouter: () => ({ push: vi.fn(), replace: vi.fn() }),
+}));
+
+vi.mock('@/hooks/useRecentSearches', () => ({
+  useRecentSearches: () => ({
+    searches: ['octocat vs dinesh9997'],
+    addSearch: vi.fn(),
+    removeSearch: vi.fn(),
+    clearSearches: vi.fn(),
+  }),
+}));
+
+describe('CompareClient Keyboard Navigation & ARIA Accessibility', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders input fields with accessible ARIA labels', () => {
+    render(<CompareClient />);
+
+    const user1Input = screen.getByLabelText(/enter first github username to compare/i);
+    const user2Input = screen.getByLabelText(/enter second github username to compare/i);
+
+    expect(user1Input).toBeInTheDocument();
+    expect(user2Input).toBeInTheDocument();
+  });
+
+  it('renders submit compare button with proper aria-label', () => {
+    render(<CompareClient />);
+
+    const compareBtn = screen.getByRole('button', { name: /compare two github profiles/i });
+
+    expect(compareBtn).toBeInTheDocument();
+  });
+
+  it('includes focus-visible class names on interactive controls', () => {
+    render(<CompareClient />);
+
+    const user1Input = screen.getByLabelText(/enter first github username to compare/i);
+    const compareBtn = screen.getByRole('button', { name: /compare two github profiles/i });
+
+    expect(user1Input.className).toContain('focus-visible:ring-2');
+    expect(compareBtn.className).toContain('focus-visible:ring-2');
+  });
+
+  it('renders recent comparison history tags with accessible remove buttons', () => {
+    render(<CompareClient />);
+
+    const historyBtn = screen.getByRole('button', { name: 'octocat vs dinesh9997' });
+    const removeBtn = screen.getByRole('button', {
+      name: /remove octocat vs dinesh9997 from recent comparisions/i,
+    });
+
+    expect(historyBtn).toBeInTheDocument();
+    expect(removeBtn).toBeInTheDocument();
+  });
+});
diff --git a/app/compare/CompareClient.tsx b/app/compare/CompareClient.tsx
index 55ca8bed4..09dd6c4c5 100644
--- a/app/compare/CompareClient.tsx
+++ b/app/compare/CompareClient.tsx
@@ -1,7 +1,6 @@
 'use client';
 
 import { copyToClipboard } from '@/utils/clipboard';
-import Image from 'next/image';
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import TopRivalriesTicker from '@/components/TopRivalriesTicker';
@@ -1308,7 +1307,7 @@ export default function CompareClient() {
                     setUser1Error('');
                   }}
                   onKeyDown={(e) => e.key === 'Enter' && handleCompare(user1, user2)}
-                  className="w-full pl-10 pr-4 py-3 rounded-xl border border-black/10 dark:border-[rgba(255,255,255,0.1)] bg-white dark:bg-[#0a0a0a] text-gray-900 dark:text-white text-sm placeholder:text-[#A1A1AA] focus:outline-none focus:border-emerald-500/50 transition-colors"
+                  className="w-full pl-10 pr-4 py-3 rounded-xl border border-black/10 dark:border-[rgba(255,255,255,0.1)] bg-white dark:bg-[#0a0a0a] text-gray-900 dark:text-white text-sm placeholder:text-[#A1A1AA] focus:outline-none focus:border-emerald-500/50 focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors"
                 />
 
                 {user1Error && (
@@ -1337,7 +1336,7 @@ export default function CompareClient() {
                     setUser2Error('');
                   }}
                   onKeyDown={(e) => e.key === 'Enter' && handleCompare(user1, user2)}
-                  className="w-full pl-10 pr-4 py-3 rounded-xl border border-black/10 dark:border-[rgba(255,255,255,0.1)] bg-white dark:bg-[#0a0a0a] text-gray-900 dark:text-white text-sm placeholder:text-[#A1A1AA] focus:outline-none focus:border-emerald-500/50 transition-colors"
+                  className="w-full pl-10 pr-4 py-3 rounded-xl border border-black/10 dark:border-[rgba(255,255,255,0.1)] bg-white dark:bg-[#0a0a0a] text-gray-900 dark:text-white text-sm placeholder:text-[#A1A1AA] focus:outline-none focus:border-emerald-500/50 focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors"
                 />
 
                 {user2Error && (
@@ -1352,7 +1351,7 @@ export default function CompareClient() {
                 onClick={() => handleCompare(user1, user2)}
                 disabled={loading}
                 aria-label="Compare two GitHub profiles"
-                className="flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-black dark:bg-white text-white dark:text-black text-sm font-semibold hover:bg-zinc-800 dark:hover:bg-zinc-100 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                className="flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-black dark:bg-white text-white dark:text-black text-sm font-semibold hover:bg-zinc-800 dark:hover:bg-zinc-100 focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
               >
                 {loading ? <Loader2 size={16} className="animate-spin" /> : <Swords size={16} />}
                 {loading ? 'Comparing...' : 'Compare'}
@@ -1370,7 +1369,7 @@ export default function CompareClient() {
 
                 <button
                   onClick={clearSearches}
-                  className="text-xs text-red-500 hover:text-red-600 transition-colors"
+                  className="text-xs text-red-500 hover:text-red-600 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:outline-none rounded px-1 transition-colors"
                 >
                   Clear All
                 </button>
@@ -1394,14 +1393,14 @@ export default function CompareClient() {
                           handleCompare(left, right);
                         }
                       }}
-                      className="text-xs text-gray-700 dark:text-gray-300 hover:text-emerald-500 transition-colors"
+                      className="text-xs text-gray-700 dark:text-gray-300 hover:text-emerald-500 focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none rounded px-1 transition-colors"
                     >
                       {search}
                     </button>
 
                     <button
                       onClick={() => removeSearch(search)}
-                      className="text-xs text-red-400 hover:text-red-600"
+                      className="text-xs text-red-400 hover:text-red-600 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:outline-none rounded px-0.5"
                       aria-label={`Remove ${search} from recent comparisions`}
                     >
                       ×
@@ -1646,7 +1645,8 @@ export default function CompareClient() {
                     whileTap={{ scale: 0.95 }}
                     onClick={handleShareBattle}
                     title="Copy battle link"
-                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/20 text-white font-bold shadow-[0_0_20px_rgba(255,255,255,0.1)] transition-colors"
+                    aria-label="Copy battle link to clipboard"
+                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/20 text-white font-bold shadow-[0_0_20px_rgba(255,255,255,0.1)] focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors"
                   >
                     {copied ? (
                       <>
@@ -1693,7 +1693,8 @@ export default function CompareClient() {
                     whileTap={{ scale: 0.95 }}
                     onClick={handleTwitterShare}
                     title="Share on X (Twitter)"
-                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-black hover:bg-zinc-800 backdrop-blur-md border border-white/20 text-white font-bold shadow-[0_0_20px_rgba(0,0,0,0.4)] transition-colors"
+                    aria-label="Share comparison battle on X"
+                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-black hover:bg-zinc-800 backdrop-blur-md border border-white/20 text-white font-bold shadow-[0_0_20px_rgba(0,0,0,0.4)] focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors"
                   >
                     {/* X logo */}
                     <svg
@@ -1714,7 +1715,8 @@ export default function CompareClient() {
                     whileTap={{ scale: 0.95 }}
                     onClick={handleLinkedInShare}
                     title="Share on LinkedIn"
-                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-[#0A66C2] hover:bg-[#0958a8] backdrop-blur-md border border-[#0A66C2]/50 text-white font-bold shadow-[0_0_20px_rgba(10,102,194,0.4)] transition-colors"
+                    aria-label="Share comparison battle on LinkedIn"
+                    className="flex items-center gap-2 px-5 py-4 rounded-full bg-[#0A66C2] hover:bg-[#0958a8] backdrop-blur-md border border-[#0A66C2]/50 text-white font-bold shadow-[0_0_20px_rgba(10,102,194,0.4)] focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors"
                   >
                     {/* LinkedIn logo */}
                     <svg
@@ -1735,7 +1737,8 @@ export default function CompareClient() {
                     whileTap={{ scale: 0.95 }}
                     onClick={handleDownloadCard}
                     disabled={isExporting}
-                    className="flex items-center gap-3 px-6 py-4 rounded-full bg-emerald-500 hover:bg-emerald-400 text-black font-bold shadow-[0_0_30px_rgba(16,185,129,0.5)] transition-colors overflow-hidden relative group"
+                    aria-label="Export comparison wrapped card image"
+                    className="flex items-center gap-3 px-6 py-4 rounded-full bg-emerald-500 hover:bg-emerald-400 text-black font-bold shadow-[0_0_30px_rgba(16,185,129,0.5)] focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:outline-none transition-colors overflow-hidden relative group"
                   >
                     <motion.div
                       animate={isExporting ? { rotate: 360 } : {}}
diff --git a/components/InteractiveViewer.tsx b/components/InteractiveViewer.tsx
index ba6c65a49..29ee32319 100644
--- a/components/InteractiveViewer.tsx
+++ b/components/InteractiveViewer.tsx
@@ -118,7 +118,7 @@ export default function InteractiveViewer({
   // Stable particle list — generated once on mount, never re-shuffled.
   const particles = useMemo((): ParallaxParticle[] => buildParticles(), []);
 
-  // ── Parallax math ──────────────────────────────────────────────────────────
+  // ── Parallax math ─────────────────────────────────────────────────────────
   // Offset from center: at mousePos.x = 0.5, offset = 0 (no shift).
   // At the left edge (0), offset = -STRENGTH/2; at right (1), offset = +STRENGTH/2.
   const hoverParallaxX = (mousePos.x - 0.5) * PARALLAX_STRENGTH;
@@ -399,29 +399,31 @@ export default function InteractiveViewer({
              Each particle shifts by (parallaxX * depth, parallaxY * depth) px relative
              to its base position, so "closer" particles (higher depth) shift more —
              creating the impression of a multi-layered isometric space. */}
-        {particles.map((particle): ReactElement => (
-          <div
-            key={particle.id}
-            style={{
-              position: 'absolute',
-              left: `${particle.x}%`,
-              top: `${particle.y}%`,
-              width: particle.size,
-              height: particle.size,
-              backgroundColor: particle.color,
-              borderRadius: particle.isCircle ? '50%' : '2px',
-              boxShadow: `0 0 ${particle.size * 2}px ${particle.color}55`,
-              opacity: isHovering ? particle.opacity * 1.8 : particle.opacity,
-              // Particles shift in the SAME direction as the cursor offset to create
-              // a realistic parallax: near objects (depth ~0.6) move more than far ones.
-              transform: `translate(${parallaxX * particle.depth}px, ${parallaxY * particle.depth}px)`,
-              // Smooth lerp toward the new position; opacity fades independently
-              transition: `transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease`,
-              pointerEvents: 'none',
-              willChange: 'transform',
-            }}
-          />
-        ))}
+        {particles.map(
+          (particle): ReactElement => (
+            <div
+              key={particle.id}
+              style={{
+                position: 'absolute',
+                left: `${particle.x}%`,
+                top: `${particle.y}%`,
+                width: particle.size,
+                height: particle.size,
+                backgroundColor: particle.color,
+                borderRadius: particle.isCircle ? '50%' : '2px',
+                boxShadow: `0 0 ${particle.size * 2}px ${particle.color}55`,
+                opacity: isHovering ? particle.opacity * 1.8 : particle.opacity,
+                // Particles shift in the SAME direction as the cursor offset to create
+                // a realistic parallax: near objects (depth ~0.6) move more than far ones.
+                transform: `translate(${parallaxX * particle.depth}px, ${parallaxY * particle.depth}px)`,
+                // Smooth lerp toward the new position; opacity fades independently
+                transition: `transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease`,
+                pointerEvents: 'none',
+                willChange: 'transform',
+              }}
+            />
+          )
+        )}
       </div>
 
       {/* ── Card content ──────────────────────────────────────────────────────
diff --git a/components/burnout/BurnoutRiskTable.tsx b/components/burnout/BurnoutRiskTable.tsx
index 4495276d9..37feeedbe 100644
--- a/components/burnout/BurnoutRiskTable.tsx
+++ b/components/burnout/BurnoutRiskTable.tsx
@@ -34,7 +34,12 @@ interface BurnoutRiskTableProps {
 }
 
 type SortColumn =
-  'username' | 'commitShare' | 'highIntensityWeeks' | 'restWeeks' | 'burnoutScore' | 'totalCommits';
+  | 'username'
+  | 'commitShare'
+  | 'highIntensityWeeks'
+  | 'restWeeks'
+  | 'burnoutScore'
+  | 'totalCommits';
 type SortDirection = 'asc' | 'desc';
 
 // Custom Pure SVG Sparkline for visual performance
@@ -162,9 +167,7 @@ export default function BurnoutRiskTable({ contributors }: BurnoutRiskTableProps
 
   const renderSortIcon = (column: SortColumn) => {
     if (sortColumn !== column) {
-      return (
-        <ArrowUpDown size={12} className="opacity-40 hover:opacity-100 transition-opacity ml-1" />
-      );
+      return <ArrowUpDown size={12} className="opacity-40 hover:opacity-100 transition-opacity ml-1" />;
     }
     return sortDirection === 'asc' ? (
       <ArrowUp size={12} className="text-indigo-500 ml-1" />
@@ -206,7 +209,7 @@ export default function BurnoutRiskTable({ contributors }: BurnoutRiskTableProps
               placeholder="Search contributor..."
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
-              className="w-full pl-8 pr-7 py-1.5 rounded-xl border border-black/10 dark:border-white/10 bg-white/80 dark:bg-[#121212]/80 text-xs text-gray-900 dark:text-white placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+              className="w-full pl-8 pr-7 py-1.5 rounded-xl border border-black/10 dark:border-white/10 bg-white/80 dark:bg-[#121212]/80 text-xs text-gray-900 dark:text-white placeholder-gray-400"
             />
             <Search
               className="absolute left-2.5 top-1/2 -translate-y-1/2 text-gray-400"
diff --git a/components/dashboard/RadarChart.tsx b/components/dashboard/RadarChart.tsx
index 023ac02c9..98d6967e5 100644
--- a/components/dashboard/RadarChart.tsx
+++ b/components/dashboard/RadarChart.tsx
@@ -68,6 +68,8 @@ export default function RadarChart({ languagesA, languagesB, labelA, labelB }: R
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true }}
       transition={{ duration: 0.3 }}
+      role="region"
+      aria-label="Language Dominance Radar Comparison"
       className="p-6 rounded-xl bg-white dark:bg-[#0a0a0a] border border-black/10 dark:border-[rgba(255,255,255,0.08)] flex flex-col items-center justify-between min-h-[360px]"
     >
       <div className="w-full mb-4 flex justify-between items-center">
@@ -100,8 +102,17 @@ export default function RadarChart({ languagesA, languagesB, labelA, labelB }: R
               width="320"
               height="300"
               viewBox="0 0 320 300"
+              role="img"
+              aria-labelledby="radar-chart-title radar-chart-desc"
               className="w-full h-full overflow-visible"
             >
+              <title id="radar-chart-title">
+                Language Dominance Radar Chart comparing {labelA} and {labelB}
+              </title>
+              <desc id="radar-chart-desc">
+                Radar chart visualizing language distribution percentages for top languages across
+                both profiles.
+              </desc>
               <defs>
                 <filter id="glow-cyan" x="-20%" y="-20%" width="140%" height="140%">
                   <feGaussianBlur stdDeviation="3" result="blur" />
diff --git a/docs/customization.md b/docs/customization.md
index 773d3a701..19c9009cf 100644
--- a/docs/customization.md
+++ b/docs/customization.md
@@ -59,45 +59,45 @@ URL Parameter > Theme Default > System Fallback
 
 > All parameters below are optional except `user`. Append them to the base URL as query string key-value pairs (e.g. `?user=YOUR_USERNAME&theme=neon&size=large`). Boolean parameters accept `true` or `false`. Hex color values are provided **without** the `#` prefix.
 
-| Parameter | Description | Default | Allowed Values / Constraints | Example |
-| ----------------- | ----------------------------------------------------------------------------------------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | --- | ---------- | ----------------------------- | ------ | ------------------------------- | ---------------- |
-| `user` | GitHub username to render (Required) | — | Any valid GitHub username | `?user=jhasourav07` |
-| `theme` | Preset theme name | `dark` | `auto`, `dark`, `neon`, `dracula`, `github`, `light`, `gruvbox`, `random`, etc. | `?theme=dracula` |
-| `bg` | Background color | Theme default | Hex color code (without `#`) | `?bg=0d1117` |
-| `accent` | Tower & glow color | Theme default | Hex color code (without `#`) | `?accent=58a6ff` |
-| `text` | Label & stat text color | Theme default | Hex color code (without `#`) | `?text=c9d1d9` |
-| `radius` | Border corner radius in pixels | `8` | Numeric value | `?radius=16` |
-| `border` | Custom stroke color around the SVG container | — | Hex color code (without `#`) | `?border=ff0000` |
-| `speed` | Radar scan duration | `8s` | `2s`–`20s` | `?speed=4s` |
-| `scale` | Tower height scaling | `linear` | `linear`, `log`, `sqrt` | `?scale=sqrt` |
-| `size` | Badge dimensions | `medium` | `small`, `medium`, `large` | `?size=large` |
-| `font` | Custom font for text | Default typography | Any valid Google Font name | `?font=Orbitron` |
-| `refresh` | Bypass cache for real-time data | `false` | `true`, `false` | `?refresh=true` |
-| `year` | Calendar year to render | Current year | `2023`, `2024`, etc. | `?year=2023` |
-| `hide_title` | Hide GitHub username/title | `false` | `true`, `false` | `?hide_title=true` |
-| `custom_title` | Custom header title text | — | Any text string (XML-escaped) | `?custom_title=My%20Pulse` |
-| `custom_subtitle` | Custom subtitle text right below title | — | Any text string (XML-escaped) | `?custom_subtitle=Dev` |
-| `hide_background` | Remove the background rect | `false` | `true`, `false` | `?hide_background=true` |
-| `hide_stats` | Hide bottom row displaying stats | `false` | `true`, `false` | `?hide_stats=true` |
-| `tz` | IANA timezone | `UTC` | Valid IANA timezone | `?tz=Asia/Kolkata` |
-| `lang` | Language code for labels | `en` | `en`, `es`, `hi`, `fr`, `pt`, `ko`, `ja`, `de`, `zh` | `?lang=hi` |
-| `view` | Rendering mode | `default` | `default`, `monthly`, `heatmap`, `pulse`, `skyline`, `languages`, `constellation`, `weekday`, `punchcard`, `radar`, `doughnut`, `pie`, `activity_graph`, `commit_clock` | `?view=punchcard` |
-| `entrance` | Entrance animation for towers | `rise` | `rise`, `fade`, `slide`, `none` | `?entrance=fade` |
-| `delta_format` | Month-over-month delta format (`view=monthly`) | `percent` | `percent`, `absolute`, `both` | `?delta_format=absolute` |
-| `width` | Custom width for SVG canvas (`view=monthly`, `pulse`, `skyline`) | `300` | Numeric value | `?width=400` |
-| `height` | Custom height for SVG canvas (`view=monthly`, `pulse`, `skyline`) | `120` | Numeric value | `?height=150` |
-| `grace` | Grace period in days before streak resets (see [Grace Period Examples](#grace-period-examples)) | `1` | `0`–`7` | `?grace=2` |
-| `mode` | Base data rendering mode | `commits` | `commits`, `loc` | `?mode=loc` |
-| `repo` | Render monolith for a specific repository | — | `owner/repo` | `?repo=vercel/next.js` |
-| `org` | Organization name to generate a Mega-City for | — | Valid GitHub organization name | `?org=vercel` |
-| `labels` | Render optional isometric month/weekday labels | `false` | `true`, `false` | `?labels=true` |
-| `labelColor` | Custom text color for isometric labels | — | Hex color code (without `#`) | `?labelColor=ffffff` |
-| `versus` | Compare against an opponent side-by-side | — | Any valid GitHub username | `?versus=octocat` |
-| `shading` | Apply intensity-based opacity shading to tower faces | `false` | `true`, `false` | `?shading=true` |
-| `dim_weekends` | Dim weekend towers (Saturdays and Sundays) | `false` | `true`, `false` | `?dim_weekends=true` |
-| `opacity` | Global opacity scalar for tower fill | `1.0` | `0.1`–`1.0` | `?opacity=0.8` |
-| `gradient` | Show volumetric gradients on the floor | `false` | `true`, `false` | `?gradient=true` |
-| `minify` | Enable SVG minification and payload optimization | `true` | `true`, `false` | `?minify=false` |
+| Parameter         | Description                                                                                     | Default            | Allowed Values / Constraints                                                                                                                                            | Example                    |
+| ----------------- | ----------------------------------------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |
+| `user`            | GitHub username to render (Required)                                                            | —                  | Any valid GitHub username                                                                                                                                               | `?user=jhasourav07`        |
+| `theme`           | Preset theme name                                                                               | `dark`             | `auto`, `dark`, `neon`, `dracula`, `github`, `light`, `gruvbox`, `random`, etc.                                                                                         | `?theme=dracula`           |
+| `bg`              | Background color                                                                                | Theme default      | Hex color code (without `#`)                                                                                                                                            | `?bg=0d1117`               |
+| `accent`          | Tower & glow color                                                                              | Theme default      | Hex color code (without `#`)                                                                                                                                            | `?accent=58a6ff`           |
+| `text`            | Label & stat text color                                                                         | Theme default      | Hex color code (without `#`)                                                                                                                                            | `?text=c9d1d9`             |
+| `radius`          | Border corner radius in pixels                                                                  | `8`                | Numeric value                                                                                                                                                           | `?radius=16`               |
+| `border`          | Custom stroke color around the SVG container                                                    | —                  | Hex color code (without `#`)                                                                                                                                            | `?border=ff0000`           |
+| `speed`           | Radar scan duration                                                                             | `8s`               | `2s`–`20s`                                                                                                                                                              | `?speed=4s`                |
+| `scale`           | Tower height scaling                                                                            | `linear`           | `linear`, `log`, `sqrt`                                                                                                                                                 | `?scale=sqrt`              |
+| `size`            | Badge dimensions                                                                                | `medium`           | `small`, `medium`, `large`                                                                                                                                              | `?size=large`              |
+| `font`            | Custom font for text                                                                            | Default typography | Any valid Google Font name                                                                                                                                              | `?font=Orbitron`           |
+| `refresh`         | Bypass cache for real-time data                                                                 | `false`            | `true`, `false`                                                                                                                                                         | `?refresh=true`            |
+| `year`            | Calendar year to render                                                                         | Current year       | `2023`, `2024`, etc.                                                                                                                                                    | `?year=2023`               |
+| `hide_title`      | Hide GitHub username/title                                                                      | `false`            | `true`, `false`                                                                                                                                                         | `?hide_title=true`         |
+| `custom_title`    | Custom header title text                                                                        | —                  | Any text string (XML-escaped)                                                                                                                                           | `?custom_title=My%20Pulse` |
+| `custom_subtitle` | Custom subtitle text right below title                                                          | —                  | Any text string (XML-escaped)                                                                                                                                           | `?custom_subtitle=Dev`     |
+| `hide_background` | Remove the background rect                                                                      | `false`            | `true`, `false`                                                                                                                                                         | `?hide_background=true`    |
+| `hide_stats`      | Hide bottom row displaying stats                                                                | `false`            | `true`, `false`                                                                                                                                                         | `?hide_stats=true`         |
+| `tz`              | IANA timezone                                                                                   | `UTC`              | Valid IANA timezone                                                                                                                                                     | `?tz=Asia/Kolkata`         |
+| `lang`            | Language code for labels                                                                        | `en`               | `en`, `es`, `hi`, `fr`, `pt`, `ko`, `ja`, `de`, `zh`                                                                                                                    | `?lang=hi`                 |
+| `view`            | Rendering mode                                                                                  | `default`          | `default`, `monthly`, `heatmap`, `pulse`, `skyline`, `languages`, `constellation`, `weekday`, `punchcard`, `radar`, `doughnut`, `pie`, `activity_graph`, `commit_clock` | `?view=punchcard`          |
+| `entrance`        | Entrance animation for towers                                                                   | `rise`             | `rise`, `fade`, `slide`, `none`                                                                                                                                         | `?entrance=fade`           |
+| `delta_format`    | Month-over-month delta format (`view=monthly`)                                                  | `percent`          | `percent`, `absolute`, `both`                                                                                                                                           | `?delta_format=absolute`   |
+| `width`           | Custom width for SVG canvas (`view=monthly`, `pulse`, `skyline`)                                | `300`              | Numeric value                                                                                                                                                           | `?width=400`               |
+| `height`          | Custom height for SVG canvas (`view=monthly`, `pulse`, `skyline`)                               | `120`              | Numeric value                                                                                                                                                           | `?height=150`              |
+| `grace`           | Grace period in days before streak resets (see [Grace Period Examples](#grace-period-examples)) | `1`                | `0`–`7`                                                                                                                                                                 | `?grace=2`                 |
+| `mode`            | Base data rendering mode                                                                        | `commits`          | `commits`, `loc`                                                                                                                                                        | `?mode=loc`                |
+| `repo`            | Render monolith for a specific repository                                                       | —                  | `owner/repo`                                                                                                                                                            | `?repo=vercel/next.js`     |
+| `org`             | Organization name to generate a Mega-City for                                                   | —                  | Valid GitHub organization name                                                                                                                                          | `?org=vercel`              |
+| `labels`          | Render optional isometric month/weekday labels                                                  | `false`            | `true`, `false`                                                                                                                                                         | `?labels=true`             |
+| `labelColor`      | Custom text color for isometric labels                                                          | —                  | Hex color code (without `#`)                                                                                                                                            | `?labelColor=ffffff`       |
+| `versus`          | Compare against an opponent side-by-side                                                        | —                  | Any valid GitHub username                                                                                                                                               | `?versus=octocat`          |
+| `shading`         | Apply intensity-based opacity shading to tower faces                                            | `false`            | `true`, `false`                                                                                                                                                         | `?shading=true`            |
+| `dim_weekends`    | Dim weekend towers (Saturdays and Sundays)                                                      | `false`            | `true`, `false`                                                                                                                                                         | `?dim_weekends=true`       |
+| `opacity`         | Global opacity scalar for tower fill                                                            | `1.0`              | `0.1`–`1.0`                                                                                                                                                             | `?opacity=0.8`             |
+| `gradient`        | Show volumetric gradients on the floor                                                          | `false`            | `true`, `false`                                                                                                                                                         | `?gradient=true`           |
+| `minify`          | Enable SVG minification and payload optimization                                                | `true`             | `true`, `false`                                                                                                                                                         | `?minify=false`            |
 
 ---
 
diff --git a/lib/svg/radar.ts b/lib/svg/radar.ts
index dad6a0dbb..a1b41cef8 100644
--- a/lib/svg/radar.ts
+++ b/lib/svg/radar.ts
@@ -130,8 +130,9 @@ export function generateRadarSVG(
     labelsSVG += `      <text x="${labelX}" y="${labelY}" fill="#${textColor}" font-family="'Inter', sans-serif" font-size="11" font-weight="600" text-anchor="middle" dominant-baseline="central" opacity="0.8">${RADAR_AXES[i].label}</text>\n`;
   }
 
-  // 3. Data Polygon
+  // 3. Data Polygon & Dots
   let dataPoints = '';
+  let dotsSVG = '';
   for (let i = 0; i < RADAR_AXIS_COUNT; i++) {
     const angle = (Math.PI * 2 * i) / RADAR_AXIS_COUNT - Math.PI / 2;
     // ensure minimum size for visual appeal
@@ -140,12 +141,17 @@ export function generateRadarSVG(
     const x = RADAR_CENTER_X + r * Math.cos(angle);
     const y = RADAR_CENTER_Y + r * Math.sin(angle);
     dataPoints += `${x},${y} `;
+    const pct = Math.round(metrics[i] * 100);
+    const axisLabel = RADAR_AXES[i].label;
+    dotsSVG += `      <circle cx="${x}" cy="${y}" r="3" fill="#${accentColor}" aria-label="${axisLabel}: ${pct}%">\n        <title>${axisLabel}: ${pct}%</title>\n      </circle>\n`;
   }
 
   const dataPolygonSVG = `
     <g filter="url(#${CSS_PREFIX}-glow)">
-      <polygon points="${dataPoints.trim()}" fill="#${accentColor}" fill-opacity="0.25" stroke="#${accentColor}" stroke-width="2" style="animation: ${CSS_PREFIX}-pulse 3s infinite alternate;" />
-    </g>`;
+      <polygon points="${dataPoints.trim()}" fill="#${accentColor}" fill-opacity="0.25" stroke="#${accentColor}" stroke-width="2" style="animation: ${CSS_PREFIX}-pulse 3s infinite alternate;">
+        <title>Radar score breakdown for ${safeUser}</title>
+      </polygon>
+${dotsSVG}    </g>`;
 
   // CSS Animations
   const css = `
diff --git a/types/achievements.ts b/types/achievements.ts
index b8c3d68c6..fd7272287 100644
--- a/types/achievements.ts
+++ b/types/achievements.ts
@@ -3,7 +3,11 @@ export type AchievementTier = 'bronze' | 'silver' | 'gold' | 'platinum' | 'diamo
 export type AchievementRarity = 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary' | 'mythic';
 
 export type AchievementCategory =
-  'contribution' | 'pull-request' | 'repository' | 'collaboration' | 'technology';
+  | 'contribution'
+  | 'pull-request'
+  | 'repository'
+  | 'collaboration'
+  | 'technology';
 
 export interface AchievementLevelDef {
   tier: AchievementTier;