diff --git a/packages/react/src/pagination/PaginationItem.js b/packages/react/src/pagination/PaginationItem.js
index 8fcfde6513..81459e94d7 100644
--- a/packages/react/src/pagination/PaginationItem.js
+++ b/packages/react/src/pagination/PaginationItem.js
@@ -1,4 +1,4 @@
-import { ariaAttr, dataAttr } from '@tonic-ui/utils';
+import { ariaAttr } from '@tonic-ui/utils';
 import React, { forwardRef } from 'react';
 import { Button } from '../button';
 import { Icon } from '../icon';
@@ -51,10 +51,9 @@ const PaginationItem = forwardRef((
     <Button
       ref={ref}
       aria-current={ariaAttr(selected)}
-      aria-disabled={ariaAttr(disabled)}
       aria-label={ariaLabel ?? getAriaLabel({ type, page, selected })}
-      data-selected={dataAttr(selected)}
       disabled={disabled}
+      selected={selected}
       variant={variant}
       {...styleProps}
       {...rest}
diff --git a/packages/react/src/pagination/__tests__/Pagination.test.js b/packages/react/src/pagination/__tests__/Pagination.test.js
index 34dd724775..bbb15b1b56 100644
--- a/packages/react/src/pagination/__tests__/Pagination.test.js
+++ b/packages/react/src/pagination/__tests__/Pagination.test.js
@@ -28,7 +28,10 @@ describe('Pagination', () => {
     expect(pageItems.length).toBe(5);
     expect(pageItem0).not.toHaveAttribute('aria-current');
     expect(pageItem1).toHaveAttribute('aria-current', 'true');
+
+    // Only use `aria-selected` with these roles: `option`, `tab`, `menuitemradio`, `treeitem`, `gridcell`, `row`, `rowheader`, and `columnheader`.
     expect(pageItem1).toHaveAttribute('data-selected', '');
+
     expect(pageItem2).not.toHaveAttribute('aria-current');
     expect(pageItem3).not.toHaveAttribute('aria-current');
     expect(pageItem4).not.toHaveAttribute('aria-current');