diff --git a/packages/react-components/react-table/library/docs/Spec.md b/packages/react-components/react-table/library/docs/Spec.md index b64d8ee38fc4d..62279222247c8 100644 --- a/packages/react-components/react-table/library/docs/Spec.md +++ b/packages/react-components/react-table/library/docs/Spec.md @@ -453,7 +453,7 @@ include the header cells which can be sortable. They are covered above. #### cell This is the most accessible and screenreader friendly navigation mode. This is what is recommended by the -[WAI APG examples](https://www.w3.org/WAI/ARIA/apg/example-index/grid/dataGrids). Navigation happsn only +[WAI APG examples](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/). Navigation happsn only on the level of the cell in both directions. @@ -498,7 +498,7 @@ The spec aims to use the accessibility section as little as possible and buildin The follow a11y resources were used in the drafting of this spec: - https://www.w3.org/WAI/ARIA/apg/patterns/grid/ -- https://www.w3.org/WAI/ARIA/apg/example-index/grid/dataGrids +- https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/ - https://www.w3.org/WAI/ARIA/apg/example-index/table/sortable-table.html - https://www.w3.org/WAI/ARIA/apg/example-index/table/table - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/grid_role diff --git a/packages/react-components/react-table/stories/src/Table/CellNavigation.stories.tsx b/packages/react-components/react-table/stories/src/Table/CellNavigation.stories.tsx index 9eea0e85a2b1f..32dcee3f971a3 100644 --- a/packages/react-components/react-table/stories/src/Table/CellNavigation.stories.tsx +++ b/packages/react-components/react-table/stories/src/Table/CellNavigation.stories.tsx @@ -133,7 +133,7 @@ CellNavigation.parameters = { 'Cell navigation can be achieved simply using the `useArrowNavigationGroup` utility provided by the Library.', '', '>⚠️ Once there is any kind of keyboard navigation on the component it must follow the', - '>[aria role="grid" pattern](https://www.w3.org/WAI/ARIA/apg/example-index/grid/dataGrids).', + '>[aria role="grid" pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/).', ].join('\n'), }, }, diff --git a/packages/react-components/react-table/stories/src/Table/TableDescription.md b/packages/react-components/react-table/stories/src/Table/TableDescription.md index 58f2f7e08a9dd..7e69f81b1ef06 100644 --- a/packages/react-components/react-table/stories/src/Table/TableDescription.md +++ b/packages/react-components/react-table/stories/src/Table/TableDescription.md @@ -13,4 +13,4 @@ that as the feature set expands, users will not need to pay the bundle size pric to use. Please consult the usage examples below for more details. > ⚠️ Once there is any kind of keyboard navigation on the component it must follow the -> [aria role="grid" pattern](https://www.w3.org/WAI/ARIA/apg/example-index/grid/dataGrids) +> [aria role="grid" pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/)