[EuiTablePagination] Add aria-current to rows per page menu (#7186)

Co-authored-by: Cee Chen <[email protected]>
elastic · Sep 14, 2023 · 0f42263 · 0f42263
1 parent 3e0438a
commit 0f42263
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap b/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
@@ -235,6 +235,7 @@ exports[`EuiTablePagination renders 1`] = `
           >
             <div>
               <button
+                aria-current="true"
                 class="euiContextMenuItem"
                 data-test-subj="tablePagination-10-rows"
                 type="button"

diff --git a/src/components/table/table_pagination/table_pagination.tsx b/src/components/table/table_pagination/table_pagination.tsx
@@ -116,6 +116,9 @@ export const EuiTablePagination: FunctionComponent<EuiTablePaginationProps> = (
         <EuiContextMenuItem
           key={itemsPerPageOption}
           icon={itemsPerPageOption === itemsPerPage ? 'check' : 'empty'}
+          aria-current={
+            itemsPerPageOption === itemsPerPage ? 'true' : undefined
+          }
           onClick={() => {
             closePopover();
             onChangeItemsPerPage?.(itemsPerPageOption);

diff --git a/upcoming_changelogs/7186.md b/upcoming_changelogs/7186.md
@@ -0,0 +1,3 @@
+**Accessibility**
+
+- Added `aria-current` attribute to `EuiTablePagination`