Skip to content

Commit a5387be

Browse files
committed
fix: update PaginationPrevious and PaginationNext to use screen reader only text for accessibility
1 parent 31c7bf9 commit a5387be

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/ui/pagination.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ function PaginationPrevious({
7777
{...props}
7878
>
7979
<ChevronLeftIcon />
80-
<span className="hidden sm:block">Previous</span>
80+
<span className="sr-only">Previous</span>
8181
</PaginationLink>
8282
);
8383
}
@@ -93,7 +93,7 @@ function PaginationNext({
9393
className={cn('gap-1 px-2.5 sm:pr-2.5', className)}
9494
{...props}
9595
>
96-
<span className="hidden sm:block">Next</span>
96+
<span className="sr-only">Next</span>
9797
<ChevronRightIcon />
9898
</PaginationLink>
9999
);

0 commit comments

Comments
 (0)