Added aria-live for navigating pages

CodeForPhilly · Jul 1, 2024 · 7567860 · 7567860
1 parent f38178d
commit 7567860
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/components/PropertyDetailSection.tsx b/src/components/PropertyDetailSection.tsx
@@ -192,6 +192,7 @@ const PropertyDetailSection: FC<PropertyDetailSectionProps> = ({
   ) : (
     <>
       <div className="flex flex-wrap flex-grow h-full min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)] mt-2">
+        <div aria-live="polite" className="absolute left-[-9999px]" role="status"> You are on page {page} </div>
         {display === "list" ? (
           <Table
             aria-label="Property Details"