diff --git a/IMPROVEMENTS.md b/IMPROVEMENTS.md index 2ff9995..57899b3 100644 --- a/IMPROVEMENTS.md +++ b/IMPROVEMENTS.md @@ -1,5 +1,17 @@ # PingDiff Improvement Log +## 2026-03-19 — Accessibility: Site-wide accessibility improvements + +Accessibility pass across all pages. Every page now has consistent skip-to-content +navigation, active nav state announced to screen readers, major sections labelled as +landmarks, chart regions wrapped with accessible roles, table headers scoped, decorative +icons hidden from assistive tech, and a sr-only utility added to globals.css. + +**Files changed:** `web/src/app/globals.css`, `web/src/components/Navbar.tsx`, +`web/src/app/page.tsx`, `web/src/app/community/page.tsx`, +`web/src/app/dashboard/page.tsx`, `web/src/app/download/page.tsx` +**Lines:** +57 / -27 + ## 2026-03-19 — New Feature: Date range filter and CSV export for dashboard Added two practical dashboard improvements with no new dependencies and no API changes. diff --git a/web/src/app/community/page.tsx b/web/src/app/community/page.tsx index 9899cd7..7a74157 100644 --- a/web/src/app/community/page.tsx +++ b/web/src/app/community/page.tsx @@ -7,13 +7,17 @@ import { Footer } from "@/components/Footer"; export default function CommunityPage() { return (
+ + Skip to main content + + -
+
{/* Coming Soon Banner */}
- +

Community Hub

@@ -25,7 +29,8 @@ export default function CommunityPage() {

{/* Preview Features */} -
+
+

Upcoming community features

@@ -55,7 +60,7 @@ export default function CommunityPage() { See the best ping results by region, ISP, and server location.

-
+
{/* CTA */}
diff --git a/web/src/app/dashboard/page.tsx b/web/src/app/dashboard/page.tsx index 137c80e..e05aac6 100644 --- a/web/src/app/dashboard/page.tsx +++ b/web/src/app/dashboard/page.tsx @@ -226,10 +226,14 @@ export default function DashboardPage() { return (
+ + Skip to main content + + {/* Main Content */} -
+

Dashboard

@@ -398,11 +402,11 @@ export default function DashboardPage() {
{/* Charts */} -
+
{/* Ping History Chart */}
-

Ping History

-
+

Ping History

+
@@ -429,8 +433,8 @@ export default function DashboardPage() { {/* Server Comparison Chart */}
-

Server Comparison

-
+

Server Comparison

+
@@ -459,15 +463,15 @@ export default function DashboardPage() {
- +
- - - - - - + + + + + + diff --git a/web/src/app/download/page.tsx b/web/src/app/download/page.tsx index c72f3d1..da5f335 100644 --- a/web/src/app/download/page.tsx +++ b/web/src/app/download/page.tsx @@ -65,10 +65,14 @@ export default function DownloadPage() { return (
+ + Skip to main content + + {/* Main Content */} -
+

Download PingDiff

@@ -111,8 +115,10 @@ export default function DownloadPage() { - +

diff --git a/web/src/app/globals.css b/web/src/app/globals.css index 6c87bdd..dea054e 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -95,6 +95,19 @@ body { top: 0; } +/* Screen-reader only utility — visually hidden but accessible to assistive tech */ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx index 914ddff..8bfe4fd 100644 --- a/web/src/app/page.tsx +++ b/web/src/app/page.tsx @@ -65,7 +65,7 @@ export default function Home() { href="/download" className="inline-flex items-center justify-center gap-2 btn-primary px-8 py-4 rounded-xl font-semibold text-lg focus-ring" > - +
ServerPingJitterLossISPTimeServerPingJitterLossISPTime