Revert "Pagination: Accessibility enhancements (#5488)"

This reverts commit e352e19.
primer · Jan 9, 2025 · b919972 · b919972
1 parent 4aa4fd4
commit b919972
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 23 deletions.
diff --git a/.changeset/eighty-carpets-rush.md b/.changeset/eighty-carpets-rush.md
diff --git a/packages/react/src/Pagination/Pagination.stories.tsx b/packages/react/src/Pagination/Pagination.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react'
+import React from 'react'
 import type {Meta, StoryFn} from '@storybook/react'
 import type {ComponentProps} from '../utils/types'
 import Pagination from './Pagination'
@@ -26,21 +26,9 @@ const parseShowPagesArg = (value: boolean | string) => {
   }
 }
 
-export const Default = () => {
-  const [page, setPage] = useState(2)
-
-  return (
-    <Pagination
-      pageCount={15}
-      currentPage={page}
-      onPageChange={(e, n) => {
-        e.preventDefault()
-        setPage(n)
-      }}
-      showPages={{narrow: false}}
-    />
-  )
-}
+export const Default = () => (
+  <Pagination pageCount={15} currentPage={2} onPageChange={e => e.preventDefault()} showPages={{narrow: false}} />
+)
 
 export const Playground: StoryFn<ComponentProps<typeof Pagination>> = ({showPages, ...args}) => {
   return (

diff --git a/packages/react/src/Pagination/model.tsx b/packages/react/src/Pagination/model.tsx
@@ -148,7 +148,7 @@ export function buildComponentData(
       key = 'page-prev'
       content = 'Previous'
       if (page.disabled) {
-        Object.assign(props, {'aria-hidden': 'true'})
+        Object.assign(props, {'aria-disabled': 'true', role: 'link'})
       } else {
         Object.assign(props, {
           rel: 'prev',
@@ -163,7 +163,7 @@ export function buildComponentData(
       key = 'page-next'
       content = 'Next'
       if (page.disabled) {
-        Object.assign(props, {'aria-hidden': 'true'})
+        Object.assign(props, {'aria-disabled': 'true', role: 'link'})
       } else {
         Object.assign(props, {
           rel: 'next',