nav progress accessibility

nichtsam · Mar 25, 2024 · 50dd426 · 50dd426
1 parent a588b56
commit 50dd426
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/app/components/nav-progress.tsx b/app/components/nav-progress.tsx
@@ -39,6 +39,12 @@ function NavProgress() {
   return (
     <div
       role="progressbar"
+      aria-label="Page Navigation Progress"
+      aria-hidden={busy ? undefined : true}
+      aria-valuetext={busy ? "Loading" : "Idle"}
+      aria-valuenow={progressRate}
+      aria-valuemax={100}
+      aria-valuemin={0}
       className={cn(
         "pointer-events-none fixed inset-x-0 top-0 z-[60] flex flex-col items-end transition-all duration-500",
         !busy && "opacity-0",