Skip to content

Commit b919972

Browse files
committed
Revert "Pagination: Accessibility enhancements (#5488)"
This reverts commit e352e19.
1 parent 4aa4fd4 commit b919972

File tree

3 files changed

+6
-23
lines changed

3 files changed

+6
-23
lines changed

.changeset/eighty-carpets-rush.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

packages/react/src/Pagination/Pagination.stories.tsx

Lines changed: 4 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, {useState} from 'react'
1+
import React from 'react'
22
import type {Meta, StoryFn} from '@storybook/react'
33
import type {ComponentProps} from '../utils/types'
44
import Pagination from './Pagination'
@@ -26,21 +26,9 @@ const parseShowPagesArg = (value: boolean | string) => {
2626
}
2727
}
2828

29-
export const Default = () => {
30-
const [page, setPage] = useState(2)
31-
32-
return (
33-
<Pagination
34-
pageCount={15}
35-
currentPage={page}
36-
onPageChange={(e, n) => {
37-
e.preventDefault()
38-
setPage(n)
39-
}}
40-
showPages={{narrow: false}}
41-
/>
42-
)
43-
}
29+
export const Default = () => (
30+
<Pagination pageCount={15} currentPage={2} onPageChange={e => e.preventDefault()} showPages={{narrow: false}} />
31+
)
4432

4533
export const Playground: StoryFn<ComponentProps<typeof Pagination>> = ({showPages, ...args}) => {
4634
return (

packages/react/src/Pagination/model.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ export function buildComponentData(
148148
key = 'page-prev'
149149
content = 'Previous'
150150
if (page.disabled) {
151-
Object.assign(props, {'aria-hidden': 'true'})
151+
Object.assign(props, {'aria-disabled': 'true', role: 'link'})
152152
} else {
153153
Object.assign(props, {
154154
rel: 'prev',
@@ -163,7 +163,7 @@ export function buildComponentData(
163163
key = 'page-next'
164164
content = 'Next'
165165
if (page.disabled) {
166-
Object.assign(props, {'aria-hidden': 'true'})
166+
Object.assign(props, {'aria-disabled': 'true', role: 'link'})
167167
} else {
168168
Object.assign(props, {
169169
rel: 'next',

0 commit comments

Comments
 (0)