Skip to content

Commit 1855a78

Browse files
add prev and next aria-label on pagination (#1640)
Co-authored-by: Brandon Scott <[email protected]>
1 parent afcaad7 commit 1855a78

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/pagination/src/Pagination.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,13 @@ const Pagination = memo(
115115
<Pane is="nav" role="navigation" aria-label="Pagination" {...rest} ref={ref}>
116116
<Pane is="ul" display="flex" alignItems="center" padding={0}>
117117
<Pane is="li" listStyle="none">
118-
<IconButton appearance="minimal" icon={ChevronLeftIcon} disabled={page === 1} onClick={onPreviousPage} />
118+
<IconButton
119+
appearance="minimal"
120+
icon={ChevronLeftIcon}
121+
disabled={page === 1}
122+
onClick={onPreviousPage}
123+
aria-label="Previous page"
124+
/>
119125
</Pane>
120126
{totalPages
121127
? getPaginationButtonContent({ totalPages, page }).map((val, i) => {
@@ -142,6 +148,7 @@ const Pagination = memo(
142148
icon={ChevronRightIcon}
143149
disabled={totalPages ? page === totalPages : undefined}
144150
onClick={onNextPage}
151+
aria-label="Next page"
145152
/>
146153
</Pane>
147154
</Pane>

0 commit comments

Comments
 (0)